/* ---- CSS CIVIL WEBSITE ---- */

/*-------------------------------------------------
					1. 0 Misc
-------------------------------------------------*/

/*define everything on page when use star*/
*   {
	padding:0;
	margin:0;
	border:0;
	}
/*Elements in the body - childer inherit the attributes specified*/
body {
	color:#181818;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background: #F6F6F6 url(images/body.bmp) 0 0 repeat-x; /*makes the background grey on the entire html file*/
	padding:20px 0 20px 20px; /*1st is top 2nd is right 3rd is bottom 4th left*/
	position:relative;
	z-index:1;
	}
/*clear the float left and the float right - specified in the Div class class="end"*/
.end {
	clear:both;
	list-style:none;
	height:0;
	width:auto;
	font-size:0;
	line-height:0;
	}
/*put all childern in container to the left*/
#container {
	text-align:left;
	}
/*for Internet Explorer - size*/	
#container {
	max-width:980px;
	min-width:736px;
	}
	
/*area around the logo - to position correctly*/
.banner {
	width:980px;
	height:100px;
	background:url(images/civil_banner.bmp) 0 0 no-repeat;
	margin:0 0 20px 0;
	}

/*the area of the hyperlink around the logo*/
h1 a {
	width:980px;
	height:100px;
	display:block;
	text-decoration:none;
	}
	
/*col on the left - there is also middle and right(structure of page)*/
#colLeft {
	width:210px;
	float:left;
	position:relative;
	z-index:10;
	background:url(images/civil_left_banner.jpg) 0 0 no-repeat;
	height:521px;
	}

#colRight {
	width:200px;
	float:right;
	text-align:right;
	position:relative;
	z-index:10;
	left:0;
	top:0;
	}

#colCenter {
	margin:0 220px 0 230px;
	position:relative;
	z-index:10;
	}

.header {
	height:3em;/*makes the header dynamic - e.g. when increase size of the text*/
	}

/*-------------------------------------------------
			2.0 HEADER & Navigation
-------------------------------------------------*/

/*Hide text behind logo*/
.banner h1, .skypContent, .skypMenu {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	}
/*accessability - to go to text/main content*/
.skypContent, .skypMenu {
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
	}
	
/*area around the logo - to position correctly
.header h1 {
	width:210px;
	height:59px;
	background:url(images/logo_barbour_abi.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
	}*/

/*the area of the hyperlink around the logo
h1 a {
	width:210px;
	height:59px;
	display:block;
	text-decoration:none;
	}*/
	
/*left hand side navigation on a certain page*/
.navigation h3 {
	background:#565758;
	font-size:1.1em;
	letter-spacing:200%;
	color:#fff;
	padding:4px 12px;
	position:relative;
	z-index:14;
	border-bottom:1px solid #565758;
	}
/*gradient in the background of the box content on the left hand side (left nav links)*/
.navigation .boxContent {
	background:url(images/box_repeat_civil.bmp) 0 0 repeat-x;
	padding:10px 12px 20px 12px;
	position:relative;
	z-index:15;
	border-top:1px solid #fff;
	}
/*the list of the links within the left nav*/
.navigation li {
	width:160px;
	display:block;
	list-style-type:none;/*remove the bullet point from the start of the words within the list*/
	}
/*may not be in use*/
.navigation dt {
	font-weight:bold;
	margin-top:3px;
	font-size:1.1em;
	display:block;
	}
/*may not be in use*/
.navigation dt strong {
	font-weight:bold;
	font-size:1.2em;
	margin-right:2px;
	}
/*navigation box on the left - containing the links*/
.navigation dd {
	margin-bottom:4px;
	margin-left:16px;
	}
/*define the link of the text within left nav*/
.navigation a {
	border-bottom:1px solid #c1c0c1; /*the lines underneath the links*/
	color:#565758;
	text-decoration:none;
	}

.navigation a:hover {
	border-bottom:1px solid #DFDFDF;
	color:#0F68B8;
	text-decoration:none;
	}
/*may not be in use*/
.navigation a.selected {
	color:#0F68B8;
	text-decoration:none;
	font-weight:bold;
	border:0;
	}
	
/* ---------- 2.1 Banner ---------- 
#colLeft .content img {
	border-top:1px solid #a2a2a2;
	}
*/

/*-------------------------------------------------
					3.0 Links
-------------------------------------------------*/

.header .link{
	margin-bottom:10px;
	}


/*the top right hand side links i.e. Home, Site map, Products A-Z*/
.header .link a {
	border-bottom:1px solid #c1c0c1;
	color:#565758;
	text-decoration:none;
	font-weight:bold;
	}

.header .link a:hover {
	border-bottom:1px solid #DFDFDF;
	color:#0F68B8;
	text-decoration:none;
	}

.header .link strong { /*the split between each link - make more visible*/
	padding:0 4px;
	}

/*-------------------------------------------------
				4.0 SearchForm
-------------------------------------------------*/
/* ----------  ---------- */

/*margin top of the login header
.header .searchForm {
	margin-top:10px;
	}

.searchForm dt, .searchForm dd {
	float:left;
	color:#565758;
	}

.searchForm dt {
	font-size:1.0em;
	font-weight:bold;
	padding:5px 15px 0 34px;
	}

.searchForm label {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	position:absolute;
	}

.searchForm input {
	border:1px solid #a5acb2;
	height:1.5em;
	width:86px;
	color:#565758;
	font-size:1.2em;
	}

.searchForm #btSearch {
	background:url(images/bt_go.gif) 0 0 no-repeat;
	height:22px;
	width:22px;
	cursor:pointer;
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	display:block;
	border:0;
	margin-left:3px;
	}

* html .searchForm #btSearch {
	margin:1px 0 0 3px;
	}
*/


/*-------------------------------------------------
			5.0 LoginForm & pannel
-------------------------------------------------*/

/*background of the box/login area on the right hand side*/
.loginForm dl {
	background:url(images/box_repeat_civil.bmp) 0 26px repeat-x;
	position:relative;
	z-index:100;
	}
	
	*> .loginForm dl {
	margin-top:4em;
	}

.pannel .content {
	background:url(images/box_repeat_civil.bmp) 0 0 repeat-x;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
	}
	
/*the adverts/info boxes on the right hand side */
.loginForm dt, .pannel h3 {
	background:#565758;
	padding:5px 10px 5px 0;
	font-weight:bold;
	border-bottom: 1px solid #fff;
	font-size:1.0em;
	width:190px;
	color: #fff;
	}
/*bottom header on right hand side*/
.loginForm dt {
	margin-bottom:8px;
	border-top: 1px solid #a2a2a2;
	}
/*the gap between the text and the text boxes*/
.loginForm dd {
	padding:0 12px 1px 0;
	margin:0;
	}
/*label = title of the text field*/
.loginForm label {
	font-size:1.0em;
	font-weight:bold;
	margin:0 5px 2px 0;
	}
/*input of the text field*/
.loginForm .txtBox{
	border:1px solid #a5acb2;
	height:1.5em;
	width:97px;
	color:#565758;
	font-size:1.2em;
	}

.loginForm #btLogin {
	background:url(images/bt_submit_civil.gif) 0 0 no-repeat;
	height:22px;
	width:99px;
	cursor:pointer;
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	display:block;
	border:0;
	margin:0 0 0 89px;
	}

.loginForm .btLogin {
	text-align:left;/*may not be in use*/
	margin:3px 0 0 0;
	}
/*the list under the login submit button - forgot password / username*/
.loginForm ul {
	display:block;
	margin:8px 0 0 0;
	}
/*li = child of ul....*/
.loginForm li {
	display:block;
	list-style:none;/*remove the bullet point*/
	height:2.0em;
	}
/*styles the hyperlinks within the boxes on the right hand side*/
.loginForm a, .pannel a{
	/*border-bottom:1px solid #c1c0c1; Baeddan took out - bottom underline on right hand side of free trial advert*/
	color:#565758;
	/*text-decoration:none; Baeddan took out - bottom underline on right hand side of free trial advert*/
	font-weight:bold;
	}
	
/*login checkBox - all day function*/
.loginForm .checkBox input {		
		margin-top:5px;			
		}

/*information boxes on the right hand side of page*/
	
/*-------------------------------------------------
				5.1 DOWNLOAD LOGO
-------------------------------------------------*/
	
	#downloadLogo ul{
		margin-bottom:10px;
		}
		
	#downloadLogo li{
		list-style-type:none;
		margin-bottom:2px;
		text-align:left; /*move the text in the right hand side nav to left align*/
		}

/*-------------------------------------------------
				5.2 cmpInformation
-------------------------------------------------*/

	#cmpInformation img {
		float:left;
		margin-right:10px;
		}

	#cmpInformation p {/*p = paragraph*/
		margin-bottom:15px;
		}

	#cmpInformation a {
		margin:0 0 5px 0;
		font-weight:normal;
		}

	#cmpInformation li{
		list-style-type:none;
		margin-bottom:2px;
		}
		
/*image on right hand side*/

/*-------------------------------------------------
					6.0 Advert
-------------------------------------------------*/

.advert {/*sectino for the new advert on the right hand side - by me*/
	display:block;
	width:200px;
	background:url(images/box_repeat_civil.bmp) 0 0px repeat-x;
	margin-top:0px;
	text-align: center;
	}

.advert li {
	display:block;
	width:200px;
	background:#e1e1e1;
	margin-top:0px;
	}

.advert .partnerslogo{
	width:200px;
	height:73px;
	}
	
.advert .partnerslogo li {
	background:none;
	float:left;
	display:block;
	}

.advert .partnerslogo  a {
	display:block;
	float:left;
	font-weight: normal;
	font-size: 0;
	line-height: 1.0em;
	text-indent: -2000em;
	text-decoration:none;
	color:#F6F6F6;
	}

.advert .partnerslogo li.logo1, .advert .partnerslogo li.logo1 a {
	width:72px;
	height:35px;
	}

.advert .partnerslogo li.logo2, .advert .partnerslogo li.logo2 a {
	width:67px;
	height:35px;
	}

.advert .partnerslogo li.logo3, .advert .partnerslogo li.logo3 a {
	width:61px;
	height:35px;
	}

.advert .partnerslogo li.logo4, .advert .partnerslogo li.logo4 a {
	width:72px;
	height:38px;
	}

.advert .partnerslogo li.logo5, .advert .partnerslogo li.logo5 a {
	width:67px;
	height:38px;
	}

.advert .partnerslogo li.logo6, .advert .partnerslogo li.logo6 a {
	width:61px;
	height:38px;
	}

.advert .partnerslogo  a:hover {
	text-decoration:none;
	}

/*top menu going accross the page*/

/*-------------------------------------------------
					7.0 MENU
-------------------------------------------------*/

/*if css is removed the H3 text will be big but acurrently its normal size - hence = to 0*/
#menu h3 {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	position:absolute;
	}
/*ul - parent of li.....its the box around the menu links*/
#menu ul {
	display:block;
	list-style:none;
	padding:0 0 0 0;
	}
/*display links one after another */	
#menu li {
	display:inline;
	}

#menu li a {
	color:#565758;
	text-decoration:none;
	margin:0 3%;/*0 = top and bottom area......4% = left and right area*/
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:11px;
	border-bottom:4px solid #F6F6F6;
	}
/*to make the last to menu links left/right hand side central*/
#menu li.link1 a {
	margin-left:0;
	}

#menu li.link5 a {
	margin-right:0;
	}

#menu li a.selected {
	border-bottom:4px solid #0F68B8;
	}

#menu li a:hover {
	color:#0F68B8;
	}

/*-------------------------------------------------
					8.0 SUBMENU
-------------------------------------------------*/

/*similar to above but the sub menu containing hyperlinks*/
#submenu {
	border-top:1px solid #a2a2a2;
	position:relative;
	background:url(images/body.gif);
	z-index:10;
	}

#submenu ul {	
	padding:4px 8px;
	display:block;
	}
/*to show only when no stylesheet available*/
#submenu h3 {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	position:absolute;
	}

#submenu li {
	display:inline;
	}

#submenu a {
	color:#181818;
	text-decoration:none;
	font-size:1.1em;
	padding:0 8px 0 0;
	font-weight:normal;
	line-height:1.6em;
	}

#submenu a:hover {
	color:#0F68B8;
	}

#submenu a.selected {
	color:#0F68B8;
	font-weight:bold;
	}

/*-------------------------------------------------
					9.0 CONTENT
-------------------------------------------------*/

/*main content of the page*/
#content {
	border-top:1px solid #a2a2a2;
	background:url(images/content_repeat_civil.bmp) 0 0 repeat-x;
	padding:10px 8px 0 8px;
	position:relative;
	z-index:11;
	}
/*areas within the body of the page - i.e.3 section and so on*/
.blockWrapper {
	position:relative;
	z-index:12;
	}
	
/*block left  - associated with the areas above (split blockwrapper into 2 colums)*/
#content .blockContentLeft {
	float:left;
	width:48%;
	position:relative;
	z-index:13;
	}
/*same as above but right*/
#content .blockContentRight {
	float:right;
	width:48%;
	position:relative;
	z-index:13;
	}
/*for the partner page*/
#content .blockTextRight img {
	float:right;
	margin:0 0 5px 15px;
	background:#fff;
	padding:1px;
	border:1px solid #DFDFDF;
	position:relative;
	z-index:25;
	}
/*not in use*/
.picBorder {
	background:#fff;
	padding:1px;
	border:1px solid #DFDFDF;
	display:block;
	text-align:center;
	}

.picBorder img {
	display:inline;
	}

#content .blockTextRight p {
	text-align:justify;/*fit perfectly in the square*/
	}

#content h1 {
	font-size:1.6em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1.0em;
	}

#content h2 {
	font-size:1.3em;
	font-style:normal;
	}

#content h2 a {
	font-size:0.8em;
	text-decoration:none;
	float:right;
	position:relative;
	z-index:20;
	}

#content h4 {
	font-size:1.2em;
	}

#content p {
	text-align:left;
	line-height:1.4em;
	margin-bottom:1.4em;
	font-size:1.1em;
	}

#content span.date {
	color:#BC2B16
	}

#content a {
	border-bottom:1px solid #c1c0c1;
	color:#181818;
	text-decoration:none;
	}
/*good accessability - i.e. without stylesheet */
#content a span{
	display:none;
	}
/*on partner page*/
#content .endParaLink {
	margin-top:5px;
	}

#content a:hover {
	border-bottom:1px solid #DFDFDF;
	color:#0F68B8;
	text-decoration:none;
	}
/*list of bullet points*/
#content ul {
	margin:0 0 30px 20px;
	display:block;
	}
/*ul ul = indent of paragraph/text (like a tree angle)*/
#content ul ul {
	margin:10px 0 30px 20px;
	}
/*the list of text*/
#content li {
	margin-bottom:9px;
	list-style:disc;/*bullet point style*/
	font-size:1.1em;
	color:#0F68B8;
	}
/*list - one after another*/
#content li li {
	font-size:1.0em;
	}

#content li span {/*make the difference in the color of text and the bullet.....span = new color for text*/
	color:#181818;
	}

#content .box h3 {/*h3 = title of the box*/
	background:#565758;
	font-size:1.1em;
	letter-spacing:200%;
	color:#fff;
	padding:4px 12px;
	position:relative;
	z-index:14;
	border-bottom:1px solid #f6f6f6;
	}
	
#content .boxindex h3 {/*h3 = title of the trackbase red box......baeddan added to index page*/
	background:#0F68B8;
	font-size:1.1em;
	z-index:14;
	color:#fff;
	padding:4px 12px;
	}

#content .boxContent {/*content of the box - ref page = Our services*/
	background:url(images/box_repeat_civil.bmp) 0 0 repeat-x;
	padding:14px 12px;
	position:relative;
	z-index:15;
	border-top:1px solid #a2a2a2;
	}
	
	/* --------------------------Partners Page for CIVIL Website!!! -------------------- */

#content .boxContentlogo {
	background:url(images/box_repeat_civil.bmp) 0 0 repeat-x;
	padding:14px 12px;
	position:relative;
	z-index:15;
	border-top:1px solid #a2a2a2;	
	text-align:center;
	}
	
#content .boxContentlogo img {
	background:#fff;
	padding:1px;
	border:1px solid #DFDFDF;
	position:relative;
	z-index:25;
	}

#content .boxContentlogo p {
	text-align:justify;/*fit perfectly in the square*/
	line-height:2em;
	}
	
/* ----------------------------------- End of partners page - CIVIL website ------------------------ */	

	
/*height of the box in IE*/
* html #aboutUs #content .boxContent {
	height:12em;
	}
/*HEIGHT OF BOX IN fIRE FOX - Because of float the box needs to be aligned horizontaly*/
*> #aboutUs #content .boxContent {
	min-height:12em;
	}
/*Height within Our Services page with the blocks - IE*/
* html #ourServices #content .boxContent {
	height:14em;
	}
/*Height within Our Services page with the blocks - IE Baeddan Added*/
* .boxContentSmall {
    background:url(images/box_repeat_civil.bmp) 0 0 repeat-x;
	height:auto;
	border-top:1px solid #a2a2a2;
	padding:14px 12px;
	}	
	
/*same as above*/
*> #ourServices #content .boxContent {
	min-height:14em;
	}

#content .boxContent h4 {/*inside box content is title - h4 = title*/
	font-size:1.1em;
	}

#content .boxContent p, #content .boxContent span {
	font-size:1.1em;
	margin:0;
	}

#content .boxContent p.viewMore {/*class on a link - i.e. read more hyperlink*/
	margin-top:10px;
	}

#content  a.btRegister {/*on certain pages - big red button - "our service > black book range!*/
	background:#0F68B8;
	padding:5px 8px;
	color:#fff;
	font-weight:bold;
	}

#content  a.btRegister:hover {
	background:#9E9FA3;
	color:#fff;
	}

#content  .box h6 {
	color:#565758;
	font-size:1.0em;
	font-weight:bold;
	}

#content  a.btRegister2 {/*on certain pages - big red button - "index page"!*/
	background:#0F68B8;
	padding:5px 151px;
	color:#fff;
	font-weight:bold;
	}

#content  a.btRegister2:hover {
	background:#9E9FA3;
	color:#fff;
	}

/*-------------------------------------------------
					9.1 Ticker
-------------------------------------------------*/
	
	#content .ticker div /*this will hide all children tags */
	{
		display:none;
	}

/*-------------------------------------------------
			9.2 ACCOUNT & CONTACT FORM
-------------------------------------------------*/

	/*style for FORM page i.e. contact form, feedback form, construction review form etc*/
	#form form {
		font-size:1.1em;
		position:relative;
		z-index:30;
		width:93%;
		}
		
	#form dt {/*title of the form*/
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		}
		
	#form dd {/*the gap of each text field in form page*/
		margin-bottom:18px;
		position:relative;
		font-size:1.0em;
		top:0;
		left:0;
		z-index:40;
		}

	#HelpMeDecide #form dl {/*every dynamic block within the Help me Decide page*/
		display:block;
		padding:10px;
		border:1px solid #CFCFCF;
		background:#F9F9F9;
		margin-bottom:20px;
		}

	#HelpMeDecide #form dd dl {
		display:none;/*cos have to click on radio button*/
		}

	#form dd.radio {/*radio button style*/
		margin-bottom:20px;
		position:relative;
		color:#343434;
		}
	
	#form dd.note {
		font-weight:bold;
		}
	
	#form dd.error {/*error message style*/ 
		color:#FF910F;
		font-weight:bold;
		margin-bottom:16px;
		}
	
	#form form p { /*paragraph in the form*/
		margin-top:10px;
		}

	#form form dd p { 
		font-size:1.0em;
		}
	
	#form label { /*the title of the textfiled*/
		padding-right:240px;
		line-height:1.4em;
		}
	/*may not be in use for the select section....i.e.where did you find us*/
	#form input, #form select {
		border:1px solid #CFCFCF;
		width:70%;
		position:absolute;
		/*display:block;*/
		background:#fff;
		right:0;
		top:0;
		height:1.4em;
		z-index:200;
		color:#707173;
		}

	#form .radio input {
		border:0;
		width:auto;
		position:inherit;
		background:transparent;
		height:auto;
		z-index:1;
		color:#707173;
		position:relative;
		top:1px;
		margin-left:3px;
		}
/*margin space in between the 2 radio buttons*/
	#form .radio input.radio1 {
		margin-right:20px;
		}

	#form .radio label { 
		padding-right:0;
		}
	/*may not be in use - text field bigger to fill in more text and to postion it underneath the label*/
	#form .brInput input {
		border:1px solid #CFCFCF;
		width:396px;
		/*display:block;*/
		background:#fff;
		height:1.4em;
		color:#707173;
		position:static;
		margin-top:8px;
		}
	
	#form select {/*give a fifferent style from the input*/
		width:222px;
		background:#707173; /*#0071B9 - orig colour*/
		color:#fff; 
		/*font-weight:bold;*/
		height:1.4em;
		}
	
	#form .checkBox label {/*just to give a different style*/
		padding:0 0 0 20px;
		}

	#form .checkBox input {
		border:0;
		height:16px;
		width:16px;
		left:2px;
		top:0;
		background:transparent;
		}
	
	#form #last input {
		border:0;
		margin-right:234px;
		height:16px;
		width:16px;
		}
	
	#form select option {/*not in use for IE*/
		color:#fff;
		padding:3px 9px;
		border-bottom:1px solid #fff;
		font-weight:bold;
		}
	
	#form textarea {/*text area*/
		border:1px solid #CFCFCF;
		height:80px;
		display:block;
		width:100%;
		margin-top:8px;
		color:#707173;
		}
	
	#form .button {
		background:#0F68B8;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
		width:49%;
		height:2em;
		position:static;
		font-size:0.8em;
		padding:0 0 5px 0;
		margin:0 0 10px 0px;
		border:0;
		}
	
	#form a.button { 
		display:block; 
		text-align:center;
		text-decoration:none;
		height:1.6em;
		padding:5px 0 0 0;
		}
	
	#form .button:hover {
		background:#9E9FA3;
		}

/*-------------------------------------------------
					10.0 FOOTER
-------------------------------------------------*/

#footer {/*bottom container of the page*/
	margin-top:10px;
	border-top:1px solid #a2a2a2;
	padding-top:8px;
	}

#cmpForm {/*the form on te left with drop down menu*/
	width:260px;
	float:left;
	}

#accessibility {/*increase/decrease font size container*/
	width:200px;
	float:right;
	text-align:right;
	}

#linksCopyright {/*centre container includes links and copy right*/
	margin:0 220px 0 230px;
	text-align:center;
	}

/*-------------------------------------------------
					10.1 cmpForm
-------------------------------------------------*/
	
	/*similar to login form*/
	#cmpForm dt, #cmpForm dd {
		float:left;
		color:#565758;
		}
	/*similar tobarbour logo but this is CMPI logo on left*/
	#cmpForm dt {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		background:url(images/cmp_logo.gif) 0 0 no-repeat;
		width:65px;
		height:47px;
		}
	
	#cmpForm label {
		font-weight: normal;
		line-height: 1.0em;
		text-indent: -2000em;
		font-size:0;
		position:absolute;
		}
	/*the drpop down menu - bottom left*/
	#cmpForm select {
		border:1px solid #a5acb2;
		height:1.5em;
		width:180px;
		color:#565758;
		font-size:1.2em;
		margin-left: 5px;
		}
	/*the GO button*/
	#cmpForm #btCmp {
		background:url(images/bt_go.gif) 0 0 no-repeat;
		height:22px;
		width:22px;
		cursor:pointer;
		font-weight: normal;
		line-height: 1.0em;
		text-indent: -2000em;
		font-size:0;
		display:block;
		border:0;
		margin-left:3px;
		}
	
	* html #cmpForm #btCmp {/*In IE - was not flush*/
		margin:0px 0 0 3px;
		}
	
/*-------------------------------------------------
				10.2 accessibility
-------------------------------------------------*/	

	/*main container on bottom left - square around resize text and color scheme*/
	#accessibility dl {
		display:block;
		width:153px;
		height:2em;
		padding-left:47px;
		}

	#accessibility dt, #accessibility dd {/*dt= the color schem of text nad resize text.....dd=container of the choice of 3 colors or resize buttons*/
		float:left;
		}

	#accessibility dt {
		width:90px;
		margin:0 10px 0 0;
		}

	#accessibility a {/*each different button*/
		display:block;
		padding:1px 4px;
		border:1px solid #a6a6a7;
		background:#fff;
		color:#000;
		text-decoration:none;
		font-size:0.7em;
		margin:0 0 0 2px;
		}

	#accessibility .style2 a {
		background:#ffccf2;/*pink color of background box*/
		}

	#accessibility .style3 a {
		background:#000;/*black color of background in box*/
		color:#fff;
		}

	#accessibility a:hover {/*red color of hover*/
		background:#0F68B8;
		color:#fff;
		}

	#accessibility strong {/*bold A*/
		margin:0 4px 0 6px;
		}

/*-------------------------------------------------
				10.3 accessibility
-------------------------------------------------*/

	#linksCopyright p {
		margin-bottom:5px;
		}

	#linksCopyright a {
		border-bottom:1px solid #c1c0c1;
		color:#565758;
		text-decoration:none;
		font-weight:bold;
		}
	
	#linksCopyright a:hover {
		border-bottom:1px solid #DFDFDF;
		color:#0F68B8;
		text-decoration:none;
		}
	
	#linksCopyright strong {
		padding:0 4px;
		}

/*-------------------------------------------------
					10.4 top
-------------------------------------------------*/	

	#footer .top {
		float:right;
		}
	
	#footer .top a{
		color:#000;
		text-decoration:none;
		}
	
	#footer .top a:hover{
		text-decoration:underline;
		}


/*-------------------------------------------------
					11.0 cont2
-------------------------------------------------*/
.cont2 {
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px;  
    PADDING-BOTTOM: 8px; 
	PADDING-TOP: 8px; 
	position:relative;
	z-index:12;
	BACKGROUND: url(../images/bk.bmp) #ffffff repeat-x;
	BORDER: #666666 1px solid;
	height: 1em;
	MARGIN-BOTTOM: 8px;
}

/*-------------------------------------------------
		12.0 BIO page - Tab Menu (hover)
-------------------------------------------------*/

.menu {
	color:#272727;  
	line-height:3em;
	margin-left:-17px;
	}
	
.menu ul { 
	padding:0px; 
	list-style:none; 
	width:auto;	
	}
	
.menu li {
	display:inline; 
	font-weight:bold; 
	}
	
.menu li a {
	text-decoration:none; 
	padding:5px 5px 5px 5px;  
	border-top: 1px solid #C1C0C1;
	color:#6F6F6F;
	margin-right:0px;
	}

.menu li a:hover{
	text-decoration: none;
	color: #0F68B8;
	}
	
.menu li a.tabactive {
	color:#0F68B8;
	background-color:#fff; 
	font-weight:bold;  
	
	}
	
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6,#tabcontent7{
	border:1px solid #ececec; 
	width:auto;
	height:250px;
	text-align:left;
	padding:4px 4px; 
	font-size:1.0em; 
	border:1px solid #cccccc;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	line-height:1.5em;
	background: url(images/body.bmp) top left repeat-x;
	}	
	
	
#text {
	width:290px; /*was 290px*/
	height:200px;	
	float:right;
	position:relevant;
	padding-left:5px;
	padding-right:5px;
	font-size:1.0em;
	background:transparent;
	}
	
#img {
	width:auto;
	height:auto;
	float:left;
	position:relevant;
	padding-left:2px;
	padding-right:2px;
	background:transparent;
	}
	
#text h2 {
	color:#0F68B8;
	margin-bottom:0.8em;
	text-align:left;
	font-size:1.4em;
	}
	
#text p {
	line-height:1.5em;
	margin-bottom:1em;
	}


/*-------------------------------------------------
		13.0 Form Hint Popup
-------------------------------------------------*/

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #0F68B8;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #D9E6F1 url(images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(images/pointer.gif) left top no-repeat;
}

/* ---------- 14.0 Calendar Media Section ---------- */

#calendar { 
	font: 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 	
	width: 150px; 
	float: right;
	margin-right: 20px; 	
	background-color: #fff; 
	text-align: center;
	border: 2px solid #0F68B8;	
}

CAPTION {
	padding: 3px; 	
	background: #0F68B8;
	border-bottom: 2px solid #a2adbc;	 	
	margin: 0px; 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	width: 150px; 
	color: #fff;  
	text-align: center;
}

#calendar TH {
	border: #a2adbc 1px solid; 	
	background: #EAEEEE; 
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #666666; 
	padding: 5px;	
}

#calendar  a {/*on certain pages - big red button - "index page"!*/		
	color: #7092CF;
	font-weight: bold;
}