/**

ids = wrapper1 wrapper2 header nav intro content news footer

classes = active logo error download note text first last before after foot_...

 **/



@import url(dropdown_menu.css);

@import url(form.css);



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



body {

  font: 90%/1 arial, helvetica, sans-serif;

  background: url(images/bg_repeat.jpg) repeat 0 0;

  line-height: 130%;

  width: 100%;

  min-width: 970px;

}

/***** Common Formatting *****/



h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  font-weight: normal;

}



p {margin: 0; padding: 0 0 18px 0;}



ul {list-style: none; margin: 0; padding: 0;}



blockquote {

  font-family: Georgia, "Times New Roman", Times, serif;

  font-style: italic;

  color: #666;

  margin: 10px 20px;

  display: block;

}



/* usage: <blockquote> <span class="open">&nbsp;</span> Your quote goes here <span class="close">&nbsp;</span> </blockquote> */



blockquote span.open {

  background: url(images/quote_open.gif) no-repeat left top;

  padding: 0 0 0 15px;

}



blockquote span.close {

  background: url(images/quote_close.gif) no-repeat bottom right;

  padding: 0 15px 0 0;

}



code {

  display: block;

  background-color: #F5F4F3;

  border: #E2DBD8 1px solid;

  color: #666666;

  padding: 3px 5px;

  margin: 10px 15px;

  font-size: 1.2em;

}



pre {

  padding: 1em;

  border: 1px dashed #2f6fab;

  color: black;

  background-color: #f9f9f9;

  line-height: 1.1em;

}







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



a {

  text-decoration: none;

  color: #0099CC;

}



a:hover {text-decoration: none; color: #00CCFF;}



a img {

  border: none;/*remove border for linked images*/

}

/***** Global Classes *****/

.clear {clear: both;}



.alignleft {display: block; float: left;}



.alignright {display: block; float: right;}



.aligncenter {

  display: block;

  text-align: center;

  margin: 0 auto;

}



.endOfSection {

  clear: both;

  width: 100%;

  height: 0;

  line-height: 0;

  font-size: 0;

  padding: 0;

  margin: 0;

  border: 0;

}



/* images */

img {border: none;}



img.alignleft,

img.alignright,

img.aligncenter {

  display: block;

  padding: 3px;

  background: #F5F4F3;

  border: 1px solid #E8E4E2;

}



img.alignleft {

  float: left;

  margin: 0 10px 2px 0;

}



img.alignright {

  float: right;

  margin: 0 0 2px 10px;

}



img.aligncenter {

  margin: 5px auto;

}



/***** Main Layout ****/



#wrapper1 {

  width: 100%;

  height: 100%;

  text-align: center;/* IE fix to center the page */

  background: url(images/bg.jpg) repeat-x 0 0;

  position: relative;

  z-index: 0;

}



#wrapper2 {

  width: 960px;

  background: url(images/bg_content.jpg) repeat-y top left;

  margin: 0 auto;/* center the page in Firefox */

  text-align: left;

  position: relative;

  z-index: 2;

}



/***** HEADER *****/

#header {

  height: 90px;

  padding: 0 25px;

  background: #F4F4EA url(images/bg.jpg) repeat-x 0 0;

}



#header .logo {

  width: 400px;

  height: 32px;

  float: left;

  clear: left;

  margin-top: 45px;

  margin-left: 20px;

  background: url(images/crest-bw-logo.jpg) no-repeat;

}



#header .logo a span {

  color: #66FF00;

}





#header .logo a {

  display: block;

  width: 100%;

  height: 100%;

  color: white;

  font-size: 1.6em;

  padding-left: 50px;

  line-height: 25px;

}



#header .logo a:hover {

  color: white;

}



/* Login */

/* not using this; see login in index.html */

#header ul.login {

  height: 36px;

  width: auto;

  float: right;

  clear: right;

  font-weight: bold;

  line-height: 36px;

  margin-right: 50px;

  color: white;

  font-size: 80%;

  text-align: center;

  background: url(images/login_r.jpg) no-repeat right 0;

  padding-right: 40px;

}



#header ul.login li.first {

  background: url(images/login_l.jpg) no-repeat left 0;

  height: 36px;

  width: 40px;

  padding: 0;

  margin: 0;

  display: block;

  float: left;

}



#header ul.login li {

   text-align: left;

  padding: 0 6px;

  display: block;

  float: left;

  height: 36px;

  background: url(images/login_bg.jpg) repeat-x 0 0;

}



#header ul.login li a {

  color: #8EF433;

}



#header ul.login li a:hover {

  color: white;

}



/***** INTRO *****/

#intro {

  width: 100%;

  height: 280px;

  position: relative;

  z-index: 1;

  color: white;

  font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#intro .text {

  height: 250px;

  position: relative;

  left: 180px;

  top: 0px;

  padding: 50px 0 0 230px;

/* tree-limb image is from http://www.birderslounge.com/wp-content/uploads/2009/02/20090126-dsc_0003-600x401.jpg */

  background: url(images/tree-limb2-stretch.jpg) no-repeat;

}



#intro .intro h1 {

  font-size: 1.8em;

  padding: 5px 0 5px 0;

  font-weight: bold;

  text-transform: uppercase;

}



#intro .intro h2 {

  font-size: 1.4em;

  padding: 0;

  margin: 0;

  font-weight: bold;

}



#intro .intro p {

  font-size: 1.2em;

  padding: 0;

  margin: 0;

  color: #333;

}



/***** Search Box *****/

/** not using this; see also the searchform in index.html

#intro #searchform {

  position: absolute;

  z-index: 2;

  left: 600px;

  top: 180px;

  width: 205px;

}



#intro #searchform .searchField {

  border: none;

  background: transparent;

  width: 158px;

  height: 23px;

  line-height: 23px;

}



#intro #searchform .searchSubmit {

  background: transparent url(images/searchButton.jpg) no-repeat 0 0;

  width: 40px;

  height: 26px;

  border: none;

  cursor: pointer;

}

**/



/***** CONTENT *****/

#content {

  display: block;

  float: left;

  clear: left;

  width: 635px;

  padding: 20px;

  margin: 0 0 30px 0;

  clear: both;

  text-align: justify;

  font-size: 0.9em;

}



#content h1 {

  background: #F8F7F3;

  /** here's a way to put an icon next to the header:

	background: #F8F7F3 url(../images/post_h1.jpg) no-repeat 0 bottom;

  **/

  border: #EEEEDF 1px solid;

  height: 20px;

  font-size: 1.6em;

  font-variant: small-caps;

  font-weight: bold;

  padding: 5px 0 0 30px;

  margin: 10px 0;

  color: #006699;

}



#content h2 {

  font-size: 1.6em;

  color: #4A4A4A;

  font-weight: bold;

  margin: 30px 0 10px 0;

  padding: 5px 0;

}



#content h3 {

  font-size: 1.4em;

  color: #4A4A4A;

  font-weight: bold;

  margin: 30px 0 10px 0;

  padding: 5px 0;

}



#content h4 {

  font-size: 1.2em;

  color: #333;

  font-weight: bold;

  margin: 10px 0 10px 20px;

}



#content a {

  text-decoration: underline;

}



#content p {

  padding: 5px 0  5px 15px;

}



#content ul, #content ol {

  padding: 5px 0 5px 20px;

  margin-left: 15px;

}



#content ul li {

  background: url(images/bullet.jpg) 0 6px no-repeat;

  padding-left: 15px;

}



/* Back to top */

/* ... which I'd remove, but there are positioning issues if I do! */



#content a.backToTop {

  display: block;

  clear: both;

}





/* content typography */

#content .download,

#content .note,

#content .error {

  display: block;

  width: 585px;

  min-height: 35px;

  float: left;

  margin: 10px 0;

  padding: 7px 10px 7px 40px;

  border-top: #EBE8D7 1px solid;

  border-bottom: #EBE8D7 1px solid;

  line-height: normal;

}



#content .download {background: #EBFEDA url(images/dwnld.jpg) no-repeat 5px 4px;}



#content .note {background: #FFF9D7 url(images/info.jpg) no-repeat 5px 4px;}



#content .error {

  background: #FF9D9D url(images/error.gif) no-repeat 5px 4px;

  border-top: #FF3300 1px solid;

  border-bottom: #FF3300 1px solid;

  min-height: 20px;

}



/***** SIDEBAR *****/

#sidebar {

  display: block;

  float: left;

  width: 255px;

  padding-left: 15px;

  margin-bottom: 30px;

  font-size: 0.8em;

  background: url(images/sidebar_bg.jpg) no-repeat 0 0;

}



#sidebar h2 {

  font-size: 1.4em;

  font-variant: small-caps;

  color: #65C80B;

  border-bottom: 1px solid #ccc;

  width: 255px;

  font-weight: bold;

  margin: 30px 0 10px 0;

}



/* News */

#sidebar ul#news li  {

  line-height: normal;

  border-bottom: dotted 1px #ccc;

  margin: 0 0 5px 0;

  padding: 0;

}



#sidebar ul#news li a img {

  display: block;

  float: left;

  border: #EDEBE9 1px solid;

  background: #F5F4F3;

  padding: 3px;

  margin: 0 5px 0 0;

}



#sidebar ul#news li a:hover img {

  border: #ccc 1px solid;

  background: #eee;

}



#sidebar ul#news li h3 {

  color: #CC3300;

  font-size: 1em;

  font-weight: bold;

  margin: 0;

  display: block;

  width: 188px;

  padding: 0;

}



#sidebar ul#news li p {

  margin: 0;

  padding: 0 0 5px 0;

}



#sidebar ul#news li a {

  text-decoration: underline;

}



/***** FOOTER *****/

#footer {

  clear: both;

  width: 960px;

  height: 150px;

  background: #F4F4EA url(images/footer_bg.jpg) repeat-x 0 0;

  color: #999;

  font-size: 0.9em;

  text-align: center;

}



#footer a {

  color: #999;

  border-bottom: 1px dotted #555;

}



#footer a:hover {

  color: #bbb;

  border-bottom: none;

}



#footer .before {

  background: url(images/footer_l.jpg) no-repeat left top;

  width: 26px;

  height: 74px;

  float: left;

}



#footer .after {

  background: url(images/footer_r.jpg) no-repeat right top;

  width: 26px;

  height: 74px;

  float: right;

  clear: none;

}



#footer .text {

  display: block;

  clear: none;

  width: 908px;

  float: left;

  clear: none;

  padding: 10px 0 0 0;

}



#footer .foot_info {

  display: block;

  clear: both;

  width: 850px;

  margin: 0 auto;

  font-size: 0.80em;

  line-height: normal;

}



#footer ul li {

  display: inline;

}