/* CSS Document */

* { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ul, ol { list-style:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }

body { text-align:left; color:#000; background-color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.pagenav { display:none; }


/* --------------------------------------------/ HEADER \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the header
*/

#container_header { 
	height:75px;
	width:100%;
	margin-top:5px; }
	
	#header { 
	position:relative; 
	height:100%;
	width:800px;
	margin:auto;
	background-color:#000;
	color:#fff;
	background-image:url("../images/header.jpg");
	background-repeat:no-repeat; }
	
		#header h2 { text-align:right; font-size:11px; margin:5px 8px 0 0; }

		#header h3 { text-align:right; font-size:11px; margin-right:8px; }
	
/* --------------------------------------------\ HEADER /-------------------------------------------- */




/* --------------------------------------------/ NAV \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the nav
*/

#container_nav { 
	width:100%;
	height:25px; }
	
	#nav { 
	position:relative; 
	margin: auto; 
	height:25px;
	width:800px;
	background-color:#fff; }
	
		#nav ul { padding-top:5px; }
			
        #nav li { display:inline; list-style:none; padding-left:13px; }

        #nav a { text-decoration:none; color:#000000; }


/* --------------------------------------------\ NAV /-------------------------------------------- */




/* --------------------------------------------/ CONTENT \-------------------------------------------- */
/* 
	- adjust the height of the ".min-holder"
	- adjust the width of the content boxes
*/

#container_content { width:100%; }

	#content { 
		position:relative; 
		margin: auto; 
		height:100%;
		width:800px; }
	
		/* holds the min-height for the content divs */
		.min-holder-top {float:left; width:1px; height:350px;  }
		
		.min-holder-bottom {float:left; width:1px; height:200px;  }
		
		.min-holder-subpages {float:left; width:1px; height:550px;  }

		/* clears the content divs */
		.clear {clear:both; height:1px; overflow:hidden; }

		#left-content-top { 
		position: relative; 
		float:left; 
		width:480px; 
		margin:auto;
		border-left:1px solid #FFF; }

		#right-content-top { 
			position: relative; 
			float:left;
			height:350px; 
			width:317px;
			background-color:#CCC;
			border-left:1px solid #fff;
			border-bottom:1px solid #fff;
			border-right:1px solid #fff; }
			
			#right-content-top h1 { font-size:20px; margin:30px 0 0 30px; text-decoration:underline; }
		
			#right-content-top ul { margin:20px 0 0 30px; }
		
			#right-content-top li { font-size:14px;  margin-bottom:6px;}
			
			#right-content-top a { color:#000; text-decoration:none; color:#444; font-weight:bold; }
						
		#left-content-bottom { 
		position:relative; 
		float:left;
		width:479px;
		margin:auto;
		background-color:#CCC;
		border-top:1px solid #fff;
		border-left:1px solid #fff;}
		
			#left-content-bottom h1 { font-size:20px; margin:20px 0 10px 20px; }
		
			#left-content-bottom p { margin:0 20px 0 20px; line-height:19px; }
		
			.person{ float:right; margin-right:20px; }
	
		#right-content-bottom { 
		position:relative; 
		float:left; 
		width:318px;
		background-color:#000000;
		font-size:16px;
		color:#FFF;
		text-align:center; 
		border-left:1px solid #fff;
		border-right:1px solid #fff; }
		
			#right-content-bottom img { margin:10px 5px 5px 5px; border:1px solid #FFF; }
			
			#right-content-bottom h3 { margin-top:15px; Margin-bottom:6px; }

	/* ------------------------ / sub-pages \ ----------------------------*/	

		#sub-pages { 
		position: relative; 
		float:left;
		width:800px;
		background-color:#000;
		border-left:1px solid #FFF; }

			#pic{
			position:relative; 
			float:left;
			width:249px;
			background-color:#000;
			text-align:center;
			color:#fff; }
		
				#pic h2{ font-size:14px; margin-top:10px; margin-bottom:5px; }	
		
				#pic h3 { font-size:12px; margin-bottom:10px; }
			
				#pic h4 { font-size:12px; }

				#pic img { margin-top:20px; }						

			#info{
			position: relative; 
			float:left;
			width:548px;
			background-color:#b7b7b7; 
			border-left:1px solid #f0f0f0; 
			border-right:1px solid #FFF;
			border-top:1px solid #000; }
		
				#info p {line-height:17px;margin:15px 20px 0 20px;}	 
		
				#info h1 { font-size:20px; font-weight: bold; color:#000000; margin:20px 20px 10px 20px; }
		
				#info h2 {font-size:13px; color:#ffffff; text-align:center;margin-left:20px}
		
				#info h3 {font-size:13px; color:#000000; margin-bottom:8px;margin-left:20px}
			
				#info strong { float:right; font-weight:bold; margin-right:15px; }
				
				#info a { color:#000; text-decoration:none; color:#444; font-weight:bold; }
				
				#info ul {margin-left:20px;}
				
				#info li {margin-left:20px;}
				
				#info img {margin: 20px 40px 0 40px; display:inline;}
				
				
	

/* --------------------------------------------\ CONTENT /-------------------------------------------- */




/* --------------------------------------------/ FOOTER \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the content boxes
*/

#container_footer { clear:both; width:100%;
	height:50px; }
	
	#footer { position: relative; margin: auto;
	height:50px;
	width:800px;
	background-image:url("../images/footer.jpg"); }
	
		#footer ul { text-align:center; margin-right:20px; padding-top: 20px; }
		
		#footer li { list-style:none; display:inline; margin-left:8px; }

/* --------------------------------------------\ FOOTER /-------------------------------------------- */