/* ------------------------------------------------------------------------------ */
/*

project: Site Management Solutions
file: layout.css
creator: Benga Ajakaye
creation date: 07-30-2009
copyright:(c) 2009 __ Site Management Solutions.

*/
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/*

File Layout

1. General
2. Text
3. Navigation

*/
/* ------------------------------------------------------------------------------ */

/* =1. General
   --------------------------------------------------------------------*/
body{ background: #fff url(images/bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color: #777}

.wrapper{ width: 940px; height: auto; padding: 10px; margin: 0px auto}
  .wrapper h4{ font-size:13px; padding-left: 10px}
   .wrapper i.more{ font-size: 12px; font-style:italic; color:#565658; font-weight:bold; line-height:28px}
	.header{width: 940px; height:255px; _height:240px; margin: 10px 0px 10px 0px; _margin: 25px 0px 10px 0px; padding: 0px}
		.nav{width: 230px; height:230px; margin:0px; padding: 0px; background: url(images/logo_bg.png) no-repeat; float:left}
		  .nav_wrap{width: 195px; height:230px; margin:0px; padding: 0px}
		   .nav ul{ display:block; color:#777; margin: 92px 0px 0px 0px;  padding: 7px 0px 0px 20px; list-style:none}
			   .nav li{ display:block; color:#777; margin:0px; height: 20px;}
			   .nav li a{ display:block; color:#777; margin: 0px; color:#777; padding: 5px 2px 5px 10px; line-height: 10px; _line-height:10px; text-decoration: none}
			   .nav li a:hover{ display:block; color:#fff; margin: 0px; background: #7d7d7d url(images/nav_hover.png) top right no-repeat}
			   .nav li a.active{display:block; color:#fff; margin: 0px; background: #f26722 url(images/nav_bg.png) top right no-repeat}
			   
			   
		.header_image{width: 680px; height:230px; margin:0px 0px 0px 20px; padding: 0px; background: url(images/header.png) no-repeat; float:left}
		
	.content{width: 940px; height:auto; margin:0px; padding: 0px}
		.current_trials{width: 210px; height:auto; margin:0px 20px 0px 0px; padding-bottom: 10px; background-color:#fbfbfb; float:left; border-right:4px solid #c7c7c7}
		  .current_trials h1{ width: 195px; padding:5px 5px 5px 10px; margin: 10px 0px 0px 0px; background-color:#565658; font-size:18px; color:#fff;}			
		  .current_trials h2.top{ width: 180px; padding: 0px !important; margin: 10px 0px 0px 10px; font-size:13px; color:#fff;; 
		  color:#565658; line-height: 20px;}
		  .current_trials h2{ width: 180px; padding: 0px !important; margin: 0px 0px 0px 10px; font-size:13px; color:#fff; color:#565658; line-height: 20px;}
		  .current_trials ol{ margin:0px;padding-left: 20px; _padding-left: 16px}
		  .current_trials li{ margin:0px; vertical-align:text-top; float:;left;}
		  
		  .current_trials h3{ width: 190px; padding: 0px !important; margin: 0px 0px 0px 10px; font-size:13px; color:#fff; color:#565658; line-height:27px;}
		     .current_trials a, .current_trials a:link{color:#f26722 !important; text-decoration: none} 
		     .current_trials a:hover{color:#f26722; text-decoration:underline}
			 .current_trials h2.contact{ font-size:18px; width:200px; background-color:#444;  color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc; clear:both}
			 .current_trials b { font-weight: bold; font-size:14px; color:#464646; padding: 0px 0px 0px 0px;}
			 .current_trials p{ padding: 0px 10px 0px 10px}

	
	.info{width: 670px; height:auto; margin:0px 0px 10px 15px; padding: 0px; float:left; clear:right}	
		.info a, .info a:link, .info a:hover {color:#f26722; text-decoration:none} 
		.info a:hover {color:#f26722; text-decoration:underline} 
	    .info h3{ font-size:18px; width:100%; background-color:#f26722; /*font-family: eurostile LT Std Medium !important;*/ color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc}
	    .info h3.contact{ font-size:18px; width:100%; background-color:#444;  color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc; clear:both}
		.info h1{color: #777; font-size:24px}
		.info strong, b{ margin: 0px 0px 0px 0px;}
		.info p { padding:none;}
		.info ol{ padding: 0px 0px 0px 30px;  _padding: 0px 0px 0px 0px}
		.info ol ul li{ list-style:disc}

	.buttons{width: 660px; height:auto; margin: 20px auto; padding: 10px 0px 0px 0px; float:right; background: url(images/buttons_bg.png) top center no-repeat}

	.footer{width: 940px; height:40px; margin:0 auto; padding: 0px; background:#f7f7f7 url(images/footer_bg.png); clear:both}
    	.footer_wrap{width: 940px; height:30px; margin:0 auto; padding: 0px; clear:both}
		.footer_l{width: auto; height:20px; margin:0px 0px 0px 40px; padding-top: 3px; _padding-top: 15px; float:left; color:#8d8d8d}
		.footer_r{width: auto; height:20px; margin:0px 40px 0px 0px; padding-top: 3px; _padding-top: 15px; float:right; color:#8d8d8d}
		.footer a, .current_trials a:link{color:#777; text-decoration:none} 
		.footer a:hover{color:#f26722; text-decoration:underline}	

hr{color:#f1f1f1}
.clear{ width:940px; height:1px; clear:both}
a{outline: none}
img{ border:none;}
h1, h2, h3, h4, h5, { padding: 0px 0px 0px 15px;}
/* ------------------------------------------------------------------------------ */

/* =1. General
   --------------------------------------------------------------------*/