/* Bioinspired styles */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size:1em;
	font-family: Verdana, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #FFF;
	text-align: center;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img a {border: none;}

/* Elements */
.clear {clear: both;}
a {color: #06ACC4;}
a:link {color: #06ACC4;text-decoration:underline;}
a:hover {color: #0491A4;text-decoration:none;}
a:visited {color: #06ACC4;text-decoration:underline;}
a:active {color: #0491A4;text-decoration:none;}
p {color:#333; font: .7em/1.8em Verdana, sans-serif;}
#content ol, #content ul, #content dt, #content dd, table {color:#333; font: .8em/1.8em Verdana, sans-serif;}
p {margin-bottom: 10px;}
b, strong, th {font-weight: bold;}
i, em {font-style: italic;}
h1 {color: #777;font-family:Georgia, serif; font-size: 1.7em; margin-bottom: .5em;}
h2 {color: #06ACC4;font-family:Georgia, serif; font-size: 1.3em; margin-bottom: .5em;}
h3 {
	color: #666;
	font-family:Georgia, serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.2em;
	line-height: 120%;
}
h4 {font-family:Georgia, serif;}
h5 {font-family:Georgia, serif;}
h6 {font-family:Georgia, serif;}
ol, ul {margin: 0 0 0 1.5em;}

cellpadding {border: 2px solid #CCC;}
td {border-right:1px solid #CCC;border-top:1px solid #CCC;padding: 0 5px;}
/*li {line-height: 1em;margin-bottom: .5em;}*/
/* Structure */
#w1 {width: 960px; margin: 15px auto; }
#content {text-align:left;position: relative;}
#main-content {width: 775px; float:right;}
/*#main-content a {font-weight: bold;}*/
#main {float:left;width: 540px;}
#main img {float: left; padding: 3px 15px 30px 0;}

#sidebar {float:left; width: 177px;margin-top: 3em;}
#sidebar ul li a, #sidebar ul li {color: #777; font-family:Georgia, serif; font-size: 14px;list-style: none;text-decoration:none;}
#sidebar ul li a:hover {color: #06ACC4;}
#sidebar ul li ul li a, #sidebar ul li ul li {font-family:Verdana, serif; font-size:12px;list-style: disc;}

.aside {width: 220px;background-color: #E6F5F2; float:right;margin-top: 3em;}
.aside p {padding: 10px 10px 10px 20px; line-height: 1.2em;}

#logo {background: url(../images/dblblueline.gif) repeat-x 50% 50%; margin: 35px 0 25px 0;}
#logo span a {color: #555;font-family:Georgia, serif;font-size: 1.9em;text-decoration:none;letter-spacing: 1px;}
#logo span {background-color: #FFF;padding: 0 20px 0 20px;}

#nav-main {margin-bottom: 30px;}
#nav-main a {color: #777; font-family:Georgia, serif; font-size: 1.1em; text-decoration:none;}
#nav-main a:hover {color: #06ACC4; text-decoration:none;}
#nav-main li {display:inline; padding-right: 1.6em;}

#gateway {width:705px; height: 250px;position:relative; margin:0 auto;}
#nav-gateway li, #nav-gateway li a {display:block;width: 176px; height: 252px;}
#nav-gateway li {list-style: none;}
#nav-gateway #meddvc p, #nav-gateway #propel p , #nav-gateway #flow p, #nav-gateway #wind p  {color: #777; font-family:Georgia, serif; font-size: 14px;padding-top: 205px;text-align:center;}
#nav-gateway a {text-decoration:none;}

#nav-gateway #wind {background: url(../images/gateway-wind.jpg); position:absolute; top:0; left:0;}
#nav-gateway #wind a:hover {background: transparent url(../images/gateway-wind.jpg) 0 -252px no-repeat;}

#nav-gateway #meddvc {
	background: url(../images/gateway-meddvc.jpg);
	position:absolute;
	top:1px;
	left:528px;
}
#nav-gateway #meddvc a:hover {background: transparent url(../images/gateway-meddvc.jpg) 0 -252px no-repeat;}

#nav-gateway #propel {background: url(../images/gateway-propulsion.jpg); position:absolute; top:0;left:352px;}
#nav-gateway #propel a:hover {background: transparent url(../images/gateway-propulsion.jpg) 0 -252px no-repeat;}

#nav-gateway #flow {
	background: url(../images/gateway-flow.jpg);
	position:absolute;
	top:0px;
	left:177px;
}
#nav-gateway #flow a:hover {background: transparent url(../images/gateway-flow.jpg) 0 -252px no-repeat;}

#wind-energy {background: url(../images/wind-energy.jpg) no-repeat;width: 176px; height: 252px;}
#wind-energy p {padding-top: 205px;text-align:center;}
#wind-energy a {color: #777; font-family:Georgia, serif; font-size: 14px;text-decoration: none;}
#wind-energy a:hover {color: #06ACC4;}

#propulsion {background: url(../images/propulsion.jpg) no-repeat;width: 176px; height: 252px;}
#propulsion p {padding-top: 205px;text-align:center;}
#propulsion a {color: #777; font-family:Georgia, serif; font-size: 14px;text-decoration: none;}
#propulsion a:hover {color: #06ACC4;}

#flow {background: url(../images/separated-flow.jpg) no-repeat;width: 176px; height: 252px;}
#flow p {padding-top: 205px;text-align:center;}
#flow a {color: #777; font-family:Georgia, serif; font-size: 14px;text-decoration: none;}
#flow a:hover {color: #06ACC4;}

#biomedical {background: url(../images/biomedical.jpg) no-repeat;width: 176px; height: 252px;}
#biomedical p {padding-top: 205px;text-align:center;}
#biomedical a {color: #777; font-family:Georgia, serif; font-size: 14px;text-decoration: none;}
#biomedical a:hover {color: #06ACC4;}

#footer {font-size: 12px;clear:both;margin-bottom: 20px;}
#footer p, #footer a {color: #777; text-decoration:none;font-size: 12px;}
#footer a:hover {text-decoration:underline;}
#footer #cit-seal {margin:  0 0 -17px 5px;}
#footer #eas-sm {margin:  0 2px -9px 5px;}

.attention {color: #903; font-weight:bold;}