/* Start Dynamic CSS */

body {
	background-image: url(../images/greenbg.jpg);
	text-align:center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #484848;
	background-color: #FFFFFF;
	margin: 5px;
}

#siteContainer{
	width:920px;
	margin: 0 auto;
	background:white;
	border: 2px solid white;
}

#headerContainer{
   background-image:url(../images/logo.jpg);
   background-position:left;
   padding-top:125px;
   padding-bottom:40px;
}

#menuContainer {
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:5px;
	background-color:#FFD481;
}

#contentContainer{
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
}

#contentLeftColumn { 
    float:left; width:50%;
} 

#contentRightColumn { 
    float:right; width:50%;
}

div.leftside {float: left;
width: 530px; 
}

div.rightside {float: right;
width: 250px; 
}

#highlightboxes .highlightbox {
background:url("/images/gradient_3.jpg") repeat-x scroll 0 0 #D5D5D5;
border:2px solid #D5D5D5;
padding-left:4px;
padding-right:4px;
float:right;
font-size:10px;
height:195px;
margin-right:28px;
width:175px;
}

#highlightboxes .highlightbox h2 {
	background:url("/images/arrow.gif") no-repeat scroll 9px 7px #D5D5D5;
	color:#B1D569;
	font-size:14px;
	font-weight:bolder
	margin:0;
	padding:5px 0 7px 23px;
}

a:link,
a:visited {
	color: #5d4936;
}

a:hover {
	color: #F2AF41;
}

a:active {
	color: #CCCCCC;
}

#menu {
	background-color: #F6C564;
	color:#CCCCCC;
	padding-top:2px;
	padding-bottom:4px;
	margin-bottom:4px;
}

#menu a:link,
#menu a:visited,
#menu a:active {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-left:3px;
	padding-right:3px;
}

#menu a:hover {
	color:#F2AF41;
}

h1 {
    font-size:20px; 
	margin-top:0px; 
	margin-bottom:10px;
}
h2 {
    font-size:18px; 
	margin-top:0px; 
	margin-bottom:10px; 
	font-weight:normal;
}

h3 {
	font-size:14px;
	color:#EF9F58;
	font-weight:bold;
}



/* End Dynamic CSS */



#footerContainer{
	background-color:#F6C564;
	padding:4px;
}

#footerLinks{
	color:#FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
}

#footerLinks a:link,
#footerLinks a:visited,
#footerLinks a:active {
	color:white;
	text-decoration:none;
}
#footerLinks a:hover{
	color:white;
	text-decoration:underline;
}


#copyright{
	float:left;
	width:300px;
	color:#FFFFFF;
	text-align:left;
}

#developer{
	float:right;
	width:300px;
	text-align:right
}
#developer a:link,
#developer a:visited,
#developer a:active,
#developer a:hover {
	color:white;
}
.clear{
	clear:both;
}
.italics {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

#page-wrap {
	width: 560px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 371px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 125px;
	padding-top: 5px;
	font-size: 1.2em;
}