/* body default block */
/* 
---2011 colors-------
main blue = #404692;
baby logo blue = #465FB3;
light blue = #797E9E;
ivory = #FDF5DE;
antique gold = #887144
  
  
brown = #C27A54;


----2009 colors----
dark purple = #330033
royal blue = #330099
light blue =  #ACC9E9;
medium blue = #4F8FCC;
dark blue =  #0044aa;    

NWpurple = #520063
medium purple = #8A5295
light purple = #D3BED7
brown = #C27A54;
light green = #A7D39E;
*/


body 
{
    padding:0px;
    margin:0 auto;
    margin-top:40px;
    text-align:center;
    background:#887144; 
    width:985px;
    font:10px/16px Verdana, Arial, Tahoma, sans-serif;

    }
    
p {padding-top:4px;margin-top:0px;}

a:link {
	color: #0066cc; 
	text-decoration: none;
	}

a:visited {
	color: #0066cc; 
	text-decoration: none;
	}

a:hover {
	color: #ff0000;  
	text-decoration: none;
	
	}
.menuSection {
    text-align:left;margin-left:10px;padding-top:5px;padding-bottom:5px;
    }
.menuSubSection {
    padding-left:10px;
    }
.menuSectionBorder {
    border-bottom:1px solid white;
    }
.menuHeading {
    font:9pt 'Verdana' bold;
    padding-bottom:5px;
    }

#homePage
{
    float: left;
    background: #fff;
    margin-top: 5px;
    margin-left:50px;
    margin-bottom:10px;
    margin-right:50px;
    width:680px;
    text-align:left;
    font:10pt 'Verdana' normal;
 /*   clear:right;  */
    }

#homePage p { font-weight:bold;font-size:9pt; }

#homePage ul {
list-style:none;
padding-left:40px;
padding-top:0px;
padding-bottom:0px;
font-weight:bold;
}
#homePage li{
padding-top:0px;
padding-bottom:0px;
color:darkblue;
}


/* header block */

#heading { 
 background-color:#FDF6DC;
/* background: url('images/bg_topTrans6.jpg') no-repeat;  */
    width: 785px;
    height: 60px;
   /*    background: url(images/nwgenlabTopHeaderBG1.gif) no-repeat;
   margin: 0 auto;  */
    color: #000000;
    text-align: left;
    font-size:16pt;
    font: 16px Georgia, serif;
    padding-top:0px;
    float:left;
    }

#heading a:hover{
	color:white;
	}

#header {
    padding: 5px 0 0 10px;
    }

h1 {
    font: 20px "Trebuchet MS", Georgia, serif;
    margin: 0;
    font-weight: bold;
    }

h1 a:link, h1 a:visited {
    text-decoration: none;
    color: #0066cc;
    }

h1 a:hover {
    color:#ff0000;
	
	}


h2 {
    font: bold 16px "Trebuchet MS", Georgia, serif;
    margin:0px;
    padding: 0px;
    text-align:left;
    }

/* content, minitab, and sidebar block */
#page 
{
	width:985px;
	 background: url(images/2col_bg2.jpg); 
	margin:0 auto;
}

#content {
    background: #eee;
    margin: 0 auto;
    width: 772px;
    text-align: left;
	border:solid 1px black;

    }

h3 {
  font: bold 16px "Trebuchet MS", Georgia, serif;
  color: #000;
  margin:0px;
  padding-top:12px;
}

h3 a:link, h3 a:visited {
    text-decoration: none;
    color: #0066cc;
    }

h3 a:hover {
    text-decoration: none;
    color: #ff0000;
    }


#main 
{
    float: left;
    background: #fff;
    padding: 15px 20px;
    margin-top: 20px;
    margin-bottom:20px;
    padding-right:30px;
    width: 730px;
    text-align:left;
  /*  clear:right; */
    }

#sidebar {
    width: 200px;
        background:url(images/dna2011_440.jpg); 
 /*  margin: 0 auto;  
   background-color:#8A5295; */
    padding:0px;
    float:left;
height:440px;
overflow:hidden;
    }
/*
#sidebar ul 
{
	text-align:left;
    margin-top: 1px;
    padding-left: 6px;
    margin: 6px;
    margin-top:0px;
    list-style-type: none;
    }

#sidebar li {
    padding-left:8px;
     font: 12px/16px Verdana, Arial, Tahoma, sans-serif;
    font-weight:bold;
    padding-bottom:8px;
    }
*/
#sidebar a 
{
/*	color:#0044aa; 
color:#FFF;
font-weight:normal; */

	text-align:left;


}
#sidebar a:hover
{ 	    text-decoration: none;
  /*  color: #ff0000; 
  color:#ACC9E9; */
    }

.meta {
    color: #666666;
    font-size: 11px;
    margin: 0;
    }

.postmeta {
    color: #666666;
    font-size: 10px;
    background: #eeeeee;
    padding: 10px;
    margin: 0;
    }

.entry {
    padding-bottom: 10px;
    }

blockquote {
   /* border-left: 2px solid #999999; */
    padding-left: 5px;
   /*  color: #666666; */
    }

.alignleft {
    float: left;
    }

.alignright {
    float: right;
    }


/* comments block */

h4 {
  font: bold 10pt "Trebuchet MS", Georgia, serif;
  color: #000;
  margin:0px;
  padding-top:0px;
}
#commentlist {
    font-size: 10px;
    }
    
#commentlist ol {
    margin: 0;
    padding: 0 15px;
    }

.whitebox, .graybox {
    margin: 2px 0px;
    padding: 5px;
    }

.whitebox {
    background: #ffffff;
    }

.graybox {
    background: #eeeeee;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    }


/* footer */

#footer {
    clear: both;
  /* background:#4F8FCC; */
/*    background:#520063;  */
 /*  background:#ACC9E9 #A7D39E; */
     background:url('images/nwgenlabFooter_gradient6.jpg');  
    text-align: left;
    color: #FFFFFF;
    padding-left: 220px;
    min-height: 100px;
    line-height: 15px;
    }

#footer p {
    margin: 0px;
    }

#footer a:link 
	{
    color: #ffffff;
    text-decoration: none;
    cursor:hand;cursor:pointer;
    }
    
    
#footer a:hover
{ 
    color:#ACC9E9;
    text-decoration: none;
    cursor:hand;cursor:pointer;
    }
    
#footer2 {
    background:#887144;
    text-align: center;
    color: gray;
    padding: 10px;
    min-height: 35px;
    }
#footer2 a:link, 
{
    color: gray;
    text-decoration: none;
    cursor:hand;cursor:pointer;
    }
#footer2 a:hover
{
    color:#ffffff;
    text-decoration: none;
    cursor:hand;cursor:pointer;
    }

/* asp.net  */

.msg 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:	8pt;
color:red;
font-weight:bold;
}

.button 
{
CURSOR:pointer;cursor:hand;
font-size:9pt;
height:20px;
}
.textBox 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height:16px;
	vertical-align: top;
}

.tests-links 
{
	visibility:hidden;
	display:none;
}

.scrollBox
{
height:379px;width:780px;overflow:auto;
border:0px solid #ddd;float:left;
}
#main.scrollContent
{
	width:700px;padding-left:20px;padding-top:0px;
}

.menu { overflow:hidden; }
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 198px;
  background:url(images/2col_bg2.jpg) repeat;

}

ul.menu a {
  display: block;
  text-decoration: none;
  font-weight:normal;
}

ul.menu li {
  margin-top: 1px;
    font-weight:normal;

}

ul.menu li a, ul.menu ul.menu li a {
  background: #248;
  color: #fff;	
  padding: 5px;
  padding-left:10px;
    font-weight:normal;

}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #000;
  color:#ACC9E9;
}

ul.menu li ul li a { 
  background: #248;
  padding-left:10px;
    margin-left:5px;
      color: #fff;	
}




ul.menu ul.menu li ul li a {
  background: #248;
 /* color: #887144; */
 color:#fff;
  padding-left: 10px;
	margin-left:5px;
	/* border-left: 5px #FDF6DC solid; */
}

ul.menu ul.menu li a:hover {
    border-left: 0px;
      border-left: 5px #235 solid;
      padding-left:5px;

}

ul.menu li ul li a:hover {
   background: #000;
  color:#ACC9E9;

  border-left: 5px #235 solid;
        padding-left:5px;

}

ul.menu ul.menu li ul li a:hover {
  background: #000;
  color:#ACC9E9;
  border-left: 5px #235 solid;
padding-left:5px;

}

ul.menu ul.menu {
   /*  border-left: 5px #f00 solid; */
}

ul.menu li a.active {
    border-left:5px solid #137;
    background:#137;
    font-weight:bold;
    padding-left:5px;
}

ul.menu li a.active:hover {
padding-left:5px;
}


ul.menu li ul li a.active {
    border-left:5px solid #137;
    background:#137;
    font-weight:bold;
        padding-left:5px;
  color: #fff;

}



ul.menu li ul.menu li a.active {
    border-left:5px solid #137;
    background:#137;
    font-weight:bold;
        padding-left:5px;
color:#fff;
}

ul.menu li ul.menu li a.active:hover 
{
	padding-left:5px;	
}

ul.menu li ul.menu li li a.active {
    border-left:5px solid #137;
    background:#137;
        font-weight:normal;
        padding-left:5px;
  color: #fff;

}
ul.menu li ul.menu li li a.active:hover {
	padding-left:5px;
}





div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }