style.css

table.tablesorter {
	font-size: 12px;
	background-color: #4D4D4D;
	width: 984px;
	border: 1px solid #000;
}
table.tablesorter th {
	text-align: left;
	background-color: #EAF8D2;
	font-size: 10px;
	padding: 2px;

}

table.tablesorter th.Correlation {
	text-align: right;
	font-size: 10px;
	padding: 2px;
	width: 50px;

}
table.tablesorter td {
	color: #000;
	padding: 5px;
}

table.tablesorter td.significant {
    color: red;
    font-weight: bolder;
}
table.tablesorter .even {
	background-color: #e4f7c7;
}
table.tablesorter .odd {
	background-color: #fdfefa;
}
table.tablesorter .header {
	background-image: url(bg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}
table.tablesorter .headerSortUp {
	background-image: url(asc.png);
	background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
	background-image: url(desc.png);
	background-repeat: no-repeat;
}





/* Protein Info pane and sidebar */
#main{
	width: 100%;	
	background-color: #e4f7c7;
}


table.info {
    width: 100%;
    margin-bottom: 0;
}

table.cutoffs {
    font-size: 10px;
}

td.main {
    background-color: #fdfefa;
    padding: 1em;
}
td.general {
	font-size: 11px;
}

td.sidebar {
    width: 210px;
    padding: 1em;
    vertical-align: top;
    background: #C2ED78;
    font-size:10px;
    margin-bottom: 2;
}
table.cutoffs {

    font-size: 11px;
}
td.cutoffs {
    width: 50px;
    text-align: center;
}


/* Round corners */

.round {
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
}




* {
  margin: 0;
  padding: 0;
  }

body {
  font-size:100%;
  font-family: Arial,'Lucida Grande',Verdana,sans-serif;
  text-align:center;
  background:#002400 url(images/background.gif) no-repeat top center;
}


#page {width:992px; margin:0px auto; text-align:center;}


#header {
  height:191px;
  width:1024px;
  background:url(images/topbg.gif);
  text-align:left;
}


#logo
{
	text-align: left;
	letter-spacing: -2px;
	text-shadow: 0px 0px 8px #000;
	font: 48px Georgia, Arial, "Times New Roman", Times;
	margin-left: 18px;
	margin-top: 94px;
	color: #FFF;
	width: 364px;
	height: 97px;
	float: left;
}

.green {
color:#AEF080;
}

#slogan {
  text-align:left;
  margin-left:100px;
  font:14px Arial, "Times New Roman", Times;
  letter-spacing:0px;
  color:#FFF;
}



/* TOP NAVIGATION BAR */
#nav {
  width:610px;
  float: left;
  margin-top:136px;
}

#nav-menu-left {
  background:url(buttons/regBleft.gif) no-repeat bottom left;
  width:14px;
  height:55px;
  float: left;
}

#nav-menu-right {
  background:url(buttons/regBright.gif) no-repeat bottom left;
  width:13px;
  height:55px;
  float: left;
}

#nav-menu {
  background:url(buttons/regB.gif) repeat-x bottom left;
  height:55px;
  width:583px;
  float: left;
}

#nav-menu ul {
  list-style:none;
}
   
#nav-menu ul a
{
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	display: block;
	line-height: 50px; 
	text-decoration: none;
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #002224;
}

.navButtonDivider {
	float: left;
	padding-top: 2px;
}
	
#nav-menu ul a:hover {
  background:url(buttons/selectedB.gif) repeat-x bottom left;
}
 
.nav-menuList {
  float:left;
  background:url(buttons/regB.gif) repeat-x bottom left;
}


.active a:link, .active a:visited, .active a:visited, .active a:hover{
	background:url(buttons/selectedB.gif) repeat-x bottom left;
	float:left;
} 




/* END NAVIGATION BAR */

/* Large header image of grass and flower */
#homeImage {
  background:url(images/homep-allInteracts2.gif) no-repeat top left;
  width:992px;
  height:236px;
  text-shadow:1px 1px 1px #000;
}


/* end large header */

/* clears all floated elements */
.clearfloats {
  clear:both;
}
/* end clear floats */

/* first content section, lighter green area */
#content {
  background: #FDFEFB;
  width:1024px;
  min-height:235px;
  text-align:left;
  padding-top:5px; 
  padding-bottom:20px;
}

.content-padding {
  padding: 0px 20px 0px 20px;
}

.content-padding a {
  font:13.5px Arial, "Times New Roman", Times;
  color:#002224;
}

.content-padding a:hover {
  font:13.5x Arial, "Times New Roman", Times;
  color:inherit;
  text-decoration:none;
}


#content h1 {
  font:26px Georgia, Arial, "Times New Roman", Times;
  color:#002224;
  padding-bottom:10px;
}

#content h2 {
  font:20px Georgia, Arial, "Times New Roman", Times;
  color:#002224;
  padding-bottom:10px;
}

#content p {
  font:13.5px Arial, "Times New Roman", Times;
  color:#002224;
  text-align:justify;
  padding-bottom:10px;
}

    /* I added this part for the content section on the help page */


#content ul li.indentMore {
	padding:0px 0px 3px 100px;
}

#content ul li {
	list-style:none;
	padding:0px 0px 0px 50px;
	font:13.5px Arial, "Times New Roman", Times;
  	color:#002224;
}

ul.contentList2Desc {
	padding:0px 0px 10px 90px;
}

table.topTableHelpPage {
 	font:13.5px Arial, "Times New Roman", Times;
  	color:#002224;
  	text-align:left;
	border-style:none;
	width:100%;
	margin-left: 50px;
}

table.middleInfoTableHelpPage {
	margin-left: 50px;
	font:13.5px Arial, "Times New Roman", Times;
  	color:#002224;
  	text-align:left;
	border-style:groove;
	border-color: #173F03;
	border-width: 1px;
} 

table.middleInfoTableHelpPage td {
	border-color: #173F03;
	border-style:groove;
	border-width: 1px;
	padding: 0px 3px 0px 3px;
}

    /* end of content lists */
 
   /* I added this for the content section. The overallTable is outside of the inner table class=main which is what displays the database information */

table.topTable {
 	font:13.5px Arial, "Times New Roman", Times;
  	color:#002224;
  	text-align:left;
	border-style:none;
	width:100%;
}

table.topTable a {
  color:#002224;;
  font-size:13.5px;
}

table.topTable td {
	padding: 0px 8px 0px 0px;
}

table.topTable td.helpText {
 	font-size: 12px;
}

table.topTable td.helpTextSmall {
 	font-size: 11px;
}

table.topTable td.bold16 {
 	font-size: 16px;
	font-weight: bold; 
}

table.middleInfoTable {
	font:11.5px Arial, "Times New Roman", Times;
  	color:#002224;
  	text-align:left;
	border-width: 1px;
	border-style: groove;
	border-color: #173F03;
}

table.middleInfoTable a {
	color:#002224;;
  	font-size:11.5px;
}


table.middleInfoTable td {
	padding: 0px 3px 0px 3px;
	border-width: 1px;
	border-style: groove;
	border-color: #173F03;
}

table.middleInfoTable td.BidColWidth {
	width:100px;
}

/*breaks the word. I'm using it if there is not a space to word wrap at*/
table.middleInfoTable tr.columnHead td.IntNotesWidth {
	width:20px;
	word-wrap: break-word;
}

tr.columnHead
{
	background-color: #CCC;
	text-align: center;
	font-weight: bold;
}

td.contentHeading {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

#noProtein { background-color: #996; }

td.bold {
	font-weight:bold; 
}

td.noWrap {
	white-space:nowrap;
}

td.forceWrap
{
	word-wrap: break-word; 		 /* Internet Explorer 5.5+ */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
/*	white-space: -pre-wrap;      /* Opera 4-6 */
/*	white-space: -o-pre-wrap;    /* Opera 7 */
}

pre 
{
	word-wrap: break-word; 		 /* Internet Explorer 5.5+ */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
/*	white-space: -pre-wrap;      /* Opera 4-6 */
/*	white-space: -o-pre-wrap;    /* Opera 7 */  
}


   /* end of table content */


   /*sort image for Bait Page - arrow.gif */
   
img.sortImage {
	height:15px;
	width:15px;
	border-style:none;
}
   /*end of sort image for Bait Page*/

	/*hyperlink for the tair and N-browser logo's */
img.visBrowserLogo {
	border: 0px;
}

	/* for the rollover img popup */
.ddimgtooltip {
	box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
	display:none;
	position:absolute;
	border:2px solid #173F03;
	background:white;
	color: black;
	z-index:2000;
	padding: 3px;
}
    /*for home page*/
#plantImg
{
	float: right;
	padding-right: 10px;
}
	
#imageCaption {
	float: right;
	padding-right: 50px;
	}
	
#content p.imageCaption {
    font-family: Gerogia, "Times New Roman", Serif;
    font-size: 12px;
	float: right;
	padding-top: 10px;
	padding-right: 55px;
	}
	
#content h1.home
{
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	left: 40px;
	top: 20px;
	bottom: 10px;
}

#content ul.home
{
	position: relative;
	left: 60px;
	top: 20px;
	bottom: 5px;
}

#homeStats {
	font-size: 18px;
	text-decoration: none;
    color:#002224;
}

#unlLogoImg
{
	position: relative;
	height: 49px;
	width: 129px;
	float: left;
	top: 70px;
}

/* end content 1 section */



/* footer of page */
#footer-div {
  background:url(images/footer-div.gif) no-repeat top left;
  width:992px;
  height:6px;
}

#footer
{
	padding-top: 15px;
	width: 992px;
	height: 55px; 
	margin:0px auto; 
	background:#0b3305; 
	text-align: center;
}

#darkgreen
{
	background: #002400;
	width: 992px;
	height: 500px;
}


#footer p {
  font:12px Arial, "Times New Roman", Times;
  color:#FFF;
}

#footer a {
  font:12px Arial, "Times New Roman", Times;
  color:#FFF;
}

#noTextDec {
  text-decoration: none;
}

	
/* end footer */

/* for help/link pages */

table.help {
	width: 100%;
	font-size: 13px;
	font-family: Arial, "Times New Roman", Times;
	text-align: left;
	border: 20px #9C3 outset;
}

#help {
	padding: 30px;
	}

#help h2 {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 16px;
	font-weight: bold;
	color: #360;
	padding-bottom: 10px;
}

#help p {
 	font:13px Arial, "Times New Roman", Times;
	color: #030;
	text-align: justify;
	padding-bottom: 10px;
}

#help p.helpLink {
	text-align: center;
 	font:13px Arial, "Times New Roman", Times;
	color: black;
}

#help a
{
	color: black;
	font-size: 13px;
}

#help a.small {
 	font:12px Arial, "Times New Roman", Times;
	color: black;
}


#help ul li
{
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 30px;
	font-size: 13px;
	font-family: Arial, "Times New Roman", Times;
	list-style-type: disc;
}

#help ul li.none {
	padding-left: 0px;
	padding-bottom: 10px;
	margin-left: 30px;
	list-style: none;
	color: #030;
}

#help ol li
{
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 30px;
	font-size: 13px;
	font-family: Arial, "Times New Roman", Times;
	list-style-type: decimal;
}