/*
 * Modified 1/1/09 by David Todd
 *
 */

/***************************************************/
/* some defaults */

a { text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color: #000099; }

h1 { font-size: 14px; }
h2 { font-size: 16px; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
}


/****************************************************/

a img {
  text-decoration:none;
  border: 0;
}

div#navigation a, div#main-navigation a.top-level {
  display:block;
  border-bottom: solid 1px #d9d9d9;
  padding: 2px 2px 2px 8px;
  background-color: #ffffff;
  /*font-style: oblique;*/
  font-size: 11px;
}

div#navigation a.top-level, div#main-navigation a.top-level {
  font-size: 13px;
  padding: 4px 2px 4px 2px;
  font-style: normal;
}

div#navigation a.none {
  display:inline;
  border-bottom: 0px;
  padding:0px;
}

div.content-header h1 a:hover {
  color: #0000ff;
  /*text-decoration:none;*/
}

h1 a:visited {
  color: #0000ff;
}

div#navigation p {
  margin: 0 10px 10px 10px;
}

li a b {
  color: #0000ff;
}

/****************************************************/
/* structure */

div#header {
  height: 60px;
  position: relative;
}

div#logo {
  width:250px;
  float:left;
}

div#small-right {
  float:right;
}

div#title, div#breadcrumbs {
  width:660px;
  float:right;
  text-align:right;
  padding:5px;
}

div#title {
  background-color: #d9d9d9;
  margin-bottom: 15px;
  font-size: 11px;
}

div#breadcrumbs {
  font-size: 9px;
}
div#container{
  text-align:left;
  width: 920px;
  margin: 0 auto;
}

div#content {
  padding-top: 5px 5px 20px 5px;
  float: right;
  width: 660px;
}

div#navigation{
  float: left;
  width: 235px;
}

div#footer{
  clear: both;
  padding: 5px;
  background-color: #d9d9d9;
  text-align: right;
  font-size: 10px;
}

div.left-column {
  width:320px;
  padding-right: 5px;
  float:left;
}

div.right-column {
  width:320px;
  padding-left: 5px;
  float:right;
}

div.centered-content {
  text-align:center;

}

div.buffer {
  clear:both;
  width:100%;
  border-top: 1px dashed #606060;
  padding-top: 10px;
}

/*****************************************************/
/* home page specific structure */

div#main-footer {
  font-size: 9px;
  text-align: left;
  clear: both;
  margin: 20px;
  padding: 5px;
}

div#main-right, div#main-left {
  padding: 5px;
  margin: 5px;
}

div#main-right{
  float:right;
  width:505px;
}

div#main-left{
  clear:left;
  float:left;
  width:365px;
}

/*****************************************************/
/* small content boxes (v2) (thrashbox) */

/* add the background image to all the pretty boxes */
div.content-box, div.content-header, div.content-header h1, div.content-body {
  background: transparent url(../images/content-box.jpg) no-repeat bottom right;
}

div.content-box {	
  padding-right: 10px; /* the gap on the right edge of the image (not content padding) */
  margin: 0px auto; /* use to position the box */
}

/* set the top-right image */
div.content-header {
  background-position: top right;
  margin-right: -10px; /* pull the right image over on top of border */
  padding-right: 40px; /* right-image-gap + right-inside padding */
} 

/* set the top-left image */
div.content-header h1 {
  background-position: top left;
  margin: 0; /* reset main site styles*/
  border: 0; /* ditto */
  padding: 20px 10px 10px 35px; /* padding-left = image gap + interior padding ... no padding-right */	
  height: auto !important; 
  height: 1%; /* IE Holly Hack */
} 

div.content-body {
  background-position: bottom left;
  margin-right: 25px; 
  padding: 5px 0px 30px 35px;
}

/*****************************************************/
/* CSS drop-down menu from http://sperling.com/examples/menuh/ */

#menuh {
  text-align:left;
}

#menuh ul  {
  list-style:none;
  margin:0;
  padding:0;  
  float:right;
}

#menuh li {
  position:relative;
  min-height: 1px; /* Sophie Dennis contribution for IE7 */
  vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

#menuh li li {
  border-bottom: 1px #ffffff solid;
  padding: 0px 0px 2px 4px;
}

#menuh ul ul {  
  position:absolute;
  background-color: #ebebeb;
  z-index:500;
  top:auto !important;
  top:12px;
  right:auto !important;
  right:-120px;

  display:none;
  width: 200px;
  margin: 0 0 0 0;
  padding: 5px 0 0 0;
}

div#menuh li:hover {
  cursor:pointer;
  z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul
{display:block;}