/* 
	andreas09 v1.0 (Dec 10th 2005) - An open source template by 
	Andreas Viklund - http://andreasviklund.com. Free to use for 
	any purpose as long as the proper credits are given to the 
	original author. 
*/

body {
background:#DBDBDB;
color:#303030;
font:85% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

#container {
background:#DBDBDB url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#sitename {
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
}

#sitename h1,#sitename h2 {
font-weight:400;
margin:0;
padding:0;
text-align:center;
}

#sitename h1 {
font-size:2.0em;
letter-spacing:-2px;
padding-top:8px;
}

#sitename h2 {
font-size:1.5em;
}

#sitename .titlesmaller {
	font-size: .7em;
}
#sitename h3 {
text-align:center;
font-weight:400;
font-size:1.2em;
letter-spacing:0px;
margin:0;
padding:0;
}

/*** Horizontal menu ***/

#mainmenu {
float:left;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px 10px;
width:165px;
}

#leftside {
float:left;
margin:0 10px 0 0;
display:inline;
}

#rightside {
float:right;
margin:0 0 0 10px;
display:inline;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

#leftside img {
margin: 20px 0 0 -10px;
display:inline;
}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.9em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/***  Comment Styles ***/

#comments p {
  padding: 5px;
  margin-bottom: 0;
  margin-left: 0;
  color:white;
  background: #686868 url(img/rounded_tl.gif) no-repeat top left;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
  color:white;
}

#comments img {
  margin-top: -1px;
}


/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
min-height:440px;
height: auto !important;
height: 440px;
}

#content {margin:0 200px;}
#contentalt {margin:0 20px 0 200px;}

#content h1,#content h2,#content h3,#contentalt h1,#contentalt h2,#contentalt h3, #contentalt .big {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}
#content h3,#contentalt h3, #contentalt .big {
font-size:1.4em;
margin-bottom:8px;
}
#content h4,#contentalt h4 {
background-color:inherit;
color:#606060;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
text-align:center;
}


.biospecial {
	border:1px solid #b0b0b0;
	background-color:#ffffcc;
	margin:5px 15px 6px;
	padding:5px;
	min-height:275px;
	height: auto !important;
	height: 275px;
}
#contentalt .l {
border:1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}
#contentalt .r {
border:1px solid #b0b0b0;
float:right;
margin:5px 15px 6px;
padding:5px;
}

#contentalt .c {
border:1px solid #b0b0b0;
margin:5px 15px 6px;
padding:5px;
}

#contentalt a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    font-weight:normal;
    text-decoration:none}

#contentalt a.info:hover{z-index:25; background-color:#e5e5e5}

#contentalt a.info span{display: none}

#contentalt a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:3em; left:2em; width:20em;
    padding:.5em;
    border:2px solid #ff0;
    background-color:#ffff80; color:#000;
    text-align: left}

/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
 float: left;
color:#d0d0d0;
font-size:0.8em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:left;
width:100%;
}

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
  line-height: 1.5em;
  float: left;
  padding-right: 20px;
  padding-left: 10px;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.cblock {
  margin: auto auto 30px auto;
  padding: 8px;
  font-style:italic;
  color: #000000;
  background-color: #ccccff;
  text-align:center;
  width: 300px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}
.cd2 {
clear:both;
height:10px;
width:1px;
}
.cd3 {
clear:both;
height:1px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.2em;}
li {margin-bottom:4px;}
li.large {margin-bottom:8px;}
.center {text-align:center;}
.right {text-align:right;}
.cr {clear:right;}
.b {font-weight:bold;}
.bfl {font-weight:bold;float:left;padding-right:4px;}

.quotebox {
	width:98%;
	background-color: #8ba3bb;
	padding: 2px;
}
.tquote {
	font-size:125%;
	line-height:145%;
	margin:10px;
	background: url(img/closequote.png) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 10px 0px;
	float: right;
	width: 80%;
}
.tquote:first-letter {
	background: url(img/openquote.png) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.quotesource {
	padding-right: 20px;
	text-align: right;
	padding-bottom:10px;
	clear: right;
}
.rc_box {
   background: #8ba3bb;
   width:300px;
   margin: auto auto 30px auto;
   font-style:italic;
   color: #000000;
   text-align:center;
}
.rc_top div {background: url(img/tl.png) no-repeat top left;}
.rc_top {background: url(img/tr.png) no-repeat top right;}
.rc_bottom div {background: url(img/bl.png) no-repeat bottom left;}
.rc_bottom {background: url(img/br.png) no-repeat bottom right;}
.rc_top div, .rc_top, .rc_bottom div, .rc_bottom {
   width: 100%;
   height: 12px;
   font-size: 1px;
}
.rc_content { margin: 0 12px; }
#slideshow {
	float:right;
	width:250px;
	height:166px;
	margin:0;
	padding:5px;
	border:1px solid #b0b0b0;
}
.cac {
	margin-left:100px; 
	margin-right:auto;
	position:relative;
	
}
.contentalt_lc {
	width: 40%;
	margin: 10px 0 0 10px;
	float:left;
	display:inline;
}
.contentalt_rc {
	width: 40%;
	height: 100%;
	margin: 10px 10px 0 0;
	float:left;
	display:inline;
}