/*
-------------------------------------------------------------------
Haiap
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
html { color: #FFF; }
body { font: 80% "Verdana","Times New Roman",Times,serif; }

h1 { font-size: 150%; font-weight: normal; }
h2 { font-size: 145%; font-weight: normal; color: #00806A; }
h3 { margin: 15px 0 10px; font-size: 110%; font-weight: normal; }
h4 { font-size: 85%; font-weight: normal; color: #00806B; }

a img { border: 0; }
a { color: #333; line-height: 175%; }
a:hover { text-decoration: none; }
hr { margin: 0; border: none; color: #FFF; }

.hide { display: none; } 
.inline { display: inline; }
.nomargin { margin: 0 !important; }
.clear { clear: both; }
div.clear { height: 5px; }

body { background: url(../images/wprapper_bk.png)  repeat ; color: #333; }
div#wrapper { margin: 0 auto; width: 760px; }

	div#header { height: 115px; background: #FFF; }
			div#header div#logo { margin:20px 20px 0 20px; float: left; }
			div#header a img {  border: none; } 
			div#header div#header_text { float: right; margin: 10px 20px 0 0 ; width: 490px; }
			div#header_text p { font-size: 85%; line-height: 150%; color: #666;}
			
body#home div#middle { margin: 0; height: 285px; background: url(../images/the_world.jpg) no-repeat; }
			div.default { margin: 0; height: 285px; background: url(../images/the_world.jpg) no-repeat; }
			
			div#middle ul.menu { margin: 0 0 0 20px; padding: 5px 5px 0 5px ; float: left; width: 210px; background-color: #BAEAD6; list-style: none; }
			ul.menu li { margin: 0 0 5px; display: block;  float: left;  }
			ul.menu li a { padding: 0 0 0 10px; font-size: 110%; color: #356384; background: #F4FFFD; float: left; width: 200px;  text-decoration: none; line-height: 30px; }
			ul.menu li a:hover { background: #D7FFF9; }
			div#middle img { margin-left: 50px;  }
			
			div.about { margin: 0; height: 255px; background: url(../images/about_bk.jpg) no-repeat; }
			div.objectives	{ margin: 0; height: 255px; background: url(../images/objectives_bk.jpg) no-repeat; }
			div.publications { margin: 0; height: 255px; background: url(../images/publications_bk.jpg) no-repeat; }	
			div.news { margin: 0; height: 255px; background: url(../images/news_bk.jpg) no-repeat; }	
			div.contact	{ margin: 0; height: 255px; background: url(../images/contact_bk.jpg) no-repeat; }	
			
				
	div#content { margin: 0; padding: 20px 0 20px 0; background: #FFF; }
		div#main_container { float: right; width:510px; }
			div#content p { font-size: 85%; line-height: 160%; }
			div#content a.read_more { background: url(../images/link_bullet.png) no-repeat left center; padding-left: 15px; color: #00806A; }
			div#content hr.drop_line { margin-top: 10px; border-bottom: 1px dotted #CCC; }
		
			div#main { margin-right: 20px; float: right; width: 490px; }
			div#main h4 { margin-bottom: 10px; }
			div#main p { margin-bottom: 10px;}
			div#main ul { margin:0 0 15px 20px; }
			div#main ul li { list-style-image: url(../images/bullet.png); font-size: 85%; }
			div#main ol { margin:0 0 15px 20px; }
			div#main ol li { list-style: decimal; font-size: 85%; }
			div#sidebar { margin-left: 20px; padding: 0 0 10px 8px; width: 200px; float: left; background-color: #F4FFFD; border: 1px solid #E1F7EE; }
			
			div#sidebar p.side_header { margin-top: 15px; }
			
			div#project { width: 235px; float: left; }
			div#project h4 { padding-bottom: 5px; border-bottom: 1px dotted #007F68;  }
			div#project img { line-height: 125%; }
			
			div#news { margin-left: 20px; width: 235px; float: left; }
			div#news h4.news_header { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #007F68 ; }
			div#news ul li { list-style: none; }
			div#news ul li a { padding: 0 0 0 20px; color: #333; font-size: 85%; background: url(../images/bullet.png) no-repeat left top;  }
			div#news div.subcribe { margin: 15px 0 0 0; padding:0 0 0 10px; width: 225px; float: left; border: 1px solid #E1F7EE; background-color: #F4FFFD; }
			span#text_email { margin-top:5px; float: left; font-size: 85%; }
			div.subcribe input#email { margin-top: 5px; padding: 5px 0 0 5px; height: 19px; border: 1px solid #A3D1C8; width: 208px; height: 20px; font-family: Verdana; font-size: 85%; }
			div.subcribe input#subcribe { margin: 7px 10px; padding: 3px 5px; float: right; background-color: #00806A; color: #F4FFFD; border: none; font-weight: bold; font-size: 85%; }
			
	div#footer { margin: 0; padding: 0 20px 40px ;  }
			div#footer p.geekery { text-align: right; font-size: 85%;  }
			div#footer p.copyright { margin: 0; text-align: left; font-size: 85%; float: left; color: #749576; }
			div#footer p a { color: #749576;}
			
			ul.submenu { margin:-5px 0 0 215px; padding: 5px 0 0 5px; position:absolute; width:220px; visibility:hidden; background-color: #BAEAD6; }
			ul.submenu li { background-color: #F4FFFD; }
			ul.submenu li a { padding: 0 0 0 10px; font-size: 110%; color: #356384; background: #F4FFFD; float: left; width: 205px; text-decoration: none; line-height: 30px; }
			
			/* Form styles */
div.contactform { margin: 0px; background-color: #FFF; border: #EEE 0px solid; }

p#legend em { color: #CC0000; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.contactform form p { margin: 0; }
div.contactform form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.contactform  { padding: 10px 0 10px 0; border: #DDD 0px solid; width: 360px; }
div.contactform form legend { font-weight: bold; color: #666; }
div.contactform form  div { padding: 0 0 3px ; }
div.contactform label, 
div.contactform span.label { margin-right: 10px; padding-right: 10px; font-size: 85%; width: 90px; display: block; position: relative; }
div.contactform label.error, 
div.contactform span.error { color: #C00; }
div.contactform label em, 
div.contactform span.label em { position: absolute; right: 23px; font-size: 120%; font-style: normal; color: #C00; }
div.contactform input.error { border-color: #C00; background-color: #FEF; }
div.contactform input:focus,
div.contactform input.error:focus, 
div.contactform textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.contactform div.controlset label, 
div.contactform div.controlset input { display: inline; float: none; }
div.contactform div.controlset div { margin-left: 170px; }
div.contactform div.buttonrow { margin-left: 0; }
div.contactform div.buttonrow input#contactsubmit { padding: 3px 5px; background-color: #00806A; color: #F4FFFD; border: none; font-weight: bold; }

/* table styles*/
div#main table { border-collapse:collapse; }
div#main table th  { padding:10px 8px; border-bottom:2px solid #00806B; color:#008080; font-size:11px; font-weight:normal; text-align: left; }
div#main table td { border-bottom:1px solid #00806B; font-size: 11px; color:#000; padding:6px 8px; }