/* standards */
body { background-color: #fdfff1; margin: 0px; font-family: Tahoma ,Verdana, Arial, Helvetica; font-size: 12px; color: #555; }
img { border: 0px; }
p,h1,h2,h3,h4 { margin-top: 0px; margin-bottom: 0px; color: #555; }
ul, li { margin: 0px; padding: 0px; }
a { text-decoration: none; color: green; }
a:hover { color: orange; }
textarea { width: 100%; font-size: 11px; font-family: Tahoma, Garamond; }

/* site */
#site { margin-left: auto; margin-right: auto; width: 680px; }

/* header */
#header {  background-image: url(images/header.jpg); width: 620px; height: 142px; float: left; padding-left: 30px; padding-right: 30px; }

/* nav bar */
#navBar { background-image: url(images/nav.jpg); width: 580px; height: 34px;float: left; float: left; padding: 0px 50px 0px 50px; }
	/* nav bar fonts */
	#navBar ul { padding-bottom: 0px; }
	#navBar li { list-style: none; display: inline; }
	#navBar	a			{ text-decoration: none; color: black; font-size: 11px; line-height: 19px; padding-right: 10px; }
	#navBar	a:hover		{ color: green; }
	
/* gallery */
#gallery { background-image: url(images/bg.jpg); width: 620px; float: left; padding-left: 30px; padding-right: 30px; }

/* body */
#body { background-image: url(images/body.jpg); width: 620px; float: left; padding: 0px 30px 0px 30px; }
 
#bodyLeft { width: 217px; height: 100%; float: left; padding: 20px 0px 20px 20px; }
/* bodyLeft bar fonts */
 #bodyLeft p,li { color: black; font-size: 12px; }
 #bodyLeft a { text-decoration: none; color: black; font-size: 11px; }
 #bodyLeft a:hover { color: green; }
 #bodyLeft ul { padding-bottom: 10px; }
 #bodyLeft li { list-style: url(images/bullet.gif); padding: 1px 0 0 0; }
 #bodyLeft h1 { font-size: 11px; padding-top: 5px; border-top: 1px solid #7f8176; padding-bottom: 5px; font-weight: bold; color: black; }

#bodyRight { width: 329px; height: 100%; float: right; padding: 20px 20px 30px 20px; }
 /* bodyRight fonts */
 #bodyRight p, li { color: black; font-size: 12px; line-height: 19px; padding-bottom: 3px; padding-top: 5px; }
 #bodyRight li { list-style: none; }
 #bodyRight h1,h2 {  font-family: Garamond; }
 #bodyRight h1 { font-size: 27px; border-bottom: 1px solid #7f8176; padding-bottom: 18px; font-weight: normal; color: #666; }
 #bodyRight h2 { font-size: 18px; line-height: 20px; border-bottom: 1px solid green; padding: 15px 0px 6px 0px; font-weight: bold; color: green; }
 #bodyRight h3 { font-size: 15px; padding-top: 7px; }
 #bodyRight h4 { font-size: 13px; padding-top: 6px; }
 #bodyRight a { color: green; }
 #bodyRight a:hover { border-bottom: solid 1px #fa0200; color: #fa0200; }
 #bodyRight img {float: left; padding: 10px 10px 10px 0 ; }

/* body form */
.bodyForm { width: 230px; height: auto; text-align: right; }
.bodyForm input, select { width: 160px; height: 17px; margin-top: 5px; font-size: 10px; }

/* footer */
#footer { background-image: url(images/footer.jpg); width: 580px; height: 99px; float: left; float: left; padding-left: 50px; padding-right: 50px; }
#footer p { margin-top: 35px; font-size: 11px; }
 #footer a { text-decoration: none; color: black; font-size: 11px; }
 #footer a:hover { color: green; }

/* contenArea */
/* body */
#contentBody { background-image: url(images/contentBody.jpg); width: 620px; float: left; padding: 0px 30px 0px 30px; }
#contentBody textarea { width: 570px; font-size: 11px; font-family: Tahoma, Garamond; }
#contenArea { width: 580px; padding: 20px 20px 30px 20px; }
 #contenArea h1,h2 { font-family: Garamond, Tahoma ,Verdana; }
 #contenArea h1 { font-size: 26px; padding-bottom: 12px; font-weight: normal; color: #666; }
 #contenArea h2 { font-size: 17px; line-height: 20px; padding: 7px 0px 3px 0px; font-weight: bold; color: green; }
 #contenArea h3 { font-size: 12px; padding-top: 7px; }


/* footer */
#contentFooter { background-image: url(images/contentFooter.jpg); width: 580px; height: 71px; float: left; float: left; padding-left: 50px; padding-right: 50px; }
#contentFooter p { margin-top: 35px; font-size: 11px; }
 #contentFooter a { text-decoration: none; color: black; font-size: 11px; }
 #contentFooter a:hover { color: green; }