@charset "utf-8";
/* CSS Document */
body{
font-size:100%;
margin:0;
padding:0;
background-image:url(images/body-grd-bg.png);
background-position:top;
background-repeat:repeat-x;
background-color:#fff;
}
h1#header {
text-indent:-9999px;
width:690px;
height:151px;
margin:0 auto 0 auto;
background-image: url(images/header.png);
background-repeat: no-repeat;
background-position: center top;
}
ul#nav{
background:url(images/nav-grd-bg.png) repeat-x #000054;
text-align:center;
margin:0 0 16px 0;
}
ul#nav li{
color:#fff;
display:inline;
list-style-type: none;
padding:0 27px 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
line-height:180%;
font-weight:bold;
letter-spacing:1px;
}
ul#nav a:link{
color:#fff;
text-decoration:none;
padding:2px;
}
ul#nav a:visited{
color:#fff;
text-decoration:none;
padding:2px;
}
ul#nav a:hover{
color:#000054;
text-decoration:none;
background-image:url(images/nav-hilite-bg.png);
background-position:top;
background-repeat:repeat-x;
background-color:#6dc2e0;
padding:2px 2px 3px 2px;
}
#largeImage{
text-align:center;
}
#largeImage img{
padding:6px 0 6px 0;
margin:0 auto 0 auto;
}
ul#sections{
text-align:center;
list-style-type:none;
width:687px;
margin:0 auto 0 auto;
padding:0;
}
ul#sections li.box{
float:left;
width:229px;
height:206px;
padding:6px 0 18px 0;
background:url(images/yellow-box.png) no-repeat;
background-position:center;
margin-bottom:12px;
}
ul#sections ul{
text-align:left;
color:#000054;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90%;
font-weight:normal;
margin:0;
padding:0 0 0 55px;
}
ul#sections ul li{
padding-bottom:20px;
}
/*li.box h3{
text-indent:-9999px;
}
li#read h3{
background:url(images/read.png) no-repeat center;
}
li#learn h3{
background:url(images/learn.png) no-repeat center;
}
li#see h3{
background:url(images/see.png) no-repeat center;
}*/
li.box a:link{
color:#000054;
text-decoration:underline;
}
li.box a:visited{
color:#000054;
}
li.box a:hover{
color:#0000ba;
text-decoration:none;
}
h2{
clear:left;
color:#000054;
width:650px;
margin:24px auto 12px auto;
border-bottom:4px double;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:120%;
letter-spacing:1px;
padding-top:0px;
}
h3{
color:#000054;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:160%;
font-weight:bold;
font-style:italic;
letter-spacing:1px;
margin:24px 0 16px 0;
padding:0;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
width:650px;
margin:0 auto 0 auto;
font-size:80%;
}
#text{
width:690px;
background-image:url(images/text-bg.png);
background-repeat:no-repeat;
background-position:bottom;
margin:0 auto 0 auto;
}
div#text p {
font-family: Verdana, Arial, Helvetica, sans-serif;
width:650px;
margin:0 auto 0 auto;
font-size:78%;
line-height:150%;
padding-bottom:12px;
border-bottom:#999 1px dotted;
}
#footer{
width:650px;
margin:36px auto 0 auto;
padding:0 0 0 0;
text-align:center;
font-size:90%;
/*border-top:#ccc 1px dotted;*/
}
ul#navBottom{
margin:8px 0 16px -36px;
}
ul#navBottom li{
color:#000054;
display:inline;
list-style-type: none;
padding:0 8px 0 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
line-height:100%;
font-weight:normal;
letter-spacing:1px;
}