/* CSS Document */

body { 
text-align: center; 
}

#container {
margin-left: auto;
margin-right: auto;
border: 1px solid #333333;
width: 750px;
text-align: left; 
}

#header {
background-color:#b30000;
border-bottom: 1px solid #333333;
width:750px;
}

#navigation {
margin:0;
padding:0;
}

#navigation ul {
padding: 3px 0 3px 0;   /* top right bottom left */
margin-left: 0;
border-bottom: 2px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navigation ul li {
list-style: none;
margin: 0;
display: inline;
}

#navigation ul li a {
padding: 3px 0.5em;
margin-left:3px;
border: 1px solid #b8e673;
border-bottom: none;
background: #704f03;
text-decoration: none;
}

#navigation ul li a:link, #navigation ul li a:visited {
color: #ffe300;
}

#navigation ul li a:hover, #navsite ul li a:visted:hover {
color: #b8e673;
background: #808040;
border-color: #b8e673;
}

#navigation ul li a#current {
background: #b8e673;
border-bottom: 5px solid #b8e673;
background-color:  #b8e673;
color: #704f03;
}

#columnleft {
float: left;
width: 200px;
padding-top:1em;
background-color: #b8e673;
background-image:url(leftcolumn-bkgd.gif);
background-repeat:repeat-y;
}

#columnright {
padding-top:1em;
margin: 0 0 0 200px; /* top right bottom left */
background-color: #FFFFFF;
}

#columnright form {
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
padding: 0 10px 5px 15px;
color: #663300;
}


#footer {
clear: both;
background-color: #ffe300;
padding-bottom: .75em;
padding-top:.5em;
border-top: 1px solid #333333;
width:750px;
}


#footer p {
text-align:center;
color:#704f03;
}

p {
color:#704f03;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em; /* warning, illegible if LESS than default size, .8em */
text-align:left;
line-height: 1.2em;
padding:0.25em 15px 0.5em 15px; /* top right bottom left */
margin-top:.2em;
margin-bottom:.75em;
}

h1{
font-family: Georgia, "Times New Roman", Times, serif;
color:#996b00;
font-size:1.1em;
font-weight:bolder;
text-align:left;
padding:0.6em 0 .3em 15px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#cd9106;
font-size:0.9em;
font-weight:bold;
font-style:normal;
text-align:left;
padding:.6em 0 .3em 30px; /* top right bottom left */
margin: 0 0 0 0; /* top right bottom left */
}

a {
color: #704f03;
font-weight:bold;
}

a:link {
color: #704f03;
font-weight:bold;
}

a:visited {
color: #704f03;
font-weight:bold;
}

a:link:hover {
color:FFFFFF;
background-color:#704f03;
border-color:#663300;
}


.floatedImageRight {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #111111;
} 

.floatedImageLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid 111111;
}