/*
Backgrounds
	Dark BLue: #1f2a51
	Medium Blue: #364b91
	Lighter Blue: #4963bc
Text
	Green anchor tags: #b1ffff
	Greenish text: #d9f9f4
	Dark Blue title text: #182762
*/

/* =============== site wide =============== */
* {
margin:0;
padding:0;
border:none;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:82.5%;
background-color:#1f2a51;
color:#fff;
padding:10px 0px; /* one of many IE hacks to force a top and bottom spacing*/
}
h1 {
font-size:30px; 
font-weight:normal;
}
h2 {
font-size:110%; 
font-weight:normal;
}
h2.titletext {
margin-top:3px;
font-size:100%; 
font-weight:bold;
color:#182762;
}
h3 {
font-size:100%; 
font-weight:bold;
color:#666;
}

/* =============== unique identifiers =============== */

 /* the overall container of all other containers */
#container {
width:760px;
margin:0px auto;
border:solid #8ca69d;
border-width:0 2px 2px 2px;
background-color:#4963bc;
color:#fff;
}

 /* container for borders, image and text */
#headerbox {
width:760px;
background-color:black;
}
#header_top_border, #header_bottom_border {
width:760px;
height:12px;
background-color:#ccc;
}
#header_top_border {
background:url(../images/header_top_border.jpg) repeat-x;
}
#header_bottom_border {
background:url(../images/header_bottom_border.jpg) repeat-x;
}

#headerimage {
width:760px;
height:150px;
background:url(../images/banner.jpg) no-repeat;
}
#headertext{
float:left;
padding:50px 0 0 30px;
}

/* Container for navigation and text */
#mainbox {
clear:left;
float:left;
width:760px;
background-color:#4963bc;
color:#fff;
}

/* container for left navigation boxes */
#leftbox {
float:left;
display:inline;
margin:20px 0px 10px 10px;
width:116px;
height:350px;
text-align:center;
}

#leftbox li { 
margin-bottom:5px; 
}

#leftbox .titlebar {
clear:left;
float:left;
width:112px;
}
#leftbox a {
font-weight:normal;
text-decoration:none;
color:#d9f9f4;
}
#leftbox a:hover{
font-weight:bold;
color:#fff;
}
#leftbox .leftboxnav {
float:left;
display:inline;
width:112px;
margin-bottom:10px;
padding:5px 0px;
border-style:solid;
border-color:#8ca69d;
border-width:0px 2px 2px 2px;
background-color:#364b91;
color:#d9f9f4;
}

/* container for right side text boxes */
#rightbox {
float:left;
display:inline;
margin:20px 0px 10px 10px;
width:610px;
min-height:300px;
}
#rightbox .titlebar {
width:610px;
}
#rightbox a {
font-weight:bold;
letter-spacing:1px;
color:#9fc;
text-decoration:none;
}
#rightbox a:hover{
color:#fff;
text-decoration:underline;
}

#rightbox blockquote { 
margin:0 3ex 3ex 3ex;
border: 1px solid #c5e9df; 
padding:3px;
background-color: #1f2a51;
color:#d9f9f4;  
font-style:italic;
}

/* container for bottom info box */
#bottombox {
clear:left;
width:740px;
margin:10px auto;
padding:3px;
border:none;
background-color:#1f2a51;
color:#ccd;
text-align:center;
font-size:85%;
}
#bottombox a {
color:#89d7d7;
text-decoration:none;
}
#bottombox a:hover{
text-decoration:underline;
}

#bottombox ul {
list-style:none;
}
#bottombox li {
display:inline;
padding:0 15px;
border-left:1px solid #667198;
}
#bottombox li.first {
border-left:none;
padding-left:0;
}


/* =============== common classes =============== */

/* container for each block of text inside the right right box */
.innerrightbox {
width:610px;
margin:0px 0px 10px 0px;
background-color:#364b91;
color:#d9f9f4;
line-height:130%; /* Not surprinsingly, IE screws up the spacing a bit.  */
}
.innerrightbox p {
margin:0 10px 5px 10px;
padding-top:5px;
text-indent:5px;
text-align:justify;
}


.innerrightbox p.firstletter:first-letter {
font-size:150%; 
font-weight:bold;
}

/* container for the books, links and various text headers */
.titlebar{
background:url(../images/subtitle_bg.jpg) repeat-x; 
height:22px; 
border:2px solid #8ca69d;
text-align:center;
}

/* container for the actual text below the titlebar */
.bodytext {
width:610px;
border-style:solid;
border-width:0px 2px 2px 2px;
border-color:#8ca69d;
}

.bodytext img {
margin:10px;
}

/* a general spacer to space-out other containers */
.spacer {
margin-top:10px;
}