@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "grid.css";

body {
	/*background: url(../images/bg.gif);*/
	background: #000;
	font: 62.5%/1 Verdana, Arial, Helvetica, sans-serif;
}

p, ul, ol {
	line-height: 1.5;
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#doc {
	/*background: url(../images/bg_overlap.gif) repeat-x left bottom;*/
	margin: 0 auto;
}

#wrap {
	background: #070404 url(../images/bg_wrap.jpg) no-repeat top;
	/*border-left: #222 solid 1px;*/
	/*border-right: #222 solid 1px;*/
	margin: 0 auto;
	padding: 0 95px;
	overflow: hidden;
	width: 662px;
}

#hd {
	color: #fff;
}

#nv {
	font-size: 1.1em;
	margin: 117px 0 5px;
	overflow: hidden;
}

#nv ul {
	float: right;
	overflow: hidden;
	margin: 0;
}

#nv ul li {
	float: left;
}

#nv ul li a, #nv ul li a:visited {
	color: #5ea8bb;
	display: block;
	text-decoration: none;
	padding: 10px 12px;
}

#nv ul li a:hover {
	color: #fff;
}

#nv.nv-home #nv-home a { color: #fff; }
#nv.nv-about #nv-about a { color: #fff; }
#nv.nv-projects #nv-projects a { color: #fff; }
#nv.nv-courses #nv-courses a { color: #fff; }
#nv.nv-fellows #nv-fellows a { color: #fff; }
#nv.nv-services #nv-services a { color: #fff; }
#nv.nv-contact #nv-contact a { color: #fff; }

#bd {
	background: url(../images/bg_content.jpg) #000 no-repeat bottom;
	color: #fff;
	padding: 15px 0;
}

#ft {
	background: url(../images/ft_msc.gif) no-repeat 536pt 8pt; 
	text-align: left;
	padding: 10px 95px;
	width: 662px;
	margin: 0 auto;
	/*border-left: #222 solid 1px;*/
	/*border-right: #222 solid 1px;*/
}

#ft p {
	color: #444;
	padding: 10px 0;
	margin:0 auto;
}

#bd h1 {
	font: 1.8em Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	color:#00CCFF;
}

#bd h2 {
	color: #479ab6;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px;
}

#bd a:link, a:visited {
	color: #006699;
	text-decoration: none;
}

#bd a:hover {
	color: #fff;
}

#bd ul li {
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 15px;
}

.img-left { float: left; margin-right: 15px; }
.img-right { float: right; margin-left: 15px; }

p.more {
	border-bottom: #16313a solid 1px;
	clear: both;
	text-align: right;
	margin: -28px 0 22px;
}

#bd h2 span {
	color:#999;
	font-size:10px;
}

#bd ul li span {
	color: #999;
}

.about_icon{
	background: url(../images/about/info_icon.jpg) no-repeat left 5px;
	padding-left: 22px;
}

.courses {
	background: url(../images/courses/notes.gif) no-repeat;
	color:#555;
	padding:30px 0 20px;
}

.info_icon{
	background: url(../images/courses/icon.gif) no-repeat;
	float:left;
	width:50px;
	height:84px;
	margin:0 10px;
}

#subnav ul {
	float: right;
}

#subnav ul li {
	background: none;
	float: left;
	padding: 0;
}

/* subnav normal */
#subnav ul li a:link, #subnav ul li a:visited {
	background: url(../images/subnav.gif) no-repeat center top;
	color: #fff;
	padding: 4px 15px;
}

#subnav ul li a.first:link, #subnav ul li a.first:visited {
	background: url(../images/subnav.gif) no-repeat left top;
	color: #fff;
	padding: 4px 15px 4px 20px;
}

#subnav ul li a.last:link, #subnav ul li a.last:visited {
	background: url(../images/subnav.gif) no-repeat right top;
	color: #fff;
	padding: 4px 20px 4px 15px;
}

/* subnav hover */
#subnav ul li a:hover {
	background: url(../images/subnav.gif) no-repeat center bottom;
}

#subnav ul li a.first:hover {
	background: url(../images/subnav.gif) no-repeat left bottom;
}

#subnav ul li a.last:hover {
	background: url(../images/subnav.gif) no-repeat right bottom;
} 

/* subnav selected */
#subnav ul li.selected a:link, #subnav ul li.selected a:visited {
	background: url(../images/subnav.gif) no-repeat center bottom;
	color: #fff;
	padding: 4px 15px;
}

#subnav ul li.selected a.first:link, #subnav ul li.selected a.first:visited {
	background: url(../images/subnav.gif) no-repeat left bottom;
	color: #fff;
	padding: 4px 15px 4px 20px;
}

#subnav ul li.selected a.last:link, #subnav ul li.selected a.last:visited {
	background: url(../images/subnav.gif) no-repeat right bottom;
	color: #fff;
	padding: 4px 20px 4px 15px;
}

#bd .mv_icon{
	background:url(../images/projects/mv_icon.gif) no-repeat;
	width:149px;
	height:22px;
	margin: -3px 0 5px;
	padding: 5px 0 0 30px;
}

#bd .mv_icon a:link, #bd .mv_icon a:visited{
	color:#ccc;
}

#bd .mv_icon a:hover{
	color:#0099FF;
}

#bd .trialer_icon{
	background:url(../images/projects/trialer_icon.gif) no-repeat;
	width:149px;
	height:22px;
	margin: -5px 0 5px;
	padding: 5px 0 0 30px;
}

#bd .trialer_icon a:link, #bd .trialer_icon a:visited{
	color:#ccc;
}

#bd .trialer_icon a:hover{
	color:#0099FF;
}