@charset "utf-8";
/* CSS Document  layout.css  New site design*/


* {
margin:0px; padding:0px; }


body {
background-color:#FFFFFF;
color:#333333;
background-image:url(/images/topBackground.jpg);
background-repeat:repeat-x;
font-size:small;
text-align:justify;

}


#headerText {
position:absolute;
top:2px;
right:8px;
color:#f3f8fc;
background-color:transparent;
font-family:Helvetica, sans-serif;
font-size:9px;
letter-spacing:.25em;
margin:auto;
border:none;
clear:both;
}

#headerText img {
padding-top:3px;
margin-bottom:-1px;
}


#navContainer {
width:800px;
padding-top:20px;
margin:35px auto 5px auto;
}

#navigation{
 	text-align: center;
/*	background: url(/images/MAIN.jpg) no-repeat;  comment out for new Logo */
	background: url(/images/logoMain_175.gif) no-repeat;
	padding: 30px 0px 40px 175px;
 
 

}



#wrapper { 
width:950px;
background-color:#FFFFFF;
color:#333;
margin:auto;

}

#body {
width:850px;
height:225px;
font-family:Verdana, sans-serif;
margin:auto;
padding-top:35px;
padding-bottom:40px;
}





#menuBar {
background-color:#FFFFFF;
color:#333;
 

 
}
 


.boxed {
background-color:#fff;
color:#333;
text-align:center;
}



/* ---------- top navigation bar display ---------- */

#navigation ul {
list-style-type: none;
margin: 0;
font-size:0px; 	
}

#navigation li {
display: inline; 
padding: 0 8px;
color:#333;
background-color:#FFFFFF;
font-weight:bold;
text-align:center;
text-decoration:none;	
font-size:14px;
 
height:2.4em;
border-bottom:none;	
}

#navigation a {
color:#333;
background-color:#fff;
font-weight:bold;
font-size:14px;
font-family: "Trebuchet MS", Verdana, sans-serif;
letter-spacing: -1px;

text-decoration:none;
border-bottom:none;		
}

#navigation a:hover {
color:#4c7e8f;
background-color:#fff;
font-weight:bold;
font-size:14px;
text-decoration:none;	
border-bottom:none;	
}

#navigation #currentpage {
background-color:#fff;
font-weight:bold;
font-size:14px;
color:#69a32e;
text-decoration:none;
border-bottom:2px solid #699dd9;
 padding-bottom:3px;
}

 


 

/*----------------body = font & links ------------------------- */

h2 {
background-color:transparent;
color:#f7f6ef;
font-size:11px;
font-family:Verdana, sans-serif;
font-weight:100;
text-align:center;
padding-top:10px;
}

h3 {
background-color:transparent;
color:#bd3002;
font-size:18px;
font-family:"Lucida Sans Unicode", sans-serif;
font-weight:100;
text-align:center;
padding-top:10px;
}

h4 {
background-color:#ebe8da;
color:#4c7e8f;
font-size:14px;
font-family:Verdana, sans-serif;
font-weight:100;
text-align:center;

}


#paragraph img {
border:none;

}

.popout {
background-color:transparent;
color:#30508b;
font-size:28px;
font-family:Helvetica, sans-serif;
font-weight:700;
line-height:30pt;
letter-spacing:2px;
}
 

.highlight {
background-color:transparent;
color:#b36b00;
font-size:16px;
font-family:Helvetica, sans-serif;
font-weight:700;
line-height:22pt;
letter-spacing:2px;
}

.popoutText {
background-color:transparent;
color:#304f88;
font-size:15px;
font-family:Helvetica, sans-serif;
font-weight:500;
line-height:20pt;
}


/*blockquote p  {
border-left:3px solid #ae6713;
background-color:transparent;
color:#4c7e8f;
font-size:11px;
font-family:Helvetica, sans-serif;
padding-left:9px;
margin:10px 35px 0px 35px;
}

blockquote img {
padding-left:142px;
}*/


a:link {
text-decoration:none;
color:#006699;
background-color:transparent;
}
a:visited {
text-decoration:none;
color:#006699;
background-color:transparent;
}

a:hover {
text-decoration:none;
color:#69a32e;
background-color:transparent;
}
a:active {
text-decoration:none;
color:#69a32E;
background-color:transparent;
}

#bigExtra {
background-image:url(/images/sideGradient.png);
background-repeat:repeat-x;
width:auto;
padding-top:15px;
padding-bottom:20px;
border-top:1px solid #668E85;
}

 

#extrasMAINbox {
background-color:transparent;
color:#005588;
font-family:verdana, sans-serif;
font-size:10px;
/*padding:10px 0px 10px 40px;*/
width:770px;
margin:auto;
line-height:14px;
 

}

#extrasMAINbox ul {
margin: 0;
margin-left:35px;
padding:2px;
list-style-type:none;
background-color:transparent;
color:#005588;
}

#extrasMAINbox li {
background:url(/images/Extras_tinySquareGreen.png) no-repeat 0 50%;
background-color:transparent;
color:#005588;
padding-left:10px;
}

#extrasLEFTbox {
width:250px;
float:left;
margin-left:5px;
}


#extrasRIGHTbox {
width:500px;
float:right;
}

.extrasBox1 {
background-color:transparent;
color:#005588;
width:225px;
float:left;
border:none;
}

.extrasBox2 {
background-color:transparent;
color:#005588;
width:225px;
float:right;
border:none;
}

mainlibLogo img {
text-align:center;
border:none;
}

#mainlogo p {
font-size:10px;
text-align:center;
background-color:#fff;
color:#4c7e8f;
}

#mainlogo img {
text-align:center;
padding-top:15px;
padding-bottom:5px;
border:0;
}

#mainlogo img a:link, a:visited {
background-color:#fff;
text-decoration:none;
border:0;
}


#mainlogo img a:hover, a:active {
text-decoration:none;
background-color:#FFFFFF;
border:0;
}


#footer {
background-color:#FFFFFF;
color:#005588;
width:auto;
font-size:10px;
font-family:Helvetica, sans-serif;
text-align:center;
padding-top:25px;
padding-bottom:15px;
clear:both;
}

#clear {
clear:both;
background-color:#fff;
padding-top:35px;
}


.clear {
clear:both;
}

#wide {
width:auto;
border-top:1px solid #005588;
 
}



/* ----------------added to body paragraph---------------------------------- */



#bottom_container {
width:875px;
margin:auto;
padding-left:10px;
}
 

#bottom_container p {
font-size:12px;
line-height:20px;
text-align:left;
}
 
#bottom_container h6 {
color:#005588;
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
}
 
#left_container{
width:275px;
float:left;
color:#044da9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
 
#left_container img {
float:right;
 padding:0px 0px 0px 10px;
 
}
 
#right_container {
float:right;
color:#044da9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
 
}
 
#right_container .box1 {
float:left;
width:285px;
padding: 0px 25px 0px 25px;
border-right:2px dotted #dbe3fa;
border-left:2px dotted #dbe3fa;
}
 
.box1 img {
float:right;
padding:0px 0px 0px 10px;
}
 
#right_container .box2 {
float:right;
width:220px;
padding-left:25px;
}