﻿html, body, form { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; background-color: rgb(0,0,0); }

a, a:visited { text-decoration: underline; color: rgb(0,0,0); }
a:hover { text-decoration: underline; color: rgb(0,0,0); }

p { line-height: 1.5em; padding-bottom: 16px; }
ol { }
textarea { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; padding: 3px; line-height: 1.3em; }

h1 { font-size: 1.4em; padding-bottom: 8px; margin-bottom: 12px; width: 100%; border-bottom: solid 1px #33C; }
h2 { font-size: 1.2em; padding-bottom: 6px; margin-bottom: 10px; width: 100%; border-bottom: solid .5px #DDD; }
h3 { font-size: 1.1em; padding-bottom: 6px; margin-bottom: 10px; }

.leftColumn { float: left; width: 250px; height: 550px; overflow: auto; }
.rightColumn { margin-left: 270px; min-height: 550px; }

.error { font-weight: bold; color: rgb(255,51,0); font-size: 0.8em; }
.success { font-weight: bold; color: rgb(0,204,51); font-size: 0.8em; }

.formTitle { font-weight: bold; text-align: right; font-size: 0.8em; vertical-align: top; }
.imageCaption { font-size: 0.8em; }
.innerTube { padding: 5px 10px 5px 10px; }

/* Content List Styles */
.content .innerTube ul { margin-left: 30px; }
.content .innerTube ul li { list-style-type: square; float: none; list-style-position: outside; line-height: 30px; }
.content .innerTube ol { margin-left: 30px; }
.content .innerTube ol li { list-style-type: decimal; float: none; list-style-position: outside; line-height: 30px; }
.content .innerTube ol li a { text-decoration: underline; }

.content .innerTube .biolink { text-decoration: underline; font-weight: bold; line-height: 1.4em; }
.content .innerTube .biodetails { color: rgb(66,66,66); font-size: 0.9em; }
.content .innerTube .totop { text-decoration: underline; }

/* Press Release Styles */
.pressTitle { line-height: 1.4em; font-weight: bold; }
.pressTitle a, .pressTitle a:visited, .pressTitle a:hover { text-decoration: underline; }
.pressDateline { padding-top: 5px; font-size: 0.9em; font-style: italic; color: rgb(121,121,121); }

/* Copyright Footer Styles */
#copyrightFooter { width: 1000px; margin: 0 auto; margin-top: 10px; clear: both; }
#copyrightFooter p { color: rgb(255,255,255); text-align: center; line-height: 2.4em; font-size: 0.9em; }
#copyrightFooter a, #copyrightFooter a:visited { color: rgb(255,255,255); text-decoration: underline; }
#copyrightFooter a:hover { color: rgb(255,255,255); text-decoration: underline; }

/* Dialog Box Styles */
.dialogBox { margin-left: auto; margin-right: auto; background-color: rgb(255,255,255); margin-top: 0px; margin-bottom: 15px; border: solid 1px rgb(0,0,0); }
.dialogTitle { height: 20px; background-color: rgb(30,56,79); text-align: center; color: rgb(255,255,255); font-weight: bold; font-size: .9em; padding: 10px 0; }
.dialogContent { }

/* Sidebar Navigation Styles */
.sidebarNavigation { margin: 0; padding: 0; }
.sidebarNavigationItem { list-style-type: none; line-height: 1.6em; padding: 4px 0px 4px 10px; border-bottom: solid .5px #DDD; }
.sidebarNavigationItem a, .sidebarNavigationItem a:visited { text-decoration: underline; color: rgb(0,0,0); }
.sidebarNavigationItem a:hover { text-decoration: underline; color: rgb(0,0,0); }

/* Login Control Styles */
#loginWrapper { width: 100%; margin-left: auto; margin-right: auto; background-color: rgb(255,255,255); margin-top: 0px; margin-bottom: 15px; border: solid 1px rgb(0,0,0); }
#loginHeader { height: 20px; background-color: rgb(30,56,79); text-align: center; color: rgb(255,255,255); font-weight: bold; font-size: .9em; padding: 10px 0; }
#loginBody { padding: 6px; }
.loginMessage { font-size: 0.7em; }
.formTitle { font-weight: bold; text-align: right; font-size: .8em; vertical-align: top; width: 20%; }

/* Projects */
.projectWrapper { width: 100%; min-width: 600px; margin-left: auto; margin-right: auto; margin-top: 15px; background-color: rgb(255,255,255); }
.projectHeader { background-color: rgb(77,104,128); color: rgb(255,255,255); font-size: 1.1em; font-weight: bold; padding: 5px 10px 3px 10px; }
.projectContentWrapper { padding: 5px; }
.projectImage { text-align: center; margin-bottom: 5px; }
.caption { font-size: 0.7em; font-style: italic; }
.projectContent { font-size: 0.8em; }
.projectContent a:link, .projectContent a:visited { color: rgb(77,104,128); text-decoration: underline; }
.projectContent a:hover { color: rgb(77,104,128); text-decoration: underline; }
.projectContent .description { margin-bottom: 10px; }

#featurebox { background-image: url(../images/featureboxbg.jpg); background-repeat: no-repeat; width: 190px; height: 290px; }
#featureboxhead { width: 190px; height: 21px; padding-top: 14px; text-align: center; font-weight: bold; }
.content .innerTube #featureboxcontent { width: 160px; padding-top: 10px; padding-left: 15px; padding-right: 15px; }
.content .innerTube #featureboxcontent ul { list-style-type: disc; list-style-position: inside; margin: 0px; padding: 0px; color: #FFFFFF; font-size: 11px; }
.content .innerTube #featureboxcontent ul li { line-height: 13px; margin-left: 15px; margin-bottom: 4px; }

/*#commonlist{
	list-style-type: square; 
	float: none; 
	list-style-position: inside; 
	line-height: 30px; 
	margin-left: 15px; 
	} */
#commontable { }
#subleftnav { width: 180px; height: 280px; background-color: #666666; padding: 10px; }
#subleftnavlink { width: 100%; padding-top: 10px; height: 23px; border-bottom: 1px solid #3c3c3c; }
#subleftnavlink a { color: #FFFFFF; text-decoration: underline; }
#subleftnavlink a:hover { color: #FFFFFF; text-decoration: underline; }
