/*****************************************
******************************************
Sections:

1.GENERAL
2.SITE WIDE CONTENT
3.HOME PAGE CONTENT
4.SUB-PAGE CONTENT
5.USER RELATED STYLES
6.FOOTER

******************************************
******************************************/


/* 1.GENERAL --------------------------- */

/* zero "problem causers" for all elements */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

html, body {
	width: 100%;
	height: 100%;
	background: #327EB8;
	font-size: 11px;
	color: #000;
	font-family: helvetica, arial, sans serif;
}

/* make <em> tags use a non-italic type. most <em> tags are just bolder text */
em { font-style: normal; }

a, a:visited, a:hover, a:active {
	color: #FFF;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #6BDEE8;
}

/* 2.SITE WIDE CONTENT --------------------------- */

#main-container {
	float: left;
	width: 750px;
	height: auto;
	background: url(/images/main_bg.jpg) top left no-repeat;
}

#content-container {
	display: inline;
	float: left;
	height: auto;
}

#header {
	float: left;
	width: 100%;
	height: 110px;
}

#header #login-link {
	display: inline;
	float: right;
	margin: 70px 50px 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #6BDEE8;
}

#menu-left {
	display: inline;
	float: left;
	width: 140px;
	height: auto;
	margin: 60px 10px 0 0;
}

#menu-left li {
	float: left;
	width: 100%;
	margin: 3px 0;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: right;
}

#menu-left li a {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

#menu-left li ul li {
	margin: 0;
}

#menu-left li ul li a {
	font-size: 10px;
}

#menu-bottom {
	float: right;
	width: 600px;
	height: 20px;
	margin-top: 30px;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #6BDEE8;
	text-align: center;
}

#menu-bottom span {
	padding: 0 7px;
}

#menu-bottom a {
	font-size: 12px;
	font-weight: normal;
	color: #6BDEE8;
}


/* 3.HOME PAGE CONTENT --------------------------- */

#home-footer {
	display: inline;
	float: left;
	width: 550px;
	margin: 25px 0 0 10px;
	font-size: 11px;
	color: #FFF;
}

#home-footer p {
	margin-top: 10px;
}

#home-footer p em {
	font-weight: bold;
}


/* 4.SUB-PAGE CONTENT --------------------------- */

.fl {
	float: left;
}

.mt {
	margin-top: 10px;
}

.subpage {
	float: left;
	width: 566px;
	font-size: 11px;
	color: #666;
	background: url(/images/container_middle.jpg) top left repeat-y;
}

.subpage h2 {
	width: 575px;
	height: 45px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	color: #1C70B1;
	background: url(/images/old_sub_header.jpg) top left no-repeat;
}

.subpage h3 {
	width: 200px;
	padding: 0 0 3px 10px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #844770;
}

.subpage .sub-content {
	display: inline;
	float: left;
	width: 566px;
	background: url(/images/container_top.jpg) top left no-repeat;
}

.subpage .content {
	display: inline;
	float: left;
	width: 541px;
	height: 300px;
	padding: 25px 0 10px 25px;
	background: url(/images/container_bottom.jpg) bottom left no-repeat;
}

html>body .subpage .content {
	height: auto;
	min-height: 300px;
}

.shadow .sub-content {
	background: #FFF url(/images/sub_border.gif) top left repeat-y;
}

.subpage p {
	display: inline;
	float: left;
	width: 320px;
	margin: 0 40px 10px 0;
}

.subpage a {
	color: #327EB8;
}

.subpage select {
	float: left;
	width: auto;
	height: auto;
	border: 1px solid #CCC;
}

.subpage select option {
	padding: 1px 5px;
	background: #F0F0F0;
}

.subpage select option.odd {
	background: #FFF;
}

.subpage .lab,
.subpage .job {
	width: 350px;
	margin-top: 10px;
	padding-right: 10px;
	line-height: 18px;
	font-size: 12px;
}

.subpage .lab em,
.subpage .job em {
	font-weight: bold;
	color: #333;
}

.subpage .lab a,
.subpage .job a {
	color: #327EB8;
}

.lab select {
	float: none;
}

.subpage .qi-container {
	float: left;
}

.subpage .extra-info {
	display: inline;
	float: left;
	width: 134px;
	margin-top: 10px;
	padding: 10px;
	color: #1C70B1;
	background: #EDECEB;
}

.subpage .extra-info h4 {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
}

.subpage .story,
.subpage .material {
	display: inline;
	float: left;
	width: 340px;
	margin-right: 20px;
	padding: 5px 0;
}

.subpage .story h4,
.subpage .material h4 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #327EB8;
}

.subpage .story p {
	width: auto;
	margin: 0;
}

.subpage .material p {
	width: 340px;
	margin-right: 0;
}

#choose-lab {
	clear: both;
	display: block;
	float: left;
	margin-top: 10px;
}

.subpage .lab {
	display: block;
	float: left;
	width: 450px;
	line-height: normal;
	color: #333;
}

.subpage .lab strong {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

.subpage .lab img#main {
	float: left;
	margin-right: 15px;
}

.subpage .lab #maps {
	float: left;
	width: 120px;
}

.subpage .lab #map-link,
.subpage .lab #pdf-link {
	float: left;
}

.subpage .lab #pdf-link {
	margin-top: 10px;
}

.subpage .lab #pdf-link img {
	float: left;
	margin-right: 5px;
}

.subpage .lab #address {
	display: inline;
	float: left;
	width: 150px;
	margin-right: 15px;
	padding-top: 10px;
}

.subpage .lab p {
	clear: both;
	display: block;
	float: left;
	width: 450px;
	margin: 10px 0;
}

.subpage .lab #sl-images {
	float: left;
	margin-bottom: 10px;
}

.subpage .lab #sl-images img {
	float: left;
	margin: 0 7px 5px 0;
}

.about h4 {
	clear: both;
	display: block;
	float: left;
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;
}

.about p {
	clear: both;
	display: block;
	float: left;
	width: 515px;
	margin: 0 0 10px 0;
}

.about p strong {
	font-size: 11px;
	font-weight: bold;
}

.about ul {
	clear: both;
	display: inline;
	float: left;
	width: 400px;
	margin: 0 0 10px 30px;
}

#mapp {
	margin-right: 10px;
}

#mapp img {
	margin-bottom: 10px;
}

#content-container #home {
	width: 566px;
	height: 261px;
}

#content-container #home h2 {
	display: inline;
	float: left;
	width: 300px;
	margin-bottom: 20px;
	font-size: 13px;
	font-style: italic;
}

#content-container #home p {
	display: inline;
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

.subpage .subpage-nav {
	float: left;
	width: 530px;
	margin: 5px 0 15px 0;
}

.subpage .subpage-nav li {
	display: inline;
	float: left;
	width: auto;
	height: 22px;
	margin-left: 20px;
	line-height: 22px;
	list-style: none;
	font-size: 11px;
	color: #327EB8;
}

.subpage .subpage-nav li.first {
	margin-left: 0;
}

.subpage .subpage-nav li a {
	color: #327EB8;
}

.subpage .subpage-nav li a:hover {
	text-decoration: underline;
}

h4#thanks {
	float: left;
	width: 530px;
	margin-top: 50px;
	color: #327EB8;
	text-align: center;
}

#footer-menu {
	float: left;
	width: 320px;
	height: 27px;
}

#footer-menu li {
	display: inline;
	float: left;
	margin-right: 5px;
	line-height: 27px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	color: #327EB8;
}

#footer-menu li a {
	color: #5A9AD8;
}

#footer-menu li a:hover {
	color: #F90;
}

.sub-footer {
	float: left;
	width: 566px;
	height: 130px;
	background: url(/images/container_bottom.jpg) top left no-repeat;
}

#content-container #news {
	float: left;
	width: 375px;
	height: 240px;
	margin: 25px 0 0 0;
	color: #FFF;
	overflow: auto;
}

#content-container #news h3 {
	float: left;
	width: 345px;
	padding: 0 0 4px 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/dotted_underline.gif) bottom left repeat-x;
}

#content-container #news .news-item {
	display: block;
	float: left;
	width: 330px;
	height: auto;
	margin: 15px 0 0 0;
	padding: 0 10px;
	overflow: auto;
}

#content-container #news .news-item h4 {
	margin-bottom: 2px;
	text-transform: capitalize;
	font-size: 12px;
	font-weight: bold;
}

/* 5.USER RELATED STYLES --------------------------- */

#sign-in {
	clear: both;
	display: block;
	float: left;
	width: 180px;
}

#sign-in form {
	float: left;
	width: 180px;
	margin-top: 15px;
}

#sign-in a {
	color: #327EB8;
}

#sign-in em {
	display: block;
	float: left;
	width: 60px;
	margin-right: 5px;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}

#sign-in .error {
	display: block;
	padding-left: 0;
}

#sign-in input.text {
	display: block;
	float: left;
	width: 100px;
	margin-bottom: 5px;
	padding: 0px 5px;
	background: #E1E5F8;
	border: 1px solid #000;
}

#sign-in input.submit {
	display: block;
	width: 60px;
	margin-left: 115px;
	text-align: right;
	color: #333;
	background: transparent;
	cursor: pointer;
	border: 0;
	overflow: visible; /* keeps submit in IE (inc 7) from getting too wide */
}

#lynxit-login {
	display: inline;
	float: left;
	width: 270px;
	margin-left: 20px;
	padding: 10px 0 10px 20px;
	line-height: 20px;
	font-size: 11px;
	border-left: 3px solid #327EB8;
}

#lynxit-login em {
	display: block;
	font-size: 12px;
	padding-top: 0;
}

#lynxit-login a {
	color: #327EB8;
}

#signed-in {
	display: inline;
	float: right;
	width: 140px;
	margin: 10px 15px 0 0;
	color: #FFF;
}

#signed-in em {
	font-weight: bold;
}

#signed-in a {
	display: block;
	float: left;
	margin: 5px 3px 0 0;
	padding: 0 5px;
	border: 1px solid #FFF;
}

#signed-in a:hover {
	color: #333;
	background: #DFFDFF;
}

#profile-container {
	display: block;
	float: left;
	width: 450px;
	height: auto;
}

#profile-container p {
	display: block;
	width: 450px;
	margin: 3px 0;
}

#profile-container h4 {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

#profile-container em {
	font-size: 12px;
	font-weight: bold;
}

#profile-container .submit {
	display: inline;
	width: auto;
	color: #FFF;
}

/* 6.FOOTER --------------------------- */

#footer {
	float: right;
	width: 600px;
	height: 15px;
	margin-top: 10px;
	color: #9CF;
	text-align: center;
}