/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000B39;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	background-color: #E9F6F2;	
}

#outer {
	margin: 0px 0px 0px 0px;
	width: 100%;
	text-align: center;
	vertical-align: top;
	

}


#wrapper {
	width: 890;
	margin: 0px 0px 0px 0px;
	background-color: EDFOE8;
	border-width: thin;
	border-color: #038DAF;
	border-style: solid;
	vertical-align: top;
	  
}


#navcontainer {
   width: 270px;
   text-align: center;
    font-weight:bold;
   vertical-align: top;
   margin: 0;
   padding: 0;
   }
#navcontainer ul {
   margin: 0;
   padding: 0;
   /* whitespace: nowrap; sometimes this is suggested to prevent list wrap*/
   }
   
#navcontainer ul li  {
   margin: 0;
   padding: 0;
   list-style: none;
   font-weight:bold;
   display: inline;
   }
   
#navcontainer ul li a  {
   color:#E9E8C2;
   }
   
#navcontainer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	color: #E9E8C2; 
	font-size: .9em;
	text-decoration: none;
	vertical-align: top;
	border: 0;
	display: block;
   }
   
#navcontainer a:hover {
	font-weight:bold;
	color: #FFFFFF;
	font-size: .9em;
	text-decoration: none;
	}
	
#buttons {
	background-image:url(images/theory_tile.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1em;
	color: #055A4D;
	
	

}

#top {
	background-image:url(images/theory_tile.jpg);
	background-repeat: repeat-x;
	vertical-align: middle;
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 10px; 
	margin-left: 0px;
}
#navtitle {
   width: 890px;
   vertical-align: top;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	margin: 0;
   	padding: 0;
	color: #02518B;
   }


.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 10px; 
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	font-size: .95em;
	line-height: 1.5em;
	background-color:#F6F7DC;
	color: #02518B;
	}
	
.textbox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 10px; 
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	font-size: .95em;
	line-height: 1.5em;
	background-color:#F6F7DC;
	color: #000B39;
	}

.sub2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	font-size: 1em;
	line-height: 1.6em;
	color: #055A4D;
}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	font-size: .95em;
	line-height: .95em;
	color: #055A4D;
}

.sideBar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:.95em;
	color: #02518B;
	line-height: 1.4em;
	margin-top: 5px; 
	margin-right: 5px;
	margin-bottom: 5px; 
	margin-left: 5px;
	vertical-align: top;
	text-align: left;
	} 

.nav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	 font-weight:bold;
	color: #E9E8C2; 
	font-size: .9em;
}

a:link { 
	color: #055A4D; 
	text-decoration: underline; 
}
a:visited { 
	color: #02518B; 
	text-decoration: underline; 
}
a:hover { 
	color: #A9425C; 
	text-decoration: underline; 
} 
a:active { 
	color: #02518B; 
	text-decoration: none; 
}

.footnav { 
	color: #055A4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1em;
	text-decoration: none;
	margin-top: 10px; 
	margin-right: 0px;
	margin-bottom: 0px; 
	margin-left: 0px;
	text-align: center  
}
.caption { 
	color: #055A4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	text-decoration: none;
	text-weight: normal;
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 0px; 
	margin-left: 0px;
	text-align: left  
}

.sidebold {color: #02518B;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-weight: 500;
	text-align: left; 
	line-height: 1.3em;
}	

.subhead2 {color: #FFFFFF;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-weight:300;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-bottom: 5px; 
	margin-left: 0px; 
	vertical-align: top;
}	

.subhead3 {color: #A9425C;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding: 0;
	margin-top: 30px; 
	margin-right: 0px;
	margin-bottom: 15px; 
	margin-left: 0px;
}	

h1 {
	margin-top: 10px;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #A9425C;
	line-height: 1.8em;
	text-align: centered;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	font-size: .95em;
	line-height:.95em;
	color: #FFFFFF;
	
}

h3 {
	color: #A9425C;
	text-align:left;
	padding: 0;
	margin-top: 30px; 
	margin-right: 0px;
	margin-bottom: 15px; 
	margin-left: 0px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: left;
	
}

h4 {
	color: #02518B;
	text-align:left;
	padding: 0;
	margin-top: 30px; 
	margin-right: 0px;
	margin-bottom: 15px; 
	margin-left: 0px;
	text-align: left;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
	
}

.highlight{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 10px; 
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	font-size: .95em;
	font-weight: normal;
	color: #02518B;
	line-height: 1.5em;
	background-color: #E9E8C2;
	
}

.highlight2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px; 
	margin-right: 5px;
	margin-bottom: 5px; 
	margin-left: 10px;
	vertical-align: top;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	color: #02518B;
	line-height: 1.5em;
	background-color: #F9FBC8;	
}

.highlight3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px; 
	margin-right: 0px;
	margin-bottom: 5px; 
	margin-left: 0px;
	vertical-align: top;
	text-align: center;
	font-size: .9em;
	font-weight: normal;
	color: #02518B;
	line-height: 1.5em;
	
		
}

.subhead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-top: 15px; 
	margin-right: 5px;
	margin-bottom: 0px; 
	margin-left: 5px;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	color: #000B39;
	line-height: 1.5em;
	background-color: #E9E8C2;	
	}
	


.sidebar1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	font-size: .9em;
	font-weight: normal;
	color: #000B39;

}

.sidebar2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px; 
	margin-right: 5px;
	margin-bottom: 0px; 
	margin-left: 15px;
	padding: 0;
	text-align: left;
	list-style-type: circle;
	font-size: .9em;
	font-weight: normal;
	color: #000B39;
	line-height: 1.3em;
		
}


.sidebar3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-top: 15px; 
	margin-right: 5px;
	margin-bottom: 0px; 
	margin-left: 15px;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	color: #02518B;
	line-height: 1.3em;
		
}