/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
}

h1 {
	font-weight: bold;
	font-size: 237%;
}

#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}

/* additional classes */
.clear { clear: both; }
.red {	color: #FF6600; }


a {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #1777B1;
}

a:hover {
	border-bottom: none;
	color: #FF7400;
}

img {
	
}

img.left {
	float: left;
	margin: 6px 15px 0 0;
}

img.right {
	float: right;
	margin: 6px 0 0 15px;
}

.bg1 { background: url(images/img04.gif) no-repeat left bottom; }
.bg2 { background: url(images/img05.gif) no-repeat left bottom; }
.bg3 { background: url(images/img06.gif) no-repeat left bottom; }
.bg4 { background: url(images/img08.gif) no-repeat left bottom; margin-left: 500px}
.bg5 { background: url(images/img09.gif) no-repeat left bottom; }
.bg6 { background: url(images/img10.gif) no-repeat right bottom; margin-right: 20px}
.bg7 { background: url(images/img11.gif) no-repeat right bottom; }

.feature {
}

.feature .image {
	padding: 0 0 0 40px;
}

.feature .title {
}

.feature .content {
	padding: 0 0 0 40px;
}

.box {
	float: left;
	width: 250px;
}

.box .title {
	height: 40px;
	padding: 20px 0 0 40px;
	text-transform: lowercase;
	font-size: 167%;
}

.box .content {
}

.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background: url(images/img07.gif) no-repeat left center;
}

/* Header */

#header {
	height: 150px;
	margin: 0 auto;
	background: url(images/img02.gif);
}

#header h1, #header p {
	margin: 0;
	margin: 0;
	font-weight: normal;
	color: #000000;
}

#header h1 {
	float: left;
	padding: 58px 0 0px 12px;
	text-transform: inherit;
	line-height: 45px;
	font-size: 72px;
}

#header p {
	float: right;
	padding: 102px 0 0 0;
	text-transform: uppercase;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header p a {
	font-size: 167%;
}

#header a {
	border: none;
	color: #000000;
}

/* navigation tabs */
#header2 ul {
   	margin:0;
  	list-style:none;
	right:0px; bottom: 0px;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header2 li {
   display:inline;
   margin:0; padding:0;
}
#header2 a {
   float:left;
   background: url(images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
   border-bottom: 0px solid #000;
}
#header2 a span {
   float:left;
   display:block;
   background: url(images/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header2 a span {float:none;}
/* End IE5-Mac hack */
#header2 a:hover span {
	color:#FFF;
}
#header2 a:hover {
   background-position:0% -42px;
}
#header2 a:hover span {
   background-position:100% -42px;
}
#header2 #current a {
   background-position:0% -42px;
}
#header2 #current a span {
   background-position:100% -42px;
}
/* Page */

#page {
	width: 1000px;
	float: left;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 519px;
	padding-right: 20px;
}

#content p, #content ul, #content ol {
	line-height: 1.8em;
	
}

#content a {
font-size: 12px;
}

#content a:hover {
font-size: 12px;
}

/* Our sidebar*/
#side {
	float: left;
	width: 180px;
	padding: 0 10px 0 10px;
}

/* Sidebar */

#sidebar {
	float: inherit;
	width: 200px;
	padding: 0 0px 0 20px;
	margin-top:-17px;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
}

#sidebar li li {

}

#sidebar li li.first {

}

#sidebar h2 {
	height: 40px;
	padding: 20px 0 0 40px;
	text-transform: lowercase;
	font-size: 167%;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
	border: none;
}

/* Footer */

#footer {
	clear: both;
	height: 150px;
	padding: 20px 0 0 0;
	background: #000000;
}

#footer p {
	background: #000000;
	margin: 0;
	text-align: center;
	font-size: 85%;
}

#footer a {
	border: none;
	color: #CCCCCC;
}

#footer a:hover {
	color: #FFFFFF;
}

#legal {
}

#legal strong {
	display: block;
	padding: 20px 0 0 0;
	background: url(images/img12.gif) no-repeat center top;
	text-transform: lowercase;
	letter-spacing: 3px;
	font-size: 182%;
	font-weight: normal;
}

#links {
}
/*Forms defaults*/
input, textarea {
	padding: 2px;
	border:1px solid #dedede;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:215px;
	height:15px;
	background:url(images/input2.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:339px;
	height:85px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#000;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:188px;
	height: 255px;
	background:#fff;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display: block;
	background:#fff;
	overflow:scroll;
	border-color:#cfd0d6;
	margin-top: 5px;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:1px 4px;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:79px;
	height:25px;
	color:#FFF;
	font-weight:bold;
	padding-top: 0px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

blockquote {
	margin: 10px;
 	padding: 3px 0 3px 52px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-right: 4px solid #5555BB; 
	font-weight: bold;
	align: center;  
}

.biotable {
	border: 1px solid #efefef; 
	border-left: 4px solid #efefef;
}