/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


/* default text font formatting */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background-color: #666666;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#3357a6;
font-weight:bold;
padding-top:15px;
}

h2 {
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
}


	/* Body text formatting */
p {
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-style:normal;
}

	/* Bulleted lists formatting */

ul.sclist li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:6px;
}



li.sclist {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:6px;
}



.sclist {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:6px;
}




/* link properties in paragraphs */
p a:link {
color:#0000FF;
text-decoration:underline;
}

p a:visited {
color:#0000FF;
text-decoration:underline;
}

p a:hover {
color:#0000FF;
text-decoration:underline;
}



/* Prevent above a:hover properties from affecting headings */
h1 a:hover {
color:#3357a6;
text-decoration:none;
}

h2 a:hover {
color:#000000;
text-decoration:none;
}


/* link properties in lists */
li a:link {
color:#0000FF;
text-decoration:underline;
}

li a:visited {
color:#0000FF;
text-decoration:underline;
}

li a:hover {
color:#0000FF;
text-decoration:underline;
}


/* factsheet and work products buttons styles */
.topbutton a {
margin-left:15px;
display: inline-block;
float:left;
border:1px solid;
border-color:#3357a6; 
text-decoration:none;
font-size:12px;
padding:3px 3px 3px 3px;
background-color:#eeeeee;
}

.topbutton a:link, a:visited {
color:#3357a6;
text-decoration:none;
}

.topbutton a:hover {
color:#3357a6;
text-decoration:none;
}





	/* Table Text formatting */
	.sctables {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-left:10px;
	}
	
	.sctableshead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:white;
	background-color:#3357a6;
	}

	a.sctables:link {
	color:black;
	text-decoration:none;
	}
	
	a.sctables:visited {
	color:black;
	text-decoration:none;
	}
	
	a.sctables:hover {
	color:#0000ff;
	text-decoration: underline;
	}



/* Add PDF icon next to any link that has the extension .pdf or .PDF*/
.pdflink { 
   padding-right: 18px;
   background: url(../images/pdf_icon.gif) no-repeat 100% 50%; /* was transparent also */
}

/* Tweak to make multi-line link with icon work in IE
.pdflink i { 
   padding-right: 18px;
   background: url(../images/pdf_icon.gif) no-repeat 100% 50%; /* was transparent also */
}


/* Add "External Page" icon to any link that goes away from website */
.extlink {
	padding-right: 18px;
	background: url(../images/external_page_icon.gif) no-repeat 100% 50%; /* was transparent also */
}

/* Add "MS Word Doc" icon to any link that goes away from website */
.wordlink {
	padding-right: 18px;
	background: url(../images/word_doc_icon.gif) no-repeat 100% 50%; /* was transparent also */
}

/* Add "MS Excel" icon to any link that goes away from website */
.excellink {
	padding-right: 18px;
	background: url(../images/excel_icon.gif) no-repeat 100% 50%; /* was transparent also */
}

/* Add "MS PowerPoint" icon to any link that goes away from website */
.pptlink {
	padding-right: 18px;
	background: url(../images/powerpoint_icon.gif) no-repeat 100% 50%; /* was transparent also */
}




	/* Table Borders formatting */
.sctablesformat {
border:#000000 1px solid;
border-collapse:collapse;
margin-left:15px;
}

.sctablesformat a:link{
color:black;
text-decoration:none;
}

.sctablesformat a:visited{
color:black;
text-decoration:none;
}

.sctablesformat a:hover{
color:#0000ff;
text-decoration:underline;
}

.sctablesformat td {
border:#000000 1px solid;
padding-top:2px;
padding-bottom:2px;
}

/* Main DIV wrapper holds the entire page */
#wrapper {
background-image: url(../images/bg.png); /* was background-color: #cccccc; */
background-repeat:repeat-y;
width:800px;
margin:0px auto;
padding:0 0 0 0;
position:relative; /* this makes wrapper div grow in height relative to container div */
clear:both; /* added this to make wrapper background color appear in Firefox */
overflow:hidden; /* added this to make wrapper background color appear in Firefox */
}

#wrapper div {
float:right; /* changed from left to right to make container div stay right */
}

/* Top banner portion with the search box */
#banner {
width:800px;
height:175px;
padding:0 0 0 0;
margin: 0 0 0 0;
background-image:url(../images/top-banner.jpg);
background-repeat:no-repeat;
background-position:top;
}
	/* Search box and button */
#banner form{
float:right;
margin:140px 10px 0 0;
padding:0 0 0 0;
}

/* Navbar DIV */
#navigation {
padding:0 0 0 0;
margin:0 0 0 0;
width:800px;
height:28px;
position:relative;
z-index:99;
border: none;
}

/* Left container div */
#leftcontainer {
width:200px;
margin:0 0 0 0;
padding:0 0 0 0;
background-color:#CCCCCC; /* the setting below keep the left menu bar at exact left and below top nav bar */
position:absolute; 
top:203px;
left:0px;
}


/* Picture above left submenu */
#pagepicdiv {
width:200px;
height:150px;
margin:0 0 0 0;
padding:0 0 0 0;
}

img.pagepic {float:left; display: block; margin:0 0 0 0; padding:0px 0px 0px 0px; border:0 0 0 0;}

/* Left submenu */
div.wireframemenu {
background-color: #CCCCCC;
width: 200px;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width:200px; /* was 164 */
border: 0 0 0 0;
padding: 0 0 0 0;
}

.wireframemenu ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
border: 0 0 0 0; 
list-style-type: none;
}

.wireframemenu ul li{
margin: 0 0 0 0;
border: 0 0 0 0;
padding: 0 0 0 0; 
list-style-type: none;
}

.wireframemenu ul li a{
font: 13px Verdana; 
padding-top:4px;
padding-bottom:3px;
padding-right:7px;
padding-left:10px;
display: block;
color: #3357a6;
width:180px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
text-decoration: none;
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-image:url(../images/blue-menu-bar.gif);
background-repeat:no-repeat;
}

.wireframemenu ul li a:hover {
background-color: #39AE4E; 
color: #FFFFFF;
text-decoration:none;
width:183px;
}


.wireframemenu a:visited{
color: #3357a6; 
}

html>body .wireframemenu a{ /*Non IE rule*/
width: 180px; /* was auto */
}


	/* Current left submenu item highlighting */
div.wireframemenu ul li.current {
background-color: #3357a6; /*was #F8FBBD */
color: white;
font: 13px Verdana; /* was bold */
padding: 0px 0px; /* was 4px 3px */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:10px;
width: 190px; /*Define width for IE6's sake was 100%*/
text-decoration: none;
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
}

/* Left Menu item current and still active */
.wireframemenu ul li.currentactive a{
font: 13px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:3px;
display: block;
color: white;
background-color:#3357a6;
width:197px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
text-decoration: none;
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
}




/* Sub left menu */

.wireframemenu ul li.leftmenusub a{
font: 11px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:20px;
display: block;
color: #555555;
width:180px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-color:#efefef;
background-image: url(../images/grayblue-submenu-bar.gif);
background-repeat:no-repeat;
background-position: top left;
}


.wireframemenu ul li.leftmenusub a:visited{
color:#555555;
}

.wireframemenu ul li.leftmenusub a:hover {
background-color: #39AE4E; /*was #F8FBBD */
color: #FFFFFF;
text-decoration:none;
width:180px;
}


.wireframemenu ul li.leftmenusub a:hover{
background-color: #39AE4E; /*was #F8FBBD */
color: #FFFFFF;
text-decoration:none;
}

.wireframemenu ul li.currentsub {
font: 11px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:20px;
display: block;
color:white;
width:180px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-color:#3357a6;
background-image: url(../images/grayblue-submenu-bar.gif); 
background-repeat:no-repeat;
background-position:top left;
}


/* Current sub still active link */
.wireframemenu ul li.currentsubactive a{
font: 11px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:20px;
display: block;
color:white;
width:180px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-color:#3357a6;
background-image: url(../images/grayblue-submenu-bar.gif); 
background-repeat:no-repeat;
background-position:top left;
}

.wireframemenu ul li.currentsubactive a:hover {
background-color: #39AE4E; /*was #F8FBBD */
color: #FFFFFF;
text-decoration:none;
}










/* Sub-sub left menu */

.wireframemenu ul li.leftmenusubsub a{
font: 11px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:30px;
display: block;
color: #555555;
width:170px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-color:#efefef;
background-image: url(../images/grey-blue-black.gif);
background-repeat:no-repeat;
background-position: top left;
}


.wireframemenu ul li.leftmenusubsub a:visited{
color:#555555;
}

.wireframemenu ul li.leftmenusubsub a:hover {
background-color: #39AE4E; /*was #F8FBBD */
color: #FFFFFF;
text-decoration:none;
width:170px;
}


.wireframemenu ul li.leftmenusubsub a:hover{
background-color: #39AE4E; /*was #F8FBBD */
color: #FFFFFF;
text-decoration:none;
}

.wireframemenu ul li.currentsubsub {
font: 11px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:30px;
display: block;
color:white;
width:170px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-color:#000000;
background-image: url(../images/grey-blue-black.gif); 
background-repeat:no-repeat;
background-position:top left;
}

.wireframemenu ul li.currentsubsubactive a {
font: 11px Verdana; /* was bold */
padding-top:4px;
padding-bottom:3px;
padding-right:0px;
padding-left:30px;
display: block;
color:white;
width:170px; /*Define width for IE6's sake was 100%, set to 197px because ie adds 3px to the right*/
border-left:0;
border-right:0;
border-bottom: 1px solid #999999; /* was 1px dashed #666666 */
margin:0 0 0 0;
background-color:#000000;
background-image: url(../images/grey-blue-black.gif); 
background-repeat:no-repeat;
background-position:top left;
}


.wireframemenu ul li.currentsubsubactive a:hover {
background-color: #39AE4E; /*was #F8FBBD */
color: #FFFFFF;
text-decoration:none;
}










/* Container for Main Content and Footer */
#container {
background-color:white;
width:600px;
padding:0 0 0 0;
margin:0 0 0 0;
}


/* Main content DIV */
#maincontent {
background-color:#FFFFFF;
float:left;
width:600px;
padding:0 0 30px 0;
margin:0 0 0 0;
}

#maincontent h1,h2,p {
padding-left:15px;
padding-right:15px;
}

/* Footer DIV with nav */
#footer {
padding:10px 0 10px 0;
margin:0 0 0 0;
width:600px;
height:25px;
background-color: #FFFFFF;
}