/* CSS */

body {
	background-color: #EBF0F9;
	padding-top: 10px;
	padding-bottom: 10px;
	scrollbar-face-color:#336699;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#A3BFDC;
	scrollbar-shadow-color:'#A3BFDC';
	scrollbar-highlight-color:'#FFFFFF';
	scrollbar-3dlight-color:'#71A3D1';
	scrollbar-darkshadow-Color:'#336699';
}

#container {
	/* background-color: #00FF00; */
	margin: 10px auto;
	width: 790px;
	/* border: 1px solid #000000; */
}

#header {
	margin: 0px;
	width: 790px;
	height: 129px;
	background-image:url(images/night/header_overcast.jpg);
}

.headerwx {
	margin-left: 700px;
	margin-top: 30px;
	font-size: 12px;
	color: #FFFFFF;
}


#sidebar {
	float:left;
	margin: 25px 0px;
	width: 172px;
}

#content {
	float:left;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:18px;
	width: 593px;
	font-family: Arial, Helvetica, sans-serif;
}

#pageHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
}

#pageHeaderContent {
	position: relative;
	padding: 5px;
	margin-top: 50px;
}

.contentHeader {
	font-size: 16px;
	font-weight: bold;
	display: block;
	font-size: 14px;
	background-color: #336699;
	padding: 4px;
	color: #FFFFFF;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.contentBL {background: url(images/corners/contentBL.gif) 0 100% no-repeat #FFFFFF; background: url(contentTL.gif) reapeat-y}
.contentBR {background: url(images/corners/contentBR.gif) 100% 100% no-repeat}
.contentTL {background: url(images/corners/contentTL.gif) 0 0 no-repeat}
.contentTR {background: url(images/corners/contentTR.gif) 100% 0 no-repeat; padding:15px}

.bordercontent {border: 1px solid; border-color: #000000}

.menuBL {background: url(images/corners/menuBL.gif) 0 100% no-repeat #A3BFDC}
.menuBR {background: url(images/corners/menuBR.gif) 100% 100% no-repeat}
.menuTL {background: url(images/corners/menuTL.gif) 0 0 no-repeat}
.menuTR {background: url(images/corners/menuTR.gif) 100% 0 no-repeat; padding:16px}
.clear {font-size: 1px; height: 1px}

.footerBL {background: url(images/corners/footerBL.gif) 0 100% no-repeat #24496F}
.footerBR {background: url(images/corners/footerBR.gif) 100% 100% no-repeat}
.footerTL {background: url(images/corners/footerTL.gif) 0 0 no-repeat}
.footerTR {background: url(images/corners/footerTR.gif) 100% 0 no-repeat; padding:5px}

.buttonscontainer {width: 140px;}

.buttons a {
color: #FFFFFF;
border: 1px solid;
background-color: #336699;
padding: 2px;
padding-left: 3px;
font: 12px Arial, sans-serif;
text-decoration: none;
border-color: #336699;
display: block;
margin-bottom: 4px;
margin-top:4px; /* IE Bug fix */
width: 100%;
text-align: left;}

.buttons a:hover {
border: 1px solid;
background-color: #24496F;
border-color: #FFFFFF;
color: #FFFFFF;}

#footer {
	clear: both;
	position:relative; /* IE Bug fix */
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 250px !important; /* intended total box width - padding-right(next) */
    width: 220px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
}