/* ----- [ CSS Reset ] ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* ----- [ Globals ] ----- */
.clear { clear:both; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.padding20 { padding:20px; }

/* ----- [ Elements ] ----- */
html, body, form { height:100%; }
body { background:#E5EEF5; }

div#wrapper, div#header, div#footer { width:875px; margin:0 auto; padding:0 10px;}

/* ----- [ Sandbox ] ----- */
div#sandbox { 
	padding-top:162px;
	position:relative;
	z-index:11;
}

div#sandbox div#left {
	width:228px;
	float:left;
	padding:0px 23px 0px 0px;
	color:#000;
	font-family:Arial;
	font-weight:normal;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	background:#fff;
}

div#sandbox div#left #leftimg {
	float:left;
	color:#fff;
	text-decoration:none;
}

div#sandbox div#left div#inthenews {
	padding: 0px 0 10px 0px;
}

div#sandbox div#canvas  {
	width:624px;
	margin:30px 0px 0px 0px;
	float:left;
	color:#000;
	font-family:Trebuchet MS, Arial, Tahoma;
	font-weight:normal;
	font-size:13px;
	text-decoration:none;
}

div#sandbox div#canvas div#canvasall {
	width:604px;
	padding-left:10px;
	float:left;
	color:#000;
	font-family:Arial;
	font-weight:normal;
	text-align:justify;
	font-size:13px;
	text-decoration:none;
}

div#sandbox div#canvas div#canvasall a {
	text-decoration: none;
	color: #00386B;
	font-size:13px;
	font-weight:bold;
}

div#sandbox div#canvas div#canvasall a:hover {
	border-bottom:1px dotted #000;
}

div#sandbox div#canvas div#canvasleft {
	width:292px;
	padding-left:10px;
	float:left;
	color:#000;
	font-family:Arial;
	font-weight:normal;
	text-align:justify;
	font-size:13px;
	text-decoration:none;
}


div#sandbox div#canvas div#canvascenter {
	width:10px;
	padding-left:10px;
	float:left;
}

div#sandbox div#canvas div#canvasright {
	width:302px;
	float:left;
	margin-left:0px;
	color:#000;
	font-family:Arial;
	font-weight:normal;
	font-size:13px;
	text-align:justify;
	text-decoration:none;
}

div#push { 
	height:104px;
}

/* ----- [ Wrapper ] ----- */
div#wrapper { 
	margin-bottom:-104px;
	background:url(../images/common/sandboxbg.png) left top repeat-y;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* ----- [ Header ] ----- */
div#headerwrapper { height:194px; }
div#header { height:162px; background:url(../images/common/headerbg.png) left top no-repeat; position:relative; z-index:15; }
div#headerwrapper { position: absolute; top:0; left:0; width:100%; background:url(../images/common/headerwrapperbg.png) left top repeat-x; }

div#headerwrapper div#navshadow { 
	height:32px; 
	background:url(../images/common/navshadow.png) left top repeat-x; 
	position:relative;
	z-index:10;
}

div#header #logo {
	display:block;
	width:650px;
	height:91px;
	background:url(../images/common/logo.jpg) left top no-repeat;
	position:absolute;
	top:28px;
	left:23px;
	text-indent:-9000px;
}

div#header div#navigation ul {
	position:absolute;
	bottom:0;
	left:10px;
	width:100%;
	height:37px;
}


div#header div#navigation li {
	float:left;
	height:37px;
}

div#header div#navigation li a {
	display:block;
	float:left;
	height:25px;
	color:#fff;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding:7px 12px 0 12px;
}

div#header div#navigation li a:hover {
	background:url(../images/common/navhover.png) left top repeat-x;
}

div#header div#navigation li a.current {
	background:url(../images/common/navcurrent.png) center top no-repeat;
	color:#fff;
}

div#header p#toplinks {
	position:absolute;
	right:27px;
	top:37px;
}

div#header p#toplinks a {
	font-size:12px;
	font-weight:normal;
	color:#000;
	font-family:Trebuchet MS, Arial, Tahoma;
	text-decoration:none;
}

div#header p#toplinks a:hover {
	border-bottom:1px dotted #000;
}

/* ----- [ Footer ] ----- */
div#footer { 
	height:84px;
	width:875px;
}

div#footer div#canvasbottom {
	height:44px;
	background:url(../images/common/sandboxbottombg.png) left top no-repeat;
}

div#footer div#footerwrapper {
	height:60px;
	background:url(../images/common/footerbg.png) 10px top repeat-x;
}

#links {
	position:absolute;
	font-family: tahoma, arial, verdana;
	font-weight: normal;
	font-size: 12px;
	float:left;
	text-align: center;
	padding-top:10px;
	padding-left:205px;
	color: #FFEDBB;
	z-index:100;
}

#links a {
	text-decoration: none;
	color: #FFEDBB;
}

#links a:hover {
	border-bottom: 1px dashed;
} 

.mapit a {
	text-decoration: none;
	color: #00386B;
	font-size:11px;
	font-weight:bold;
}

.mapit a:hover {
	border-bottom: 1px dashed;
} 

.bellelogo {
	padding-left:25px;
}

.bellelogotext {
	padding-left:70px;
	font-family: tahoma, arial, verdana;
	font-weight: normal;
	font-size: 9px;
}

.copyright {
	font-family: tahoma, arial, verdana;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	padding-top:30px;
}

.therm {
	float:left;
	margin-top:-5px;
}

.donate {
	float:left;
	padding:15px 0 0 80px;
}

.usmap {
	float:left;
	padding-bottom:20px;
}

.bodylink a {
	color: #00386B;
	text-decoration:none;
}

.bodylink a:hover {
	border-bottom: 1px dashed;
}