/* BASIC */

body{ margin: 50px 0 25px 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }
body{ font-family: Verdana, Arial, Verdana, sans-serif; }
body{ font-size: 12px; }
#breadcrumbs, #content{ font-size: 12px; }
#header ul{ font-size: 12px; }
#header ul{ text-align: right; }
#header ul{ margin-right: -1px; }
#header li{ margin-right: 1px; }
#header{ text-align: left; }
#featureImage{ background-image: url('/images/logo.jpg'); }
#breadcrumbsBackground{ opacity: .8; filter:alpha(opacity=80); }
#featureImage{ height: 140px; }
a{ text-decoration: underline; }
a:hover{ text-decoration: none; }
a img{ border: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

h1,h2,h3,h4,h5{ margin: 0; padding: 0; }
h1{ font-size: 2em; }
h2{ font-size: 1.75em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1em; }

.image-left, .image-right{ padding: 20px; }
.image-left{ float: left; }
.image-right{ float: right; }
code{ margin: 20px 0; padding: 20px; font-style: italic; }

ul.disc { list-style-type: disc; }
ul.circle{ list-style-type: circle; }
ul.square{ list-style-type: square; }
ol.arabic-numbers{ list-style-type: decimal; }
ol.upper-alpha{ list-style-type: upper-alpha; }
ol.lower-alpha{ list-style-type: lower-alpha; }
ol.upper-roman{ list-style-type: upper-roman; }
ol.lower-roman{ list-style-type: lower-roman; }

/* LAYOUT */

#wrapper, #footer{ margin: 0 auto; }
#wrapper{ position: relative; }
#header, #featureImage, #contentRounder{ margin: 0 20px; position: relative; z-index: 2; }
#gradientLeft, #gradientRight{ position: absolute; top: -1px; height: 294px; z-index: 1; }
#gradientLeft{ left: 0; background: transparent url('/images/gradient-left.png') top left no-repeat; } /* Width = total layout width - 60px */
#gradientRight{ right: 0; width: 60px; background: transparent url('/images/gradient-right.png') top right no-repeat; }
#spacer{ display: block; position: relative; width: 100%; height: 20px; }

/* HEADER */

#header{ position: relative; margin-top: -20px; }
#header img{ margin: 20px 0 0 0; }
#header h2{ position: relative; font-size: 16px; line-height: 1.5em; margin-top: 20px;  }

#headerToolbar{ position: relative; z-index: 2; }
#headerToolbar ul{ margin: 20px 0 0 0; padding: 0; list-style: none; line-height: 3.1em;  }
html > body #headerToolbar ul{ line-height: 2.7em; }
#headerToolbar ul ul{ display: none; }
#headerToolbar li{ display: inline; zoom: 1; }
html > body #headerToolbar li{ display: inline-block; }
#headerToolbar li a{ margin: 0; padding: 0.8em 0 0 0.75em; text-decoration: none; background: transparent url('/images/tab-end.png') top left no-repeat; }
html > body #headerToolbar li a{ padding-bottom: 0.8em; }
#headerToolbar li a span{ margin: 0; padding: 0.8em 1.5em 0.8em 0.75em; background: transparent url('/images/tab.png') top right no-repeat; }
#shadow{ position: relative; z-index: 3; display: block; margin-top: -5px; width: 100%; height: 5px; background: transparent url('/images/tab-shadow.png') repeat-x; }



/* BANNER AND BREADCRUMBS */

#featureImage{ display: block; position: relative; background-color: transparent; background-position: top center; background-repeat: no-repeat; }
#breadcrumbsBackground, #breadcrumbsMenu{ position: absolute; bottom: 0; width: 100%; font-size: 12px; line-height: 1em; background: transparent url('/images/breadcrumbs-background.png') top repeat-x; height: 35px; }
#breadcrumbsBackground{ background-image: none; height: 31px; opacity: .7; filter:alpha(opacity=.7); }
html > body #breadcrumbsBackground{ height: 30px; }
#breadcrumbsMenu ul{  margin: 5px 0 0 0; padding: 8px 10px 8px 10px; list-style: none; }
#breadcrumbsMenu ul li{ display: inline; }
#breadcrumbsMenu ul li a{ display: none; }
#breadcrumbsMenu ul ul, #breadcrumbsMenu ul ul li a{ display: inline; margin-right: 7px; }
#breadcrumbsMenu ul ul ul{ display: none; }

/* CONTENT */

#content{ position: relative; padding: 20px; }


/* FOOTER */

#footer{ padding: 20px 0; text-align: center; }
#breadcrumbsFooter ul{ margin: 1em 0 0 0; padding: 0; list-style: none; display: block; }
#breadcrumbsFooter li{ display: inline; }

/***********************************************************
 SECTION: GENERAL
***********************************************************/

body{ background-color: #000000; }

blockquote{ color: #000000; background-color: #CCCCCC; }
code{ color: #000000; background-color: #CCCCCC; }

#title{ color: #FFFFFF; }
#slogan{ color: #666666; }

span#slogan a {
	text-decoration:none;
	color: #666666;
}
span#slogan a:hover {
	color: #FFFFFF;
}


/***********************************************************
 SECTION: TOOLBAR
***********************************************************/

#header li a{ color: #AAAAAA; }
#header li a:hover{ color: #FFFFFF; }
#header li a.current, #header li a.current:hover{ color: #FFFFFF; }
#header li a.currentAncestor, #header li a.currentAncestor:hover{ color: #FFFFFF; }


/***********************************************************
 SECTION: BREADCRUMBS
***********************************************************/

#breadcrumbsMenu, #breadcrumbsMenu a{ color: #FFFFFF; }
#breadcrumbsMenu a:hover{ color: #FFFFFF; }
#breadcrumbsMenu a.current, #breadcrumbsMenu a.current:hover{ color: #FFFFFF; }
#breadcrumbsMenu a.currentAncestor, #breadcrumbsMenu a.currentAncestor:hover{ color: #FFFFFF; }
#breadcrumbsBackground{ background-color: #303030; }


/***********************************************************
 SECTION: CONTENT
***********************************************************/

#contentRounder{ background-color: #FFFFFF; }
#wrapper{ background-color: #131313; }
#content{ color: #666666; }
#content h1, #content h2, #content h3, #content h4, #content h5{ color: #000000; }
#content a:link, #content a:visited{ color: #000000; }
#content a:hover, #content a:active{ color: #000000; }

/***********************************************************
 SECTION: FOOTER
***********************************************************/

#footer{ color: #666666; }
#footer a:link, #footer a:visited{ color: #666666; }
#footer a:active, #footer a:hover{ color: #FFFFFF; }

blockquote {  
  background: #F4F5F7;
  display: block;
  font-style: italic;
  line-height: 180%;  
  padding: 20px;
  text-indent: 3em;
}
#wrapper, #footer{ width: 740px; }

#contentRounder{ width: 700px; } /* Total width - 40px */

#gradientLeft{ width: 680px; } /* Total width - 60px */

.img-left {
  float: left;
  margin: .3em 20px 10px 0;
}

.img-right {
  float: right;
  margin: .3em 0 10px 20px;
}

fieldset {
  padding: 1em;
	border:1px solid #666666;
}
label {
  float:left;
  width:35%;
  margin-right:0.5em;
  padding-top:0.5em;
  text-align:right;
  font-weight:bold;
}
input {
	padding-top:0.5em;
}