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

body {
	margin:0px auto;
	padding:0;
	font-size:16px;
	font-family: "Myriad Pro", Arial, sans-serif;
	width:960px;
	color:#1f2b4e;}
	
ul {list-style-type:none;
text-align:left;	
}

img {border:0px;}



.clear_both {clear:both;
	float:none; }

#imgRight {
	float:right;
	padding: 15px;
	text-align:center;
	font-size:.8em;
	
}

.imgRight {
	float:right;
	padding: 15px;
}

#imgRight img {
padding:5px;}


#imgLeft {
	float:left;
	padding: 15px 15px 15px 10px;
	text-align:center;
	font-size:.8em;
	font-family:"Book Antiqua", "Palatino Linotype", Palatino, Serif;
}

.imgLeft {
	float:left;
	padding: 15px 15px 15px 0px;}

#imgLeft img {
padding:0px;}

.imgHeader {
padding:40px 0 0 0;
text-align:center;
margin:0px;
}

/*This is the Header Bar*/

	#headerbar { width:960px; 
		padding: 0px;
		margin:0px;
		line-height:0px;
		z-index:5;
	}




/*This is the left menu bar CSS (leftNav). The left CSS bar is split into two parts. The main navigation is called navBar. The subject navigation (subNav)is at the bottom of the bar */

		#leftNav {
		
			text-align:left;
			float:left;
			width:185px;
			height:auto;
			margin-bottom:20px;
			margin-top:10px;
			margin-right:10px;
			padding:0px;
			background-image:url(Images/navBackground.jpg);}
		
		
		#leftNav a { text-decoration:none;
			color:#233a26;
			font-weight:bold;
			padding:0px;
			margin:0px;
		}
		
		#navBar {
			padding:0px;
		}
		
		#navBar ul {
			list-style-type:none;
			margin:0px;
			padding:0px;
			border-bottom:1px solid rgba(32,37,60,.6);
		}
		
		#navBar li {
			text-align:left;
			padding-top:10px;
			padding-bottom:8px;
			padding-left:5px;
			border-top:1px solid rgba(32,37,60,.6);
			border-right:1px solid rgba(32,37,60,.6);
			border-left:1px solid rgba(32,37,60,.6);
			font-size:18px;
			font-weight:normal;
				}
				
		
				
		#navBar ul li a{
			font-size:18px;
			font-weight:normal;
			width: 150px;
			height:36px;
			background:none;
			}				
		
		#navBar ul li:hover {
			background-color:rgba(32,37,60,.2);
			color:#fff;
			}
		
		.space {
			background-color:rgba(32,37,60,.1);	
			border-right:1px solid rgba(32,37,60,.1); 
			border-bottom:1px solid rgba(32,37,60,.3); 
			}
		
		#subNav {
			font-family:"Book Antiqua", "Palatino Linotype", Palatino, Serif;
			text-align:left;
			}
		
		#subNav h1 {
			color:#662113;
			font-size:46px;
			text-align:center;
			font-stretch:condensed;
			padding:15px 0 0 0;
			margin:0px;
			background-color:#fbefdd;
			font-family:"Myriad Pro", Helvetica, sans-serif;
			border-right:1px solid rgba(32,37,60,.2);
			border-left:1px solid rgba(32,37,60,.2);
		}
		
		#subNav ul{list-style-type:none;
			margin:0px;
			padding:15px 0 0 0;
			border:1px solid rgba(32,37,60,.2);
		}
		
		#subNav li {
			padding-bottom:16px;
			padding-left:5px;}
		
		#subNav ul li:hover {
			background-color:rgba(32,37,60,.2);
			color:#fff;
			}
			

			
/*This is the end of the navigation bar CSS. */		








/*This is the right bar */
			
			#resources {
				
				float:left;
				width:275px;
				border-top:1px solid rgba(32,37,60, .6);
				border-bottom:1px solid rgba(32,37,60, .6);
				border-left:1px solid rgba(32,37,60, .6);
				border-right:1px solid rgba(32,37,60, .6);
				font-size:12px;
				z-index:0;
				margin-top:10px;
				margin-bottom:20px;
				text-align:center;
			}
			

			
			
			#resources a { text-decoration:none;
				color:#233a26;
				font-weight:bold;
				padding:0px;
				margin:0px;
			}
			
			#resources h1 {
				color:#662113;
				font-size:40px;
				text-align:center;
				font-stretch:condensed;
				padding:10px 0 10px 0;
				margin:0px;
				background-color:#fbefdd;
			}
				
			.resource {
				border-top:3px solid rgba(32,37,60,.1);
				padding: 10px;
				text-align:center;}
			
			#resources .resource li {
				padding:0;
				margin:0;
				text-align:center;}
			
			#resources .resource ul {
				padding:0;
				margin:0;
				text-align:center;}
			
			#resources h2 {
				font-size:24px;
				text-align:left;
				font-stretch:condensed;
				padding:0px 10px 10px 10px;
				margin:0px;
				}
	

/*This is the end of the right bar CSS */




/*This is the main content CSS*/
				
				#maincontent{
					text-align:left;
					padding:0px 20px;
					float:left;
					width:721px;
				
				}
				#maincontent a { text-decoration:none;
					color:#233a26;
					font-weight:bold;
					padding:0px;
					margin:0px;
				}
				#maincontent h1 {
					font-size:45px;
					text-align:left;
					font-stretch:condensed;
					padding:10px 10px 10px 10px;
					margin:0px;
				}
				
				#maincontent h2 {
					font-size:36px;
					text-align:left;
					font-stretch:condensed;
					margin:0px;
				}
				
				#maincontent h3 {
					font-size:30px;
					text-align:left;
					font-stretch:condensed;
					padding:30px 10px 0px 10px;
					margin:0px;
				}
				
			



/*This is the resources and subject main content CSS*/
				
				#resourcesmaincontent{
					text-align:left;
					padding:0px 20px;
					float:left;
					width:446px;
				
				}
				
				#resourcesmaincontent a { text-decoration:none;
					color:#233a26;
					padding:0px;
					margin:0px;
				}
				
				#resourcesmaincontent h1 {
					font-size:45px;
					text-align:left;
					font-stretch:condensed;
					padding:30px 10px 10px 10px;
					margin:0px;
				}
				
				#resourcesmaincontent h2 {
					font-size:24px;
					text-align:left;
					font-stretch:condensed;
					margin:0px;
				}
				
				#resourcesmaincontent h3 {
					font-size:30px;
					text-align:left;
					font-stretch:condensed;
					padding:30px 10px 0px 10px;
					margin:0px;
				}
				

/*This is the Subject page tags CSS*/
				#tags {
					text-align:left;
					padding:0;
					height:auto;
					width:425px;
					background-image:url(Images/tagsBackground.png);
					font-size:14px;
}
				

				
				#tags ul {padding: 0px;
					margin:0px;
					}
				
				#tags p {padding:15px 15px 0px 15px; font-size:16px; font-weight:bold;}
				
				#tags li {
					padding:8px 15px;
					display:inline-block;
					width:auto;
					}
				
				#tags li:hover {
					background-color:rgba(32,37,60,.2);}
					
				#tags a {color:#1f2b4e;
					font-style:normal;
					font-weight:normal; text-decoration:none;
					padding:0px;
					margin:0px;}
				
				#tags a:hover {}

				#tags #imgRight {
					padding:10px;
					background-color:rgba(255,255,255, .2);}
					
				#tags h4 {
					padding:15px 0 5px 20px;
					margin:0; }
				
				#tags h5 {
					padding:15px 0 10px 20px;
					margin:0;
					font-size:1.2em;
					color:#662113; }
				
				#tags h3 {
					padding:20px 0 5px 0px;
					margin:0px;
					text-align:center;
					color:#662113;
					background-color:rgba(255, 255, 255, .3);
						}
				#tags h3 a {
					padding:20px 0 5px 0px;
					margin:0px;
					text-align:center;
					color:#662113;
					font-weight:bold;
						}
/*This is the main content CSS for the buttonsplash page*/
			
			#buttoncontent{
					padding:10px 0 0 0px;
					float:left;
					width:763px;
					text-align:left;
				
				}
			
			#buttoncontent a { text-decoration:none;
					color:#233a26;
					font-weight:bold;
					padding:0px;
					margin:0px;
				}
				
			#buttoncontent img {
				margin:0 13px 15px 13px;
				padding:0px;
				
				}
			
			#buttoncontent li {
				display:inline-block;
				padding:0px;
				margin:0px;}
			
			#buttoncontent ul {
				padding:0;
				margin:0;}
				
			



/*This is the end of the buttonsplashCSS */


#footer
	{
	float:none;
	text-align:center;
	font-size:.9em;
	background-color:#dadabc;
	padding:5px 0px;
	}

				#footer a { text-decoration:none;
					color:#233a26;
					font-weight:bold;
					padding:0px;
					margin:0px;
				}
				
/*This is the slider CSS.*/
				#timeline {
					position:relative;
					margin: 0px 0px 0px 0px;
					padding:0;
					border:#1f2b4e solid 1px;
					font-size:15px;
					text-align:left;
					font-family: "Myriad Pro", Arial, sans-serif;
					
				}
				
				#timeline a { text-decoration:none;
					color:#233a26;
					font-weight:bold;
					padding:0px;
					margin:0px;
				}
					
				#timeline .panelContainer {
					overflow:hidden;
					position: relative;
					width:100%;
					height:300px;
					}
				
				#timeline .backgroundSlider {
					position:absolute;
					width:inherit;
					height:inherit;
					
					}
				
				#timeline .backgroundSlider img {
					position:absolute;
					top:0px;
					left:0px;
					}
				
				#timeline .panelSlider {
					width:100%;
					position:absolute;
					}
				
				#timeline .panel {
					width:960px;
					position:absolute;
				}
				
				#timeline .panelContent {
					width:750px;
					margin:auto;
					position:relative;
					padding:5px;
					text-align:left;
				}
				
				
				
				#timeline .panelContent h3 {
					font-size:1.2em;
					color:#1f2b4e;
					text-align:left;
					padding:0;
					margin:0;
				
					}
					
				
				.events {
					float:right;
					padding: 25px 5px 5px 5px;}
				
				.eventsHeader {
					font-size:2.2em;
					color:#1f2b4e;
					text-align:left;
					padding:20px 0px 0px 0px;
					margin:0;
					top:10px;
					margin:0;
					}
				
				.historyDay {
					float:right;
					padding: 10px 10px 10px 40px;}
				
				.historyHeader {
					font-size:3.2em;
					color:#1f2b4e;
					text-align:center;
					padding:35px 0 0 0;
					margin:0;
					}
					
				.resources {
					float:left;
					padding: 5px;}
				
				.resourcesHeader {
					font-size:3.2em;
					color:#1f2b4e;
					text-align:center;
					padding:35px 0 0 0;
					margin:0;
					}
				
				.subject {
					float:left;
					padding:20px 5px 0px 0px;}
				
				.subjectHeader {
					font-size:2.8em;
					color:#1f2b4e;
					text-align:left;
					padding:20px 0px 0px 0px;
					margin:0;
					}
					
				.aboutUs {
					float:right;
					padding: 50px 0px 50px 35px;}
				
				.aboutHeader {
					font-size:2.0em;
					color:#1f2b4e;
					text-align:left;
					padding:30px 0 0 0;
					margin:0;
					}
					

				
				#timeline .panelContent .label { display:none;
				}
				
				#timeline nav {position:absolute; bottom:0px; left:0px; text-align:center; width:inherit;}
				#timeline nav a {
					display:inline-block;
					padding:0 5px;
					text-decoration:none;
					background-image:url(Images/dot.png);
					background-repeat:no-repeat;
					width:20px;
					height:20px;
					
				}
				
				#timeline nav a.selected {
					background-image:url(Images/dotSelected.png);}
				#timeline nav a:hover {
					background-image:url(Images/dotHover.png);}
				
				
				.clear_both {clear:both; }
/*This is the end of the slider CSS.*/

#newbanner {

        color: #000000;

        text-align: left;

        background-repeat: no-repeat;

        height: 191px;

        margin: 0px;

        background-image: url(Images/WebBanner.png);

        padding: 0px;

        width: 960px;

}

ul.MenuBarHorizontal a
 {font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;}