@charset "utf-8";
/* CSS Document */


* {
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;
}

#logo {
border:none;
position:absolute;
top:0px;
left:14px;
z-index:99;
}


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

#body {
background-color:#FFFFFF;
color:#333333;
width:480px;
float:left;
margin-top:65px;
font-family:Verdana, sans-serif;
font-size:11px;
line-height:1.35;
padding:50px 22px 15px 18px;
border-right: 1px solid #8dbae4;
background-image:url(/images/mainlibLogoBackground.gif);
background-repeat:no-repeat;
background-position:top center;
}

#body img {
border:none;
margin:auto;
padding-top:5px;
}

#menuBar {
background-color:#FFFFFF;
color:#333;
text-align: center;
margin-top:55px;
border-bottom: 1px solid #333;	
}


#sidebar {
width:250px;
background-color:#FFFFFF;
color:#4c7e8f;
font-family:Verdana, sans-serif;
font-size:11px;
line-height:1.75;
text-align:left;
float:right;
padding-top:10px;
padding-bottom:15px;
margin-top:30px;
margin-bottom:30px;
}

#sidebar h6 {
color:#005588;
padding-left:10px;
font-size:12px;
font-family:Verdana, sans-serif;
background-color:#fff;
text-align:center;
letter-spacing:8px;
}

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



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

#navigation ul {
list-style-type: none;
border-bottom:none;
margin: 0;
padding: 0;	
}

#navigation li {
display: inline; 
padding: 0 .75em;
color:#333;
background-color:#FFFFFF;
font-weight:bold;
text-align:center;
text-decoration:none;	
font-size:14px;
margin-top: 55px;
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-right:3px solid #ae6813;
border-left:3px solid #ae6813;
}

#navigation img {
border:none;
padding-left:2px;
}

/*----------------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 {
padding:0px 5px 35px 5px;
}

.popout {
background-color:transparent;
color:#b36b00;
font-size:22px;
font-family:Helvetica, sans-serif;
font-weight:700;
line-height:20pt;
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:#111;
font-size:15px;
font-family:Helvetica, sans-serif;
font-weight:400;
line-height:22pt;
}


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;
}


.elf {
padding-left:95px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#006699;
background-color:#fff;
letter-spacing:.20em;
}

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;
}

#extrasMAINbox {
background-color:#deebf8;
color:#005588;
font-family:helvetica, sans-serif;
font-size:10px;
border-top:1px solid #8dbae4;
border-bottom:1px solid #8dbae4;
padding:0px 0px 0px 40px;
width:770px;
margin:auto;
margin-top:15px;

}

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

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

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


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

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

.extrasBox2 {
background-color:#deebf8;

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;
}

#sidebar a:link, a:visited {
background-color:transparent;
text-decoration:none;
}
#sidebar a:hover, a:active {
text-decoration:none;
background-color:transparent;
}

.AccordionPanelContent{
font-size:10px;
text-align:center;
line-height:14px;
}

#Accordion1 {
margin-top:5px;
}

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

#clear {
clear:both;
background-color:#f3f8fc;
}
.clear {
clear:both;
}