/* BASIC "COMMON" STYLES */

* {
	margin: 0px;
	padding: 0px;
	
} 

html {
	
} 

body {
	background-color: #ffffff;
	background-image:url(/img/artemis_dec2009_back.gif); 
	background-repeat: repeat-x; 
	border-style:none;
	background-position: top left;
	
}


p {
	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #6d6e71;
	text-decoration: none;
	line-height: 16px;
	text-align: left;
}

h1 {
	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #f16901;
	text-decoration: none;
	line-height: 26px;
	text-align: left;


}

h2 {
	
	padding-top: 2px;
	margin-top: 10px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #58595B;
	text-decoration: none;
	line-height: 24px;
	text-align: left;
	
}

h3 {
	padding-top: 4px;
	margin-top: 4px;
	padding-bottom: 0;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ee7c26;
	text-decoration: none;
	line-height: 24px;
	text-align: left;
	
}

h4 {
	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #f16901;
	text-decoration: none;
	line-height: 20px;
	text-align: left;


}

h5 {
	
}

a:link, a:visited, a:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #f17e26;
	text-decoration: none;
	line-height: 17px;
}

a:hover {
	text-decoration: underline;
}

form {
	display: inline;
	margin: 0;
	padding: 0;
}

/* TEXT */

p.biolist {
	padding: 0;
	margin:0;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	line-height: 11px;
	text-align: left;

}

p.callout_text {
	padding: 0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	line-height: 14px;
	text-align: left;
}

.twitter_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #f17e26;
}

/* BACKGROUND IMAGES */
#background {
	position:absolute; 
	z-index:1; 
	width: 100%;
	height: 100%;

}


/* CONTENT AREAS */
#content{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	position:absolute; 
	z-index:2;
	
 
 }

#wrapper {
	position:relative; 
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:3; 
	width:1017px;
	top: 17px;

		
}


#whitearea {
	position:static; 
	width:1017px;
	z-index: 2;
	height: 692px;
	background: url(../img/side_shadow.png); 
	background-position: center top;
	background-repeat: repeat-y;
		
}

#whitearea_subpage {
	position:relative;
	width: 1017px;
                height: 900px;
	background: url(../img/side_shadow_withwhite.png); 
	background-position: center top;
	background-repeat: repeat-y;
	z-index:2;
	
	
}

.clear {
	clear: both;
} 

#copy_area {
	position:absolute;
	left:48px;
	top:293px;
	z-index:1000;
	width: 578px;
}
#underneath_cover {
	position: absolute;
	margin-left: 55px;
	z-index:1;
	float: left;
	width: 578px;
	height: 400px;
	background-color: #fff;
	border: 1px solid #999;
}
#copy_area_subpage {
	margin-left: 55px;
	margin-top: 348px;
	z-index:10;
	float: left;
	width: 578px;
	background-color: #fff;
}
#copy_area_subpage_1 {
	margin-left: 55px;
	margin-top: 348px;
	z-index:10;
	float: left;
	width: 275px;
	background-color: #fff;
}

#copy_area_subpage_2 {
	float: right;
	margin-right: 410px;
	margin-top: 275px;
	z-index:10;
	width: 275px;
	background-color: #fff;
}

#callouts {
	background-color: #fff;
	width: 230px;
	text-align: center;
}

/* DROP SHADOWS */
.dropshadow_side {
	background: url(../img/side_shadow_withwhite.png); 
	background-position: left top;
	background-repeat: repeat-y;
}

/* FOOTER */

#footer {
	padding: 0;
	margin:0;
	z-index:4000;
	
}


#footer_nav {
	position:relative;
	float: left;
	text-align: left;
	margin-left: 54px;
}

#footer_copyright {
	position:relative;
	float: right;
	text-align: right;
	margin-right: 54px;
}

.footer_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #929292;
	text-decoration: none;
	
}

/* NAVIGATION */
#subnavigation {
	position: absolute;
	background-color: #818285;
	width: 230px;
	left: 745px;
	top: 358px;
	z-index: 1500;
}

/* LISTS  */

ul.subnav {
	list-style-type: none;
	padding-left: 0;
	margin-left: 35px;
	margin-right: 35px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;

}

li.subnavinner {
	margin-top: 8px;
	margin-bottom: 8px;


}

li.subnavinnerbold {
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 8px;
	font-weight: bold;


}

li.subnavinnerboldover {
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 8px;
	font-weight: bold;
	list-style: disc;
	color: #ffa324;


}

li.subnavinnerover {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-image: url(../img/subnav_bullet.gif);


}

li.subnavinneroverdown {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-image: url(/ee_templates/stratagem/img/subnav_bullet_down.gif);


}

.graycolorbackbio {
	background-color: #9a9a9c;

}

/* CONTENT  */

#logo {
	position:absolute;
	left:40px;
	top:0px;
	z-index:1000;
}

#nav_bar {
	position:absolute;
	top: 53px;
	left: 247px;
	z-index: 10000;
	
	
}

#search_field {
	position:relative;
	float: right;
	top: 57px;
	z-index: 10003;
}

#twitter {
	position:absolute;
	left: 392px;
	top: 24px;
	z-index: 10002;
}


#searcharea {
	position:absolute;
	left: 765px;
	top: 24px;
	z-index: 10011;
}

#searchareabutton {
	position:absolute;
	left: 948px;
	top: 26px;
	z-index: 10011;
}

#searchareainnerback {
	position:absolute;
	left: 767px;
	top: 27px;
	width: 176px;
	background-color: #e8e8e8;
	height: 21px;
	z-index: 1000;

}

#graphic_area {
	position:absolute;
	height: 152px;
	width: 999px;
	top: 137px;
	left: 10px;
	z-index:3;
	background-color: #fff;
}

#graphic_area_subpage {
	position:absolute;
	height: 152px;
	width: 999px;
	top: 137px;
	left: 10px;
	z-index:1500;
	background-color: #fff;
}

#calloutarea {
	height: 287px;
	width: 999px;
	top: 0px;
	left: 9px;
	z-index:1;
	background-color: #fff;

}

#callout1 {
	position:absolute;
	width: 255px;
	top: 503px;
	left: 46px;
	z-index:100;
	display: block;
	text-align: left;

}

#callout2 {
	position:absolute;
	width: 266px;
	top: 503px;
	left: 375px;
	z-index:100;
	display: block;
	text-align: left;

}

#calloutdivider {
	position:absolute;
	border-left: 1px #eee solid;
	width: 1px;
	height: 170px;
	top: 503px;
	left: 336px;
	z-index: 1000;

}

#searchdivider {
	position:absolute;
	border-left: 1px #d8d8d8 solid;
	width: 1px;
	height: 47px;
	top: 3px;
	left: 734px;
	z-index: 1000;
	
}

#contentthing {
	position:absolute;
	top: 18px;
	height: 134px;
	left: 10px;
	display: block;
	width: 999px;
	z-index: 9999;



}

#wavepicture {
	position:absolute;
	top:448px;
	left: 10px;
	height: 214px;
	z-index: 20;

}

#dnapicture {
	position:absolute;
	top:448px;
	left: 636px;
	height: 214px;
	z-index: 15;

}

/* LINK STYLES */


a.next_previous {
	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #f16901;
	text-decoration: none;
	line-height: 16px;
}


a.next_previous:hover {
	text-decoration: underline;
}

a.footer:link, a.footer:visited, a.footer:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #929292;
	text-decoration: none;
	
}

a.footer:hover {
	text-decoration: underline;
}



a.biolink:link, a.biolink:visited, a.biolink:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ee7c26;
	text-decoration: none;
	line-height: 24px;
	
}

a.biolink:hover {
	color: #f16901;
	text-decoration: underline;
}


a.subnavlink:link, a.subnavlink:visited, a.subnavlink:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	line-height: 16px;
	
}

a.subnavlink:hover {
	color: #ffa222;
}

a.subnavlinkover:link, a.subnavlinkover:visited, a.subnavlinkover:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffa222;
	text-decoration: none;
	line-height: 16px;
	
}

a.subnavlinkoverdown:link, a.subnavlinkoverdown:visited, a.subnavlinkoverdown:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 16px;
	
}
/* MISC */

.next_previous {
	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #f16901;
	text-decoration: none;
	line-height: 16px;
}

.learnmore {
	padding-top: 7px;
	margin-top: 7px;
	float: right;
	text-align: right;

}

img.twitterimg {
	margin: 0;
	padding: 0;
	

}

#twitter_label {
	position:absolute;
	left: 337px;
	top: 24px;
	z-index:1111;

} 
#topedge {
}

#bottomedge {
	position: absolute;
	z-index:1;
	top: 714px;
	left: 0px;
	width: 1017px;

}

#bottomedge_subpage {
	z-index:1;
	left: 0px;
	width: 1017px;

}

#backtotop {
	float: left;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#backimage {
	float: left;
	text-align:left;
}

/* FORMS */

input.submitbutton {
	width: 35px;
	height: 25px;
	display: inline;
	background: url(../img/search_button.gif); 
	background-position: center top;
	background-repeat: no-repeat; 
	border: none;
	cursor: pointer; 


}

input.twitter_box {
	border: 1px #efefef solid;
	width: 311px;
	height: 23px;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #f17e26;
	z-index: 1000;
	text-align: left;
	vertical-align: middle;
	line-height: 20px;

}

input.search_box {
	border: 1px #c3c3c3 solid;
	width: 178px;
	height: 23px;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #707173;
	z-index: 1000;
	text-align: left;
	vertical-align: middle;
	line-height: 20px;
	background-color: #e8e8e8;
	display: inline;
	

}



form div {
	clear: left;

}