/*
NOTE: This version2.2 is a work in progress! Trying to get the z-index and position-ing of the house-banner
behaving in both IE6 AND Firefox is problematic...
*/

/* 
The following colours are used in this stylesheet.

left background (image only): #edf2ff;
left selected/expanded background: #f5faff;
left/top unselected background: #d7e2fc;
left/top hover background: #002C95;
lines: #d7e2fc;
main text: black;
h1, highlight: #CC3300;
navigation text: #002C95;
toolbar text and nav spacing: white;
*/

/* Tag specific rules 
*******************************************************************************/
* {
	/* set even playing field for all browsers */
	margin : 0;
	padding : 0;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background: url(/genetics/images/background_today_new.png)repeat-x;
	background-color : #FFFFFF;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 12px;
	padding : 5px 7px 0 7px;
	line-height:140%;
}
table {
padding: 0;
width: 100%;
height: 100%;
}
img {
	padding: 0;
}
a {
	color: #2586c7;
	text-decoration: underline;
}
a:hover{
	text-decoration:none;
	color: #054382;
}
a:focus {
	text-decoration: underline;
}
h1 {
	margin-bottom : 0.8em;
	font-size: 1.1em;
	color: #eaa011;
	font-weight:bold;
}
/*h1 {
	margin-bottom : 0.8em;
	font-size: 1.6em;
	color: #CC3300;
	font-weight: normal;
}*/
h3, h4, h5, h6 {
	color: #336699;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom : 0.6em;
	color: #009ddc;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom : 0.4em;
}
h4 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom : 0.4em;
}
p, form {
	margin : 0.7px 0 1em 0;
}
ol, ul {
	margin: 0 0 1em 2em;
}
ul.none {
	margin: 0 0 1em 2em;
	list-style: none;
}
ul li {}
.hp_bullet {
	margin-bottom: 0.3em;
	list-style: disc url(/images/doh/bullet_homepage.gif);
}
ol li {}
input,select,textarea {
	font-size : 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-color: #ffffff;
}
.azkeypad {
	width: 20px;
	text-align: center;
	margin-bottom: 4px;
}
.az_index_btn {
	width: 44px;
	text-align: center;
	margin-bottom: 4px;
}

/* new tabled layout
*******************************************************************************/
#page {
	border-left:  20px solid #FFFFFF;
	border-right:  20px solid #FFFFFF;
	border-top:  30px solid #FFFFFF;
	width: 964px;
	margin: 0 auto;
	margin-top: -5px;
	background: url(/images/content_bg.png);
	background-position: center;
}

/*#bg-wrapper-left{

background-repeat:repeat-y;
background-position: left;
width: 985px;
height: 100%;
}*/
#main-wrapper{
	float: left;
	margin-top: 40px;
	height: auto !important;
	width: 960px;
	padding-bottom: 40px;
}

#left-column-wrapper {
	/*border: 1px solid black;*/
	width: 200px;
	height: auto;
	padding: 0 0 0 0;
}
#center-column-wrapper {
	/*border: 1px solid black;*/
	padding: 0 0 0 0;
	vertical-align: top;
}
#right-column-wrapper {
	position: absolute;
	margin-top: -50px;
	margin-left: 785px;
	height: 300px;
	width: 180px;
	padding: 0 0 0 0;

}
#bottom-column-wrapper {
	/*border: 1px solid red;*/
	background-color: #FFFFFF;
	padding: 0 0 0 0;
	vertical-align: top;
}

/* Header 
*******************************************************************************/
#cim_header{
	/*position: absolute;	*/
	float: left;
	top: 15px; 
	padding: 0em;
	height: 123px;
	width: 964px;
	background-image: url(/genetics/images/site/CGE_banner_left.gif);
}
#cim_header-right/*new style added for right side banner*/{
	float: left;
	margin-left: 578px;
	top: 0px; 
	padding: 0em;
	width: 386px;
	height: 123px;
	background-image: url(/genetics/images/site/CGE_banner_right.gif);
}


* html #cim_header {
	height : 81px;
}

#cim_header #cim_header-left a {
	text-decoration : none;
	color : #003366;
}

#cim_header #cim_header-left img {
	position : absolute;
	left : 15px;
	top : 10px;
}

#cim_header #cim_header-left span {
	font-size : 1.6em;
	border-bottom : 1px solid #003366;
	line-height : 1.6em;
}

#cim_header #cim_header-left span {
	font-size : 1.4em;
	font-weight : normal;
}

#cim_header #cim_header-left span {
	font-weight : normal;
	font-size : 1em;
}
/* skip to content
*******************************************************************************/

#cim_page-wrapper { /* to be removed */
	/* set global base font size for entire page */
	font-size: 96%;
	padding-top: 0px;
	font-weight: bold;
	width: 0 auto;
	margin-top: -10px;
}
#cim_skip-content {
background: url(/genetics/images/corners.png)repeat-x;
	text-align: right;
	width: 965px;
	width: 0 auto;
	height: 25px;
	background-color: #dae5ef;
	padding-top: 6px;
}
#cim_skip-content a {
	text-decoration: none;
	padding-right:10px;
}
#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration:underline;
	padding-right:10px;
}

noscript {
	color: #CCCCCC;
	/*text-align: left;
	float: left;*/
}
/* tools - search, links etcs
*******************************************************************************/
#search-wrapper {
		width : 300px;
		float: right;
}

#cim_tools {
	background-color : #073d70;
	border-bottom: 10px solid #dee0e2;
	float:right;
	text-align:center;
	font-size : 13px;
	color : white;
	height : 2.7em;
	width: 950px;
	padding : 5px 5px 0 9px;
	top: 120px;
	margin:0 auto;
}
* html #cim_tools {height : 3em;} 
*:first-child+html #cim_tools {height : 3em;} 

#cim_tools a {color : white; text-decoration : none;}
#cim_tools a:hover, #cim_tools a:focus {text-decoration : underline;}
#cim_tools input {
	border : 1px solid #073d70;
	width : auto;
	float:right;
	height:	28px;
}
#cim_tools input.go {
font-weight:bolder;
	color: #006699; 
	width : auto;
	height: 30px;
}

#cim_tools div.links {float : centre; line-height : 2.8em;}
#cim_tools div.search {float : right; line-height : 2.8em; padding-right: 5px; wdth: !important 10px  }

/* left column (secondary navigation)
*******************************************************************************/

#cim_left-col {
	font-size : 1em;
	width : 200px;
	float : left;
	padding-top: 10px;
	overflow: visible;
}
#cim_left-col ul {
	list-style-type : none;
	padding : 0;
	margin : 0;
}
#cim_left-col li {
	list-style-type : none;
	margin : 0;
}
#cim_left-col a {
	background-color: #2f7aac;
	display : block;
	border-bottom : 1px solid #FFFFFF;
	padding: 6px 12px 6px 12px;
	width : 176px;
	\width : 200px;
	w\idth : 176px;
	text-decoration : none;
	color: #FFFFFF;
}

#cim_left-col a:hover {
	color : #f29f02;
}

#cim_left-col a:focus {
	color : #f5b750;
}
	
#cim_left-col li.highlight {
color: #d68e15!important;
}


#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
	background : #f89d06 url(/images/doh/arrow_white_side.gif) 182px 8px no-repeat;
}

#cim_left-col a:hover, #cim_left-col a:focus {
	color : #1e1e16;
	background : #fae3bb;
}

/* first level EXPANDED items */
/*****Third level of left nav*/
/*#cim_left-col li.highlight {
	background-color : #d68e15;
}


#cim_left-col li.highlight a {
	background : #d68e15;
	border : 0;
	font-weight : bold;
}
#cim_left-col li.highlight a.highlight {
	color: #d68e15!important;
}*/

/* SECOND level items */

#cim_left-col li li.highlight a {
	background-color : #f5b750;
	font-weight : bold !important;
	color: #003366;
}

#cim_left-col li li a {
	background: #fceac9;
	border : 0;
	color: #0099d6;
	font-weight : normal !important;
	padding : 6px 12px 6px 24px;
	width : 154px;
	\width : 190px;
	w\idth : 164px;
}


/* orange highlighting - due to the cascade, several rules need overriding */
#cim_left-col a.highlight {
	color : #004a8f;
	background: #0fa3de;
	font-weight: bold !important;
}


/* main body content
*******************************************************************************/
#cim_main-content {
margin-left: 240px;
margin-top: 60px;
padding-right: 25px;
}

.right-col {
vertical-align: top;
width: 25%
padding-left: 10px;
padding-right: 10px;

}

.right-col a {
color: #c16605;
line-height: 5px;
text-decoration: none;
}

.right-col a:hover {
color: #0a7df2;
}

.right-col ul {
vertical-align: top;
list-style: none;
background:#fceac9;
padding-left: 8px;
padding-right: 8px;
border: 1px dotted #f6812a;
width: 120px;



}
.right-col ul li{
border-bottom: 1px dotted #f6812a;
padding-bottom: 8px;
padding-top: 8px;
}


/* right column (used for related links, shortcuts, peripheral info, etc)
*******************************************************************************/
#cim_right-col {
	font-size : 0.85em;
	width : 180px;
	padding-left: 10px;
	position: absolute;
	right : 0;
	top : 0;
	overflow: hidden;
}

#right-column-wrapper ul {
	border: 1px dotted #0682b3;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#right-column-wrapper ul li {
	list-style:none;
	margin : 0;
	padding : 6px 6px 6px 6px;
	border-bottom: 1px dotted #0682b3;
}

#right-column-wrapper ul li h2 {
	margin-bottom: 0;
}

/* bread crumbs
*******************************************************************************/
#cim_bread-crumbs {
	border-bottom : 1px solid #C6D6E4;
	padding-bottom : 6px; 
	list-style : none; 
	font-size : 0.9em;
	width: 745px;
}
#cim_bread-crumbs li {
	display : inline; 
	color : #336699;
}
* html #cim_bread-crumbs li {/*background-position : 0 70%;*/}
*:first-child+html #cim_bread-crumbs li {background-position : 0 70%;}

#cim_bread-crumbs li.first-item {
	background-image : none;
	padding-left : 0;
}

#cim_bread-crumbs li a {text-decoration : none;}
#cim_bread-crumbs li a:hover, #cim_bread-crumbs li a:focus {text-decoration : underline;}

#cim_bread-crumbs li.highlight {
	color: #f89d06;
}


/* footer
*******************************************************************************/
#cim_footer {
	width: 944px;
	clear : both;
	border-top: 1px solid #C9CCD1;
	padding : 10px 10px 10px 10px;
	text-align : right;
	font-size: 0.80em; 
	color: #0066cc;
	background: #DEE0E2;
	top: 100%;
	height: 30px;
}

/*#owner {
margin-top: 60%;
position: inherit;
padding: 40px 0 0 0px;
float: right;
}*/

/* generic reusable classes
*******************************************************************************/
.clear-hidden {
	clear : both;
	font-size : 1px; 
	line-height : 1px;
}

.float-left {float: left;}
.float-right {float: right;}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.align-justify {text-align: justify;}

.valign-top {vertical-align: top;}

.border-top {border-top: 1px solid #000000;}
.border-right {border-right: 1px solid #000000;}
.border-bottom {border-bottom: 1px solid #000000;}
.border-left {border-left: 1px solid #000000;}

.nopadding {padding: 0 0 0 0;}
.nomargin {margin : 0 0 0 0;}

#nopadding {padding: 0 0 0 0;}
#nomargin {margin : 0 0 0 0;}

div.function-icons {
	float : right;
	/*cursor : default;*/
}
div.function-icons .noscript {
	display:none;
}
div.function-icons .scriptAvailable {
	display:inline;
}
div.backtop {
	text-align: right;
	color: #1d608d;
	font-size: 0.8em;
	margin-bottom : 1em;
	padding-top: 30px;
	clear : both;
}
.img-caption {
	font-size: 0.8em;
	margin-bottom: 1.2em;
}
.img-left {
	margin: 0 15px 0 0;
}
.img-right {
	margin: 0 0 0 15px;
}