/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.09.12 
   PURPOSE: Styles the html elements
 **************************************************************/

/* Forces horizontal scrollbar on in Mozilla */
html {
  margin-bottom: 1px;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;

  font: 400 0.8em verdana, helvetica, arial, sans-serif;
  line-height: 140%;

  background: #cccccc url(../img/body.jpg) repeat scroll center top;
  color: #003366;
}

h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 0;
}

h1 {   
  clear: both;
  font: 400 1.9em verdana, helvetica, arial, sans-serif;
  color: #6898ca;  
}

h2 {
  clear: both;
  font: 400 1.6em verdana, helvetica, arial, sans-serif;
  color: #339966;
  border: 0;
}

h3 {
  font: 700 1.1em verdana, helvetica, arial, sans-serif;
  color: #666;
}

h4 {
  font: 400 0.9em verdana, helvetica, arial, sans-serif;
  text-transform: uppercase;
}

a {
  text-decoration: none;
  color: #6898ca;  
  border-bottom: 1px solid #ccc;
}


a:visited {
  background-color: transparent;
}

a:hover {
  color: #0b3264;
  background-color: transparent;
  border-bottom: 1px solid #66ccff;
}


ol {  
  margin: 10px 30px;
  padding: 0 30px;

  font-size: 1.4em;
  color: #366597;
  background-color: #FFF;
}

ol span {
  font-size: 0.7em;
  color: #366597;
}

ul bullet {
  margin: 10px 30px;
  padding: 0 30px 0 5px;
  list-style: none;
}

ul li bullet {
  padding-left: 25px;
  background: url(../img/bullet.gif) no-repeat;
  background-position: 0 3px;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #1598ca;
}

blockquote {
  margin: 10px 0;
  background-color: #cccccc;
  border-bottom: 1px solid #1598ca;
}

blockquote p {
  margin: 0.4em 0.8em;
}

del {
  color: #AAA;
}

code {
  margin: 15px 0;
  padding: 10px;
  display: block;
  overflow: auto;
  
  font: 400 1em century gothic, courier, monospace;
  line-height: 120%;
  white-space: pre;
  
  background: #F4F4F4;
  border-bottom: 1px solid #ff0000;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

.menu li img{
border: 0px;
}

.menu :hover img{
border: 0px;
}

/* use the table to position the dropdown list */
.menu table, .menu img table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:15px;
border: 0px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
width:170px;
padding:2px 0;
color:#000;
background:#ccc;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;
border: 0px solid #fff;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#999;
border: 0px;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:170px;
height:0;
border: 0px;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* ---------------------------------------------------------------------
            Vertical Accordions
------------------------------------------------------------------------ */
        
        .accordion_toggle {
            display: block;
            height: 30px;
            width: 820px;
            background: url(../img/accordion-header.jpg) no-repeat top left;
            padding: 0 0 0 25px;
            line-height: 25px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: none;
            outline: none;
            font-size: 1.5em;
            font-weight:normal;
            color: #339966;
            cursor: pointer;
            margin: 0 0 0 0;
        }
        
        .accordion_toggle_active {
            background: url(../img/accordion-header-active.jpg) no-repeat top left;
        }
        
        .accordion_content {
            background-color: #ffffff;
            color: #003366;
            overflow: hidden;
            width: 820px;
        }
        
        .accordion_hidden {
            display:none;
        }

/**************************************************************
   Images
 **************************************************************/
table.floatRight {
align: right;
    }

table.floatLeft {
align: left;
	}

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

a img {  
  border: 4px solid #fff;
}

a:hover img {  
  border: 4px solid #336699;
}

/***********
   Footer
***********/

#footer {
	position: absolute;
	bottom: 0;
	background-color: #fff;
	color: #000;
	width: 870px;
	text-align: center;
	font-size: 0.85em;
    line-height: 120%; 
	padding: 0px;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.big {
  font-size: 1.3em;  
}

.small {
  font-size: 0.85em;
  line-height: 120%;  
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.grey {
  color: #AAA;
}

.green {
  color: #659966;
}

.darkBrown {
  color: #663300;
}


.greenBg {
  padding: 0 10px;
  background-color: #cccccc;
  border-bottom: 1px solid #996633;
}

.highlight {
  padding: 1px 2px;
  background: #ccffcc;
  border-top: 1px solid #996633;
}