@import url("reset.css");

body, body#inside { 
		background:url("../images/body-bg.jpg") repeat-x #317256; 
		font-family:Helvetica, Arial, sans-serif;
		overflow-x: hidden;
}


	strong, bold { font-weight:bold; }
	em, i { font-style:italic; }
	.irrelevant { display:none; visibility:hidden; }
	.sub-nav { display:none; }
	sup { position:relative; font-size:10px; top:-3px; }
	
	
	div#top-navigation { height:20px; width:960px; margin:0 auto; position:relative; padding:10px 0 0 0;}
		div#top-navigation div#top-left { float:left; font-size:14px; color:#b18351; }
			div#top-left span { padding:0 8px; }
		div#top-navigation div#top-right { float:right; font-size:14px; }
			div#top-right a { text-decoration:none; color:#b18351; }
			div#top-right a:hover { color:#fff; }
	
	

	div#page-background {
	
		left:0;
		right:0;
		position:absolute;
		height:1000px;
		background:url("../images/main-container-side-bg.png") no-repeat center 30px;
		z-index:-1;
	}



	div#main-container { 
	
		width:960px;
		min-height:835px;
		background:#dbd0b0 !important;
		margin:0 auto;
		border:1px #8e8782 solid;
		position:relative;
		z-index:1;
	}
	
	
	div#calendar-holder { float:right; position:absolute; top:20px; right:10px; width:240px; height:300px; }
	body#inside div#calendar-holder { width:640px; height:100%; right:30px; top:110px;}
	div#calendar-holder p { font-size:13px; color:#333; text-align:center; margin:10px 0;}
	div#calendar-holder p a { color:#333; }

	.floatFix, div#calendar-holder:after, div#main-container:after { /* clearfloat fix */	content: ".";		display: block;		height: 0;		clear: both;		visibility: hidden;	}
	
	
	body#index div#header { background:url("../images/header-bg.jpg") no-repeat; } 
	
	body#inside div#header, div#header { 
	
		float:left;
		width:100%;
		height:225px;
		background:transparent;
		position:relative;
	
	}
	
	
	
	
		div#header img#main-logo { 
		
			position:absolute;
			top:44px;
			left:57px;
			z-index:6;
		}

		div#header div#navigation {
		
			position:absolute;
			width:300px;
			height:140px;			
			padding:20px 50px 20px 250px;
			z-index:6;
			right:67px;
			top:-30px;
			background:url("../images/nav-bg.png") no-repeat;

		}
		
			div#navigation ul { float:left; margin:5px 23px 0 0;}
			div#navigation ul li { font-size:16px; margin:0 0 8px 0; }
			div#navigation ul li a { color:#fff; text-decoration:none; }
			div#navigation ul li a:hover,
			div#navigation ul li:hover a { color:#c4c464; }



		div#main-content { 
		

			width:930px;
			min-height:600px;
			float:left;
			margin:0 15px 15px 15px;
			background:url("../images/main-content-bg.jpg") no-repeat #DED4B1 0px -8px;
			position:relative;
		
		}
		
			
			
			div#main-content div#text-content { float:left; margin:60px 0 10px 10px; width:600px; }
			
				div#text-content p { font-size:13px; color:#552401; line-height:21px; margin:0 0 14px 0;}
				
				div#text-content h1 { color:#8c7845; font-size:24px; font-weight:bold; line-height:28px; margin:0 0 25px 0; }
				div#text-content h2 { color:#716803; font-size:21px; font-weight:bold; line-height:28px; margin:12px 0 6px 0;} 
				div#text-content h3 { color:#317256; font-size:16px; font-weight:bold; line-height:22px; margin: 12px 0 6px 0;}
				
				div#text-content img.insetLeft { display:block; float:left; margin:5px 15px 10px 0; border:5px #c8bca5 solid; }
				div#text-content img.insetRight { display:block; float:right; margin:5px 0 10px 15px; border:5px #c8bca5 solid; }
				
				div#text-content blockquote { display:block; margin:18px 0px; padding:10px 15px; font-size:16px; line-height:24px; color:#552401; background:url("../images/brown30-trans.png");}
				

				
				div#text-content ul, div#text-content ol { margin:25px; }
				div#text-content ul { list-style-type:circle; } div#text-content ol { list-style-type:decimal; }
				div#text-content li { font-size:13px; line-height:19px; color:#333; margin:0 0 12px 0;}
				div#text-content a { color:#44b087; }
				div#text-content a:hover { color:#333; }
			
				body#inside ul#teams { display:block; float:left; clear:both; width:100%; margin:10px 3px; }
				body#inside ul#teams li { display:block; height:15px; float:left; background:#317356; margin:2px; padding:6px; color:#fff; cursor:pointer; vertical-align:middle;}
				body#inside ul#teams li:hover { background:#105134; }
				body#inside div#text-content div#team-description { float:left; clear:both; margin:0 0 10px 0; padding:15px; background:url("../images/brown30-trans.png"); }
				body#inside div#text-content div#team-description div { font-size:14px; color:#333; line-height:21px;  }
		
			div#main-content h1.graphic-header { 
				display:block;			
				width:690px;
				height:36px;
				position:absolute;
				top:-60px;
				left:210px;
				font-size:21px;
				padding:55px 0 0 45px;
				color:#bea964;				
			}
			
				h1.graphic-header span { color:#fff; }
				
				
	
		div#main-content div#knock-out { background:url("../images/text-content-bottom-bg.png") bottom center no-repeat; position:absolute; height:8px; width:930px; bottom:0; left:0; }



		div#main-content div#inside-nav {
		
			background:url("../images/inside-nav-bg.png") no-repeat;
			width:197px;
			height:471px;
			float:left;
			margin:0px 25px 0px 25px;
		
		}
		
			div#inside-nav div#nav-title {
			
				display:none; 
						
			}
			
			
			
			
			
			div#inside-nav ul.nav {
			
				width:190px;
				margin:100px 0 0 5px;
			
			}
			
				div#inside-nav ul.nav li { width:100%; display:block; float:left; text-align:center; line-height:14px;  }
				div#inside-nav ul.nav li a { display:block; color:#111; font-size:14px; font-weight:bold; text-decoration:none; width:150; padding:5px 20px; font-style:italic; cursor:pointer;}
				div#inside-nav ul.nav li div { display:none; }

					div#inside-nav ul.nav li div a { display:inline; background:none !important; font-size:14px; color:#000 !important; text-decoration:none; font-weight:bold; font-style:italic; }
					div#inside-nav ul.nav li div a:hover { color:#fff !important; }
					
				div#inside-nav ul.nav li:hover { background:url("../images/40b-trans.png"); }
				div#inside-nav ul.nav li.active { background:url("../images/80b-trans.png");}
				div#inside-nav ul.nav li:hover a, 
				div#inside-nav ul.nav li a:hover,
				div#inside-nav ul.nav li.active a { color:#fff; } 
	
		
		

		div#photo-inset {
		
			width:253px;
			height:202px;
			position:absolute;
			top:-100px;
			left:-15px;
		
		}














	div#feature { 
	
		float:left;	
		height:348px;
		width:100%;
		background:url("../images/features-bg.jpg") no-repeat;		
		position:relative;
		
	}
	
	
		div#feature div.feature-frame { width:391px; height:285px; background:url("../images/feature-frame.png") no-repeat; position:absolute; z-index:1000; top:25px; left:35px;}
		div#feature img.feature-image { position:absolute; top:53px; left:55px; }
		
		div#feature div#sliderNav { position:absolute; right:300px; bottom:0px; }
			div#sliderNav a { color:#8D7342; margin:0 2px; font-size:11px; font-weight:bold; text-decoration:none;}
			.activeSlide { color:#000 !important; }
		
		div#feature div.feature-text { 
		
			width:205px;
			position:absolute;
			left:465px;
			top:60px;
		
		}
		
			div.feature-text h1 { font-size:21px; color:#fff; line-height:24px; font-weight:bold; }
			div.feature-text h1 span { color:#c4c464; font-style:italic; }
			div.feature-text p { font-size:12px; color:#080709; margin:25px 0 0 0; line-height:16px; }
	
	
	div#portals {
	
		float:left;
		width:100%;
		height:277px;
		background:url("../images/portals-bg.jpg") no-repeat;
		position:relative;
	
	}
	
		div#portals div.portal { width:200px; float:left; height:270px; position:relative; }
			div.portal h2 { position:absolute; left:100px; top:75px; font-size:21px; font-weight:bold; text-transform:lowercase;}
			div.portal h2 a { color:#bea964; text-decoration:none; }
			div.portal h2 a:hover { color:#fff; }
			div.portal p { display:block; color:#fff; font-size:14px; line-height:18px; position:absolute; top:145px; left:10px; }
			div.portal p a { color:#fff; }
			div.portal img { display:block; position:absolute; top:30px; left:-20px; }
			
		
			div#portals #p1 { margin:0 0 0 36px; }
			div#portals #p2 { margin:0 0 0 36px; }
			div#portals #p3 { margin:0 0 0 38px; }
			div#portals #p4 { margin:0 0 0 32px; }
			
	div#footer { 
	
		height:30px;
		width:960px;
		margin:15px auto 0 auto;
		font-size:14px;
		color:#bea964;
		vertical-align:middle;
	
	}
	
		div#footer a { color:#fff; }
		div#footer span { padding:0 10px; }
	
	
	
	form { margin:15px; padding:15px; overflow:hidden;}
	form label, form input, form textarea, form select { display:block; float:left; margin:0 0 10px 0; width:180px; vertical-align:middle;}
	form label { font-size:12px; color:#333; text-align:right; padding:0 10px 0 0;}
	form textarea { width:220px; height:100px; }
	form input.submitButton { width:180px; margin:0 0 0 188px; clear:both;}
	form br { clear:both; }
	
	
	
	
	div.blog-post {
	
		margin:0 0 20px 0;
		padding:0 0 0px 0;
		border-bottom:2px #317256 solid;
	
	}
	
	div.blog-post h2 { margin:0 0 5px 0 !important;}
	div.blog-post h4 { font-size:13px; line-height:19px; color:#333; margin:0 0 4px 0;}