/* Thomson OPI Style Sheet CSS */
/* Adapted from various sources by the developers at A30 Design   http://www.a30design.co.uk */

/* ======================================================= */

/*  ========================= General rules  ========================= */	

/* All the elements default to zero please */

html, body,
h1, h2, h3, h4, h5, h6,
form, select, input, button, textarea, option, fieldset, legend, label,
ol, ul, li, dl, dt, dd, optgroup,
p, img, strong, em, address, caption, hr, tt, div,
table, a, th, tr, td, tbody, tfoot,
iframe, acronym, abbr,
pre, code, small
{margin:0;padding:0;border:0;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; }

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	height:100%;
	border-bottom:#60A2DE 4px solid;
	border-top:#F93 2px solid;
}

a:link, a:active, a:visited {color:#000;}

a:hover {text-decoration:underline;}

/* end zero'ing elements  */



/*  ========================= start layout elements ========================= */


/* page elements */

#wrapper{
	width:970px;
	min-height:450px;
	margin:0 auto;
}

#header{ width:970px; height:135px; float:left; margin: 10px 0px 0px 0px; display:block;}

#topbar{width:970px;height:35px;margin:0px 0px 0px 10px; background-image:url(../images/bg_topbar.jpg); background-repeat:repeat-x; display:block; float:left;}

#bigpanel { height:200px; width:970px; border-top:#FFF 2px solid; background-color:#60A2DE; display:block; float:left; margin:0px 0px 10px 10px; background-image:url(../images/home/mervent_home_large.jpg); background-repeat:no-repeat; }
#bigpaneltext { width:290px; height:200px; float:right; background-color:#60A2DE; display:inline; }
#bigpaneltext h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; margin:20px 20px 20px 20px; color:#FFF; font-weight:normal; }
.bigpaneldesc { width:160px; float:left; height:100px; background-color:#FFF; border:#F93 1px solid; position:relative; top:20px; left:20px; padding:10px; }
.bigpaneldesc p { font-size:10px; color:#666; margin-bottom:5px; }
.bigpaneldesc p a { color:#F93; text-decoration:none; }
.bigpaneldesc p a:hover { text-decoration:none; border-bottom:#F93 1px dotted; }

#mainimage { float:left; display:inline; border-right:#FFF 2px solid; width:675px; height:200px; }



#leftcol { 
	min-height:500px;
  	height:auto !important;
 	height:500px;
	width:195px;
	float:left;
	padding: 0px 0px 0px 5px;
	margin:0px 5px 0px 5px;
}

#content { 
	float: left;
	color: #333;
	min-height:500px;
  	height:auto !important;
 	height:500px;
	width: 480px;
	display: inline;
	padding:0px 0px 20px 10px;
	margin:0px 0px 0px 10px;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
}

#rightcol { 
	min-height:500px;
  	height:auto !important;
 	height:500px;
	width:245px;
	float:right;
	display:inline;
	padding:0px;
}


#footerwide { width:100%;clear:both; background:#003399; border-top:#996600 5px solid; }

#footer { width:100%;clear:both;color:#333;padding: 15px 20px 10px 10px; background-color: #E8E8E8; border-top: 1px solid #0A98C8; margin-top: 20px; height:100px; }

/* page end */


/* header elements */

.logo {
	width: 65%;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}

#mailinglist {
	top: 0;
	width: 300px;
	margin-top: 10px;
	float: right;
	background-color:#60A2DE;
	border:#CCC 1px solid;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#jobs {
	display:block;
	float:left;
	top:10px;
}

/* header end */

/* Footer */


#subfooter {
	width: 970px;
	margin: 0 ;
	height: 60px;
	position: relative;
	text-align: right;
	background-image: url("../images/bg_footer.gif"); 
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Footer fin */





#newsLink { margin-top:30px; }




/* =========================  end layout elements =========================   */


/* ========================= start styling elements =========================   */

#topbar ul {list-style:none; margin:10px 10px 0px 10px;}
#topbar li {font-size:12px; color:#FFF; font-weight:bold; display:inline; margin-right:15px;}
#topbar li a {color:#FFF; text-decoration:none;}
#topbar li a:hover { color:#FFF; border-bottom:#F93 1px dotted; }

#topbarleft{float:left; display:inline;}
#topbarright {float:right; display:inline; margin-right:-10px;}

#content p { color:#333;font-size:10px;line-height:16px;padding-left:10px;padding-right:10px;margin-bottom: 10px;}
#content p a { color:#F93; text-decoration:none;  }
#content p a:hover { border-bottom:1px dotted #F93;  }

#rightcol p { color:#333;font-size:10px;line-height:16px;padding-left:10px;padding-right:10px;margin-bottom: 10px; margin-top:10px;}
#rightcol p a { color:#F93; text-decoration:none;  }
#rightcol p a:hover { border-bottom:1px dotted #F93;  }

#subfooter p { font-size:11px;line-height:16px; color:#333; }
#subfooter p a { color:#F93; }
#subfooter p a:hover { text-decoration:none;  border-bottom:1px dotted #F93; }

#content h1,h2,h3,h4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
#content h1,h2,h3,h4 a { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;  }

#content h1 { font-size:20px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px;font-weight:normal;color:#F93; }
#content h2 { font-size:14px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px;font-weight:normal;color:#F93; }
#content h3 { font-size:13px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px;font-weight:normal;color:#F93; }
#content h4 { font-size:13px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px;font-weight:normal;color:#F93; }
#content h2 a { color:#F93; text-decoration:none; }
#content h2 a:hover { border-bottom:#F93 1px dotted;  }

.waytocontact h2 { font-size:15px; text-align:center; margin:10px 20px 10px 20px; color:#FFF; }
.waytocontact h2 a { font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-decoration:none;}
.waytocontact h2 a:hover { border-bottom:#F93 1px dotted; }
.waytocontact #telephone { font-size:17px; }
.waytocontactdivider { border-top:#FFF 1px dotted; width:200px; margin:0 45px 0 45px; }


#content ul { list-style:inside;list-style-type:disc; margin-left:15px; margin-bottom:10px; }

#content li {color:#333;font-size:10px;line-height:16px;}

#content .disclaimer { font-size:9px; }



/* List of Projects */

.project_details {
	border-bottom: 1px solid #CCC;
	margin-top: 10px;
	padding-left:10px;
	padding-right:10px;
}


.small_image {
	float: left;
	margin-right: 10px;
	padding:2px;
	border:#FC9 1px dotted;
}
.small_image a {
	text-decoration:none;
}

.small_image a:hover {
	float: left;
	margin-right: 10px;
	padding:2px;
	border:#FC9 1px solid;
}

p.moreLink  {
	clear: left;
	display:block;
	text-align: right;
	margin: 0 10px 0 3px;
}

p.moreLink a {
	text-decoration:none;
}

p.moreLink a:hover {
	text-decoration:none;
	border-bottom:#FC9 1px dotted;
}



/*  ========================= menu items ========================= */

#mainmenu {	width:100%; padding:0px 5px 10px 0px; }
#rightmenu { width:100%; padding:0px 5px 10px 0px; }

#leftcol li { list-style-type: none;  }
#rightcol li { list-style-type: none;  }

li.menuheader { width:100%; background-image:url(../images/bg_menuheader.jpg); background-repeat:repeat-x; background-position:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:12px; color:#666;  margin-top:5px; padding:2px 0px 2px 5px; float:left; display:inline; }

.nav_item { font-size:11px; margin:1px 0px 1px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#666; padding:5px 5px 5px 10px; width:170px; float:left; display:inline; }

.nav_item_selected {font-size:11px; font-weight:bold; margin:1px 0px 1px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#666; padding:5px 5px 5px 10px; width:170px; float:left; display:inline;}

a.nav_item_selected { color: #F93; display: block; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:12px; border-top:#CCC 1px dotted; float:left; display:inline; }

#mainmenu li.nav_item a { color:#F93; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;  }
#mainmenu li.nav_item a:hover { border-bottom:#F93 1px dotted;  }

a.nav_item { color:#666; display: block; text-decoration:none;  }
a:hover.nav_item  { color:#F93; display: block; text-decoration:none; background-color:#EDEDED; }


#mainmenu a.sub_nav_item  {font-weight:normal;font-size:10px; height:15px; color: #666;display: block; padding: 0px 10px 0px 20px; text-decoration:none; margin:0; float:left; display:inline; width:100%; }
#mainmenu li.sub_nav_bottom  { border-bottom:#ccc 1px dotted; margin-bottom:5px; }
#mainmenu a:hover.sub_nav_item  { color: #F93; }
#mainmenu a.sub_nav_item_selected {font-weight:normal;font-size:10px; height:15px; color: #F93;display: block; padding: 0px 10px 0px 20px; text-decoration:none; margin:0; }


li.right_nav_button { background-image:url(../images/right_nav_buttons/pdf_blank.jpg); background-repeat:no-repeat; width:190px; height:20px; padding: 10px 10px 10px 50px; margin:5px 0px 10px 5px; float:left; display:inline; }

li.right_nav_button a { font-size:12px;  margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#F93; text-decoration:none; float:left; display:inline; }
li.right_nav_button a:hover { border-bottom:#F93 1px dotted;  }

li.right_nav_button_excel { background-image:url(../images/right_nav_buttons/excel_blank.jpg); background-repeat:no-repeat; width:190px; height:20px; padding: 10px 10px 10px 50px; margin:5px 0px 10px 5px; float:left; display:inline;  }
li.right_nav_button_excel a { font-size:12px;  margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#F93; text-decoration:none; float:left; display:inline; }
li.right_nav_button_excel a:hover { border-bottom:#F93 1px dotted;  }

li.right_nav_button_image { background-image:url(../images/right_nav_buttons/image_blank.jpg); background-repeat:no-repeat; width:190px; height:20px; padding: 10px 10px 10px 50px; margin:5px 0px 10px 5px; float:left; display:inline;  }
li.right_nav_button_image a { font-size:12px;  margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#F93; text-decoration:none; float:left; display:inline; }
li.right_nav_button_image a:hover { border-bottom:#F93 1px dotted;  }






/*  ========================= right hand additional menu items ========================= */

.right_nav_item {font-size:11px;  margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#666; padding:5px 5px 5px 10px;}




/*  ========================= common page elements ========================= */


#mailinglist h2 { color:#FFF; font-size:14px; margin-bottom:3px; }

#whyinvest { border-top:#CCC 1px dotted; margin:0px 10px 0px 10px; }

input.inputText {
	width: 165px;
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
	color:#999;
}

input.inputSubmit {
	width: 50px;
	padding: 2px;
	margin: 0 0 0 5px;
	border: 1px solid #ccc;
	float: left;
	font-size: 10px;
	color:#999;
}

input.inputLogin {
	width: 165px;
	padding: 2px;
	margin: 0 0 5px 10px;
	border: 1px solid #ccc;
	float: left;
	color:#999;
}

input.inputLoginButton {
	width: 120px;
	padding: 2px;
	margin: 0 20px 5px 20px;
	border: 1px solid #ccc;
	float: right;
	font-size: 10px;
	color:#999;
}

p#loginReminder { float:left; margin-top:2px; }



#content td.label { margin:0px 10px 0px 0px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:right; width:150px;}

#content td.inputfield {text-align:left;padding-left:10px;}
#content td.inputfield p {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
#content input {border: #C0D9C0 1px solid;padding:2px 5px 2px 5px;margin:5px 5px 5px 10px;color:#666;}
#content radio {margin:0px;}
#content select {border:#C0D9C0 1px solid; padding:2px 0px 2px 0px; margin:5px 20px 5px 10px;color:#333;} 

.disclaimer {font-size:0.8em;}







/*  ========================= end styling elements =========================   */


