@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea {    
    margin:0;   
    padding:0;   
} 

a img { border: none; }


/*********************************/
/*            BODY
/*********************************/

body {
background:url(../images/bodyBkgd.gif) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:75%; 
color:#333333;
}

/*********************************/
/*           CONTAINER
/*********************************/

#container {
height:auto;
width:898px;
margin:0 auto;
position:relative;
}

#hdr {
background:url(../images/hdr.jpg) no-repeat;
width:898px;
height:157px;
position:relative;
top:6px;
}

/*hotlink over logo*/
#hdr h1 a {
display:block;
width:370px;
height:70px;
top:30px;
position:relative;
left:360px;
outline:none;
}

#hdr h1 span {
display:none;
}

/*********************************/
/*          NAVIGATION
/*********************************/

#nav {
position:relative;
height:25px;
top:7px;
}

#nav ul li {
list-style:none;
display:inline;
position:relative;
margin:0 0 0 18px;/*adjust spacing between items. must match padding of #nav ul li a*/
}

#nav ul li a {
text-transform:uppercase;
font-weight:bold;
border-right:1px solid #CCCCCC;
padding:0 18px 0 0 ;/*adjust spacing between items. must match padding of #nav ul li*/
color:#FFFFFF;
text-decoration:none;
outline:none;
height:auto;/*this is for IE6*/
font-size:13px;
}

#nav ul li a:hover {
color:#e1cc3e;
}

/**********************************************/
/*    CONTENT REGION (LEFT COL + TEXT AREA)
/**********************************************/

/*declares the triange piece*/
#contentarea {
min-height:715px;
height:600px;
height:100%;
background:url(../images/triangle.jpg) no-repeat top;
position:relative;
top:6px;
z-index:99;
}

/*********************************/
/*          LEFT COLUMN
/*********************************/
#leftcol {
position:relative;
float:left;
width:200px;
margin:10px 0 0 0;
}

#whereyourat {
font-size:1.7em;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
margin:3px 0 25px 0;
position:relative;
left:40px;
}

/*subnav*/
#leftcol ul {
position:relative;
margin:20px 0;
left:40px
}

#leftcol ul li {
list-style:none;
margin:7px 0;
}

#leftcol ul li a {
color:#2b4110;
text-decoration:none;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-size:1.3em;
}

#leftcol ul li a:hover {
text-decoration:underline;
color:#047a83;
}

/*second tier*/
#leftcol ul ul {
position:relative;
margin:5px 10px 5px 0;
left:20px
}

/*********************************/
/*          TEXT AREA
/*********************************/

#textarea {
padding:60px 0px 40px 0px;/*MOVES UP FROM TOP*/
position:relative;
float:right;
right:40px;
width:600px;
}

#textarea p {
line-height:1.5em;
}

#textarea ul, #textarea ol {
margin:0 2em;
}

#textarea a {
color:#427b8b  ;
text-decoration:underline;
}

#textarea a:hover {
text-decoration:none;
}

#textarea .txthdr {
font-size:2em;
font-weight:bold;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
padding:0 0 .4em 0;
}

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

#footer {
border-top:3px solid #CCCCCC; 
position:relative;
left:30px;
top:10px;
width:840px;
height:60px;
clear:both;
font-size:.9em;
}

#footer p {
text-align:center;
margin:0;
padding:15px 0;
}

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

#footer a:hover {
text-decoration:none;
}