/*********************************************************
 *
 * This section defines the main body of the page.
 *
 *********************************************************/

body {
    
  font: 62.5%/1.6em Verdana, sans-serif; 
  color:#000;
  margin:20px;
  background: #6E8B3D;
}


* {
  margin:0;
  padding:0;
}

/*********************************************************
 *
 * This section defines the wrapper surrounding the content
 * of the page.
 *
 * It has two classes:
 *     fluid - a non-fixed page width
 *     fixed - a pixel defined fixed width page
 *
 * All pages currently use the fluid class, the fixed class
 * has been left in for flexibility.
 *
 *********************************************************/

#wrapper {
  margin:0 auto;
  background:#fff; 
  padding:5px;
}


.fluid {
  width:960px;
}


.fixed {
  width:760px;
}


/*********************************************************
 *
 * This section defines the header bar across the top of
 * the page containing page titles and tabbed navigation.
 *
 *********************************************************/


#header {
  height:120px;
  background:url(../images/postdraw.jpg) no-repeat top left #8B7355 ;
  text-align: right;
}

#header h1.main {
  height:45px;
  font:400% Verdana, sans-serif;
  padding:30px 20px 10px 10px;
  color:#fff;
}

#header h1.sub {
  height:45px;
  font:300% Verdana, sans-serif;
  font-style: italic;
  padding:30px 20px 10px 10px;
  color:#fff;
}


/*********************************************************
 *
 * This section defines the tabbed navigation that sits
 * in the header bar. It is a horizontal list
 *
 *********************************************************/


#nav {
  margin:0 0 0 0;
}

#nav li {
  list-style:none;
  display:inline;
  padding:0 7px 0 0;
}

#nav li a {
  padding:7px;
  color:#ffffff;
  font:150% Verdana, sans-serif;
  text-decoration:none;
}

#nav li a:hover {
  background:#cd3700;
  color:#ffffff;
}


/*********************************************************
 *
 * This section defines the side- bar down the left-hand
 * side of the main page. This is a fixed width column
 * containing a list of links.
 *
 * .fixed is a class variant that is fixed to the 
 * viewable screen
 *
 *********************************************************/


div.fixed {
  position:fixed;
}

#sidebar_left {
  position:relative;
  float:left;
  width:135px;
  padding:10px 10px;
  background: #8B7355;
  line-height:20px; 
  border-right:1px solid #ee99dd;
  border-left:1px solid #ee99dd;
  border-top:1px solid #ee99dd;
  border-bottom:1px solid #ee99dd;
  margin:10px 10px 10px 0;
}

#sidebar_left h2 {
  font:180% Verdana, sans-serif;
  font-variant: small-caps;
  color:#fff;
}


#sidebar_left p {
  font:120% Verdana, sans-serif;
  line-height:20px;
}


#sidebar_left ul {	
  list-style: none;
  margin: 0 0 0 0;
}	

/************************
 *
 *  Top level menu items
 *
 ************************/

#sidebar_left ul li {
  margin-bottom: 3px;
}

#sidebar_left ul li a {
  font:130% Verdana, sans-serif;
  font-weight: bold;
  padding:3px 3px;
  text-decoration: none;
  background: #fef5ca; 
  border-left:5px solid #cd3700;
  color: #000;
  display: block; 
}	

#sidebar_left ul li a#head {
  background: #e0d0d7; 
}

#sidebar_left ul li a:hover {
  background:#CAFF70;
  border-left:5px solid #DDA0DD;
  color: #000;
}

#sidebar_left ul li a#head:hover {
  background:#deefde;
}

/************************
 *
 * Second level menu items
 *
 ************************/

#sidebar_left ul ul {	
  list-style: none;
  margin: 3px 0 3px 0;
}	

#sidebar_left ul ul li a {
  font:120% Verdana, sans-serif;
  font-weight: bold;
  padding:4px 4px;
  text-decoration: none;
  background: #f0e0e7; 
  border-left:4px solid #cd3700;
  color: #000;
  display: block; 
  margin-left: 10px;
}


#sidebar_left ul ul li a:hover {
  background:#eeffee;
  border-left:4px solid #006600;
  margin-left: 10px;
  color: #000;
}

/************************
 *
 * Third level menu items
 *
 ************************/

#sidebar_left ul ul ul {	
  list-style: none;
  margin: 3px 0 3px 0;
}	

#sidebar_left ul ul ul li a {
  font:110% Verdana, sans-serif;
  font-weight: bold;
  padding:5px 5px;
  text-decoration: none;
  background: #f0e0e7; 
  border-left:3px solid #990066;
  color: #000;
  display: block; 
  margin-left: 20px;
}


#sidebar_left ul ul ul li a:hover {
  background:#eeffee;
  border-left:3px solid #006600;
  margin-left: 20px;
  color: #000;
}





#sidebar_left h1,h2,h3,h4,p,ul,ol,blockquote {
  margin:15px 0;
}

/*********************************************************
 *
 * This section defines the side-bar down the right-hand
 * side of the main page. This is a fixed width column
 * containing paragraphed text and small images.
 *
 *********************************************************/

#sidebar_right {	
  width:180px;
  padding:0 10px;
  float:right;
  background:#eeffee;
  border-top:1px solid #99ee99;
  border-left:1px solid #99ee99;
  border-right:1px solid #99ee99;
  border-bottom:1px solid #99ee99;
  margin:10px  0 10px 10px;
  color:#000000;
}


#sidebar_right h1 {
  font:160% Verdana, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
}


#sidebar_right h2 {
  font:160% Verdana, sans-serif;
  font-weight:bold;
  font-variant:small-caps;
  text-transform:capitalize;
  color:#000;
}

#sidebar_right p {
  font:120% Verdana, sans-serif;
  font-weight: bold;
  line-height:20px;
}

#sidebar_right ul {	
  margin: 0 0 0 10px;
}	

#sidebar_right ul li {
  font:120% Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
  display: block; 
  margin-bottom: 10px;
}	

#sidebar_right a:link { 
  color: #006600; 
}  
  
#sidebar_right a:visited { 
  color: #990066; 
}


#sidebar_right h1,h2,h3,h4,p,ul,ol,blockquote {
  margin:15px 0;
}

#sidebar_right hr {
border: 0;
color: #99ee99;
background-color: #99ee99;
height: 2px;
width: 100%;
text-align: left;
}

/*********************************************************
 *
 * This section defines the main content of the page. It has
 * four classes depending on which side-bars are needed. The
 * class names are self explanatory. They each set the left
 * and right margins so that the main text is confined even 
 * when the side-bars come to an end.
 *
 *********************************************************/


#content {
  padding:0 0 0 10px;
  font:120% Verdana, sans-serif;
}


.with_no_bars {
  margin:0 0 0 0;
}

.with_left_bar {
  margin:0 0 0 180px;
}

.with_right_bar {
  margin:0 220px 0 0;
}

.with_both_bars {
  margin:0 220px 0 180px;
}

#content a:link { 
  color: #006600; 
}  
  
#content a:visited { 
  color: #990066; 
}


#content h2 {
  font:200% Verdana, sans-serif;
  font-variant: small-caps;
  padding:0;
  color:#000;
}

#content h3 {
  font:160% Verdana, sans-serif;
  padding:0;
  color:#000;
}

#content h4 {
  font:140% Verdana, sans-serif;
  font-weight:bold;
  padding:0;
  color:#000;
}


#content p#clear{
  clear:left;
}


#content ul, ol{
  clear:left;
}


#content li {
  margin-left:30px;
  padding-left:10px;
}

#content p.results {
   font:100% Verdanatypewriter, monospace;
}


/*********************************************************
 *
 * This section defines the table format for the gallery.
 *
 *********************************************************/

table.gallery {
  height:194px;
  float:left;
  margin:0 10px 0 0;
  border:none;
  padding:0px 0px 0px 0px; 
}

table.gallery td.image { 
  width:194px;
  height:194px;
  background:url(../images/tab.gif) no-repeat left;
}

table.gallery td.caption { 
  text-align:center;
  font-family:arial,sans-serif;
  font-size:11px;
}

table.gallery a.caption { 
  color:#4D4D4D;
  font-weight:bold;
  text-decoration:none;
}

table.gallery img { 
  margin:1px 0 0 4px;
}


div.gallery {
  height:194px;
  width:194px;
  float:left;
  margin:0 10px 0 0;
  border:none;
  padding:0px 0px 0px 0px; 
  background:url(../images/tab.gif) no-repeat left;
}


div.gallery img { 
  margin:14px 0 0 16px;
}


/*********************************************************
 *
 * This section defines the an image with a caption
 * 
 *********************************************************/

div.figure {
  width:100%;
  text-align: center;
}

div.figure#head {
  width:30%;
  float:left;
  margin:0 10px 0 0;
/*  border:thin black solid; */
  border:none;
  padding:5px 5px 5px 5px; 
}

div.figure p#caption {
  text-align:center;
  font-style:italic;
  margin:0 0 0 0;
  padding:0 0 0 0;
}



img#scaled {
  width: 66%;
  margin: 0 0 0 0;
  padding:0 0 0 0; 
  border:none;
}

img#fullwidth {
  width: 100%;
  margin: 0 0 0 0;
  padding:0 0 0 0; 
  border:none;
}

img#head {
  width: 100%;
  margin: 0 0 0 0;
  padding:0 0 0 0; 
  border:none;
}


/*********************************
 *
 * Results table style
 * 
 *********************************/

table.results {
  border:0;
  margin:0;
  padding:0;
  clear: left;
  font:100% Verdanatypewriter, monospace;
}

table.results thead th{
  padding: 2px 5px;
  vertical-align:top;
  text-transform:uppercase;
  font-weight:bold;
  background:#dfdfdf;
}

table.results tbody tr td{
  padding: 2px 5px;
  vertical-align:top;
  text-transform:capitalize;
  background:#eeffee;
}

table.results tbody tr.odd td{
  background:#ffeef7;
}

table.results tbody tr.lead td{
  background:#efefef;
}


/*********************************************************
 *
 * This section defines the link bar at the foot of 
 * each separate article
 *
 *********************************************************/

#linkbar {
  margin:0 0 0 0;
  padding:0;
  background:#e0f0e0;
}


#linkbar li {
  list-style:none;
  display:inline;
  padding:0 0 0 0;
}

#linkbar li a {
  padding:1px;
  color:#ffffff;
  font:100% Verdana, sans-serif;
  text-decoration:none;
}

#linkbar li a:hover {
  background:#006600;
  color:#ffffff;
}

#linkbar li a:visited {
  color: #990066;
}

#llinkbar {
  margin:0 0 0 0;
  padding:0;
  background:#ffeef7;
}


#llinkbar li {
  list-style:none;
  display:inline;
  padding:0 0 0 0;
}

#llinkbar li a {
  padding:1px;
  color:#ffffff;
  font:100% Verdana, sans-serif;
  text-decoration:none;
}

#llinkbar li a:hover {
  background:#006600;
  color:#ffffff;
}

#llinkbar li a:visited {
  color: #990066;
}


/*********************************************************
 *
 * This section defines the footer across the bottom of
 * the page containing credits and compliance links.
 *
 *********************************************************/

#footer {
  margin:30px 0 0 0;
  padding:15px;
  background:#f0fff0;
  border-top:2px solid #006600;
  clear:both;
}