/* Style sheet  */


body {
	background-color:#1d1d1d;
	background-image: url(images/grad.jpg);
	background-repeat: repeat-x;
}
#main {
	background-color: #fff;
	min-width:790px;
}


/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color:#333;
}

/* LANGUAGES */

#languages {
	background-color: #272526;
	height: 1.7em;
}

#languages ul li#english  {
	color: #CCCCCC;
	text-decoration: none;
}	
#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#languages ul li a:hover {
	text-decoration: underline;
}


	
/* TOP BANNER */

#topbanner {
	height: 160px;
	background-color: #141213;
}


#topbanner #hiddentitle, #hiddentitle span {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	height: 160px;
	background-position: 0px 0px;
	color: #FFFFFF;
}

/* PAGE CONTENT ATTRIBUTES */

#content {
	width: 79%;
	float: left;
	margin: 0;
	padding: 0 0 1em .9em;
}
#content ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 12px 20px;
}

#content ul#names li {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 3px 24px;
}

#content ul#links li {
	list-style-type: none;
	margin: 0px;
	padding: 3px 3px 12px 7px;
}

#content  ul#names li p, #content ul li {
	color: #333333;
	padding:0px;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#000000;
	text-decoration: underline;
}

#content a:hover {
	color: #000000;

}

#content a:visited {
	color: #400000;
}


#content h2 {
	color: #12112a;
	font-size: 140%;
	font-weight: normal;
	font-size: 160%;
	font-weight: normal;
	margin-top: 1.5em;
	}
#content   h3  {
	color: #12112a;
	font-size: 130%;
	font-weight: normal;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 25px;
	text-decoration: none;
	background-color: #EFEBEA;
}

#content h4 {
	color: #12112a;
	font-size: 115%;
	font-weight: normal;
}
#content .box {
	background-color: #E3EDF9;
	float: left;
	padding-bottom: 10px;
}
#content .box h3 {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#content  .floatleft  img {
	float: left;
	padding-right: 10px;
}


#announcment {
	font-size: 140%;
	background-image: url(images/blockquotegrad.jpg);
	background-repeat: repeat-x;
	background-color:#383838;
	font-family: "Times New Roman", Times, serif;
	line-height: 25px;
	text-align: center;
	padding-right: 1.2em;
	padding-bottom: 1.2em;
	padding-left: 1.2em;
	margin-bottom: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	color:#CCCCCC;
	padding-top: 1.2em;
}

#announcment a.highlight {
color: #E5D4B2;
}

/* QUOTES */
blockquote {
	font-size: 140%;
	background-image: url(images/blockquotegrad.jpg);
	background-repeat: repeat-x;
	background-color:#1D1D1D;
	font-family: "Times New Roman", Times, serif;
	line-height: 25px;
	text-align: center;
	padding-right: 1.2em;
	padding-bottom: 3em;
	padding-left: 1.2em;
	margin-bottom: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	color:#CCCCCC;
	padding-top: 1.2em;
}

blockquote .credit {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0.6em;
	float: right;
	color: #333333;
	font-size: 75%;
	padding-top: .5em;
}

#player{
float: right;
width:375px;
}

/* MAIN NAVIGATION */

#mainnav {
	float: left;
	width: 18%;
	font-size: 0.98em;
	padding-bottom: 1em;
	background-image: url(images/navgrad.jpg);
	background-repeat: repeat-y;
}
#mainnav ul {
	margin: 0px;
}

#mainnav ul li {
	list-style-type: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(images/nav_bkgd.jpg);
	background-repeat: repeat-x;
}
#mainnav ul li#remember {
	background-color: #300;
}

#mainnav ul li#remember a{
	color:#FFF;	
}
#mainnav ul li#remember a:hover{
	color:#000;	
}

#mainnav ul li a {
	text-decoration: none;
	display:block;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.9em;
	padding-right: 0.5em;
	font-weight: normal;
}


#mainnav ul li a:hover  {
	text-decoration: none;
	display: block;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 2px 8px;
}
#mainnav   a:link, #mainnav   a:visited, #mainnav a:active    {
	color:#252122;
}



/* FOOTER BAR */

#footer {
	background-color: #252122;
	color: #FFFFFF;
}

#footer ul {
	margin-top: 0em;
}
#footer ul li  {
	display: inline;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #E1D7C1;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
	color: #E1D7C1;
}

#wsscredit {
	font-size: 90%;
	color: #B4B4B4;
	text-align: center;
}
#content .item #thumbnail{
	float:left;
	clear:right;
	width:20%;
	vertical-align:middle;
}
#description{
	font-size:0.8em;
	padding:0;
	margin:0;
}
#thumbnail img{
	border: 1px black groove;
	vertical-align:top;
	
}

#content .item{
	width:100%;

	padding-bottom:3em;
}

#info{
	width:80%;
	float:right;
	clear:none;
	border-bottom: 1px gray solid;
}

#content #bionav {float:left;width:100%; background-color:#EFEBEA; margin-top:1em;}
#content #bionav a {display:block;font-size:115%; text-decoration:none; font-weight:bold; color:#12112A; padding-top:4px;padding-bottom:4px; background-repeat:no-repeat;}
#content #bionav a:hover {text-decoration:underline;}
#content #bionav a.previous {float:left; padding-left:2.4em; background-image:url(images/arrow_left.gif);background-position:9px 1px;}
#content #bionav a.next {float:right; padding-right:2.4em; background-image:url(images/arrow_right.gif); background-position:34px 1px;}
#content .biophoto {float:right; border:1px solid #ccc; margin-left:0.8em; margin-bottom:0.4em; max-height:160px;}
#content h2.biotitle {margin-bottom:0px;}
#content h3.biotitle {font-size:125%; background-color:#fff; padding:0px; margin:0px 0px 1em 0px;}

#content ul.video {
	display:inline;
	background-image:none;
	margin: 0;
}
#content ul.video a.noline {
	text-decoration:none;
}

#content ul li.left {
	float:left;
	width:280px;
	background-image:none;	
	margin-bottom:15px;
}
