/* CSS Document */

body, div#container, div#header,  div#pencil,form,ul,ul#menu li,p, #right, #left, h1, h2, h3
{padding: 0px; margin: 0px}


body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fee7b3;
}
a:link
{
color: #a22822;
text-decoration:none;
}
a:visited
{
color: #fe8813;
text-decoration:none;
}
 a:hover {
color: #4076b4;
text-decoration:none;
}

div#container
{
width:780px;
border: 1px #000000 solid;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
padding: 0px 8px 0px 8px;
}
div#container:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
    }  
/* Hides from IE-mac \*/
* html div#container {height: 1%;
display: block;}
/* End hide from IE-mac */
div#container {height: 100%;}

/*------------- Header ---------------- */
/*Top Header and Logo*/
div#header /*Above grey line*/
{
height: 140px;

border-bottom:1px solid #a5a28f;
background:url(images/main/logo.gif) top left no-repeat;
}


div#header h3
{
color: #ff8d21;
font-variant:small-caps;
font-stretch:expanded;
}


/*------------- Menu ---------------- */
ul#menu
{

list-style:none;
text-align:right;
width: 780px;
margin-bottom: 40px;

}
ul#menu li
{float: right;
text-align:right;
color: #a22822;
font-size:70%;
font-weight:bold;
border-right: 1px solid #a5a28f;
padding: 3px 8px 3px 8px;
background-color: #fee7b3;
}

#menu li a:link, #menu li a:visited
{
color: #a22822;
text-decoration:none;
}
#menu li a:hover
{
color: #fe8813;
text-decoration:none;
}


/*------------- Left Div---------------- */
div#container #left
{
width: 200px;
margin: 0px;
float:left;
display:block;
padding: 10px;
}
#left p
{
font-size: 70%;

padding-bottom: 40px;
}
#left p.lefthead, #right p.lefthead
{
padding-bottom:2px; 
border-bottom:1px solid #a5a28f; 

}
#left p.leftheadb, #right p.leftheadb
{
padding-bottom: 0px;
margin-bottom: 30px;
background-color:#f7f7f7;
}

/*------------- Right Div---------------- */
div#container #right
{

border-left: 1px solid #a5a28f;
padding: 10px;
padding-left: 30px;
position:relative;
display:block;
margin:0px 0px 0px 228px;
}
#right h3
{
font-size: 90%;
font-weight: bold;
font-variant:small-caps;
color: #4076b4;
}
#right h3 a:link, #right h3 a:visited
{
color: #4076b4;
text-decoration:none;
}
#right h3 a:hover
{
color: #a22822;
text-decoration:none;
}




/*Fonts and such*/
h1
{
font-size: 120%;
margin-bottom: 8px;
color:#000066;
padding-top: 20px;
}
h2
{
color: #4076b4;
font-size: 100%;
margin-bottom: 8px;
font-family:Georgia, "Times New Roman", Times, serif;
}

p
{
padding-bottom: 20px;
line-height: 150%;
}
#right p
{
font-size: 75%;
}
ul.list li, ol.list li
{
font-size: 75%;
padding-bottom: 15px;
}
ol
{margin-top:0px;
padding-top:0px;
}

/*Form*/
input,textarea
{
width: 250px;
font-size: 90%;
}
textarea
{height: 150px;}
input.radio
{
width: auto;
}

form.top
{
font-size: 70%;
padding-top: 8px;
position:relative;
}

form.top input
{
width: 100px;
height:auto;
font-size: 90%;
margin-top:6px;
}

/*Form Rows*/
div.row
{

width: 450px;
font-size: 75%;
line-height: 150%;
}

div.row span.label {
  float: left;
  width: 130px;
  text-align: right;
  padding-right: 20px;
  padding-bottom: 6px;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  padding-bottom: 6px;
  } 

/*------------- Footer---------------- */

div#footer p
{
font-size: 65%;
text-align:center;
}