/* Tanya Britt */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body {font: 11px/17px verdana, arial,sans-serif;background: #CDC1A9 url(bgmain.gif) repeat-x;padding:0;margin:0;}
p {margin-top: 0px;}
a {text-decoration:none;border-bottom:1px dashed #000;color:#000;font-weight:bold;}
a:hover{border-bottom:1px solid #BA964D;	color: #BA964D;}

/*  ---------------- */
#container {width:770px;position:relative;margin:0px auto 0px auto;padding:0 0 20px 0;background: url(bgcontainer.jpg) no-repeat top left;}
#pageHeader { display:none;}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
html>body #intro{border:1px solid transparent;}
#quickSummary p.p1 span {display:none;}
#quickSummary p.p2 span {position:absolute;padding-top:288px;margin-left:270px;font: normal 9px/13pt verdana, arial,sans-serif;color:#6F5C35;}
#quickSummary p.p2 span a{color:#6F5C35;font-weight:bold;border:none;}
#quickSummary p.p2 span a:hover{color:#976717;border-bottom:1px solid #976717; }

#preamble {margin-top:310px;margin-left:275px;	padding: 0px 35px 0px 0px;	}
#supportingText {margin:0px 0 0 275px;padding: 0px 35px 0px 0px;}

#preamble h3  {display:block;background: url(titleRoad.gif) no-repeat top left;margin-left:-50px;width:389px;height:28px;}
#preamble h3 span{display:none;}

#explanation h3  {display:block;background: url(titleAbout.gif) no-repeat top left;	margin-left:-50px;width: 330px;height:22px;}
#explanation h3 span{display:none;}

#participation h3  {display:block;background: url(titlePart.gif) no-repeat top left;	margin-left:-50px;width: 330px;height:22px;}
#participation h3 span{display:none;}
#benefits h3  {display:block;background: url(titleBen.gif) no-repeat top left;	margin-left:-50px;width: 209px;height:28px;}
#benefits h3 span{display:none;}
#requirements h3  {display:block;background: url(titleReq.gif) no-repeat top left;	margin-left:-50px;width: 221px;height:28px;}
#requirements h3 span{display:none;}


#footer a{font: normal 10px/12px verdana, arial,sans-serif;display:inline;background:#C9C4AE;
border-left: 2px solid #A5977F;padding:2px 7px;border-bottom:none;color:#495A5D;}
#footer a:hover{background:#ccc;border-left: 2px solid #7C705B;color:#000;}


/* link container */
#linkList {width:202px;height:571px;left:22px;top:61px;background:  url(bglink.gif) top left no-repeat;
position:absolute;}


/* link titles */
#linkList h3.select span, 
#linkList h3.archives span, 
#linkList h3.resources span {display:none}

/* link text container */
#linkList2{width:152px;}
#lselect{margin-top:74px;}
#larchives{margin-top:28px;}
#lresources{margin-top:28px;}

#linkList ul{list-style-type:none;padding:0;margin:0;}
#linkList li {color:#A59573;font-size:9px;padding-left:10px;border-bottom:1px solid #C2B6A1;border-left:6px solid #CEBA92;}
#linkList li:hover{border-left:6px solid #9AA2A3;background:#CDC3AF;}
#linkList li a{letter-spacing:0px;font:normal 11px/12px verdana, arial,sans-serif;color:#867758;display:inline;
border-bottom:none;}


#linkList #lresources a:hover, #linkList #larchives a:hover{color:#342507;}
#linkList #lresources li {line-height:2.7em;}

#linkList a.c{display:inline;letter-spacing:-1px;margin-left:0px;font:normal 9px/10px verdana, arial,sans-serif;color:#A59573;}
#linkList a.c:hover{color:#786F5D;border-bottom:1px solid #786F5D;}

#linkList div#lselect {text-align: right;}
#linkList div#lselect li {line-height:1.70em;}
html>body #linkList div#lselect li {line-height:2.05em;}

#extraDiv1{position:absolute;top:230px;margin-left:4%;margin-right: auto;display:block;width:128px;height:421px;background: url(man2.gif) top no-repeat;}

#lselect ul li a{display:block;font-weight:bold;margin-right:10px;margin-left:0px;}
#lselect ul li a:hover{color:#304549;}