/********************************************************** YUI Reset v2.5.0 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

em { font-style: italic; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }





/****************************************************************** Clearing */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear-right { clear: right }




/******************************************************** Global Definitions */

body {
  background: #fff url(none) scroll repeat-x top left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  color: #999999;
  line-height: 15px;
  }

hr, .no-css { display: none }

div.hr {
  border-top: 1px solid #666666;
  margin: 24px 0;
  height: 1px;
  }

blockquote {
  border-left: 1px solid #888;
  margin: 0.8em 0;
  padding: 0 1.5em;
  }

p, .p {
  margin: 1em 0;
  }

ul, ol {
  padding: 0;
  margin: 1.2em 0;
  }

li { margin: 2px 0 2px 20px }

  ol li { list-style: decimal }
  ul li { list-style: circle }




/****************************************************** Layout & Positioning */


#outer {
  text-align: left;
  margin-left: 25px;
  min-width: 800px;
  }

#inner {
  text-align: left;
  margin-left: 25px;
  min-width: 800px;
  }

#logo {
  margin-top: 45px;
  text-align: left;
  min-width: 800px;
  }

#menu {
  position: relative;
  margin-top: 8px;
  }

#content {
  margin-top: 45px;
  text-align: left;
  position: relative;
  }

#footer {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 40px;
  min-width: 800px;
  }



/******************************************************* Generic Positioning */

.next { margin-top: 40px }

.first, .first-element { margin-top: 0 }

.no-bottom { margin-bottom: 0 }

.grid-block {
  float: left;
  width: 140px;
  text-align: left;
  margin-right: 35px;
  height: 240px;
  }




/********************************************************************* Forms */





/************************************************************ Generic Floats */

.float-right {
  float: right;
  margin: 0 0 20px 20px;
  }

.float-left {
  float: left;
  margin: 0 20px 20px 0;
  }




/************************************************************ Generic Frames */

.framed {
  border: 1px solid #CCC;
  padding: 4px;
  }




/******************************************************************* Headers */

h1 { font-size: 20px; line-height: 28px; font-weight: normal; margin-bottom: 14px; color: #666666; }
h2 { font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 12px; color: #666666; }
h3 { font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 10px; color: #666666; }
h4 { font-size: 14px; line-height: 18px; font-weight: normal; margin-bottom: 8px; }




/**************************************************************** Typography */

.small {
  font-size: 11px;
  line-height: 16px;
  }

.b { font-weight: bold }

.uppercase { text-transform: uppercase }

.faded { color: #AAA }

.centered { text-align: center }

.title {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:#000000; font-weight: bold;}
.quot {font-family:Georgia,serif; font-size: 11px; color:#ff0000; font-weight: normal;}
.address {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 9px; color:#FFEA01; font-weight: bold;}
.head {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:#00baff; font-weight: normal;}
.subheader {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:#00afe8; font-weight: bold;}
.copy {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 9px; color:#aaaaaa; font-weight: normal;}
.bio {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#666666; font-weight: normal; line-height: 17px;}

blockquote + h2, blockquote + h3, blockquote + p, p + h1, p + h2, p + h3 { margin-top: 2em }

.dropcap {
  float: left;
  font-size: 40px;
  line-height: 33px;
  padding-right: 5px;
  }




/********************************************************************* Links */

#menu a:link, #menu a:visited, #menu a:active, #menu a:hover { padding-right: 10px; }

a:link,
a:visited,
a:active,
a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #999999; padding-right: 0px
  }

  a:hover { color: #00baff }

  a.active:link, a.active:visited, a.active:active, a.active:hover {
    font-weight: bold;
    color: #00baff; 
    }

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
    text-decoration: none;
    color: #999999; 
    }

#footer a:hover {
      text-decoration: underline;
      color: #999999;
      }

a.external:link, a.external:visited, a.external:active, a.external:hover {
  background: transparent url(img/external.gif) no-repeat scroll right center;
  }