/* CSS Document */

/*/*/

body {margin: 0; padding: 0; background: #000000;}

#wrapper {width: 760px; padding: 0; margin: 0; background: #efe2b9 url(../files/iconicclover/background.jpg) repeat-y right center;}

#logo {position: absolute; background: url(../files/iconicclover/logo.jpg) no-repeat left top; left: 5px; top: 5px; width: 220px; height: 180px; border: none;}
#logo a {width: 220px; height: 180px; display: block;}
#header {width: 760px; height: 125px; padding: 0; margin: 0; clear: both;}
#header h2 {text-indent: -9999px; margin: 0;}
#header img {position: absolute; top: 5px; left: 5px;}
#header h3 {font: normal 13px Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; margin: 0; position: relative; left: 255px; top: 25px;}
.smallcaps {font-size: 18px;}

#contentwrapper {position: relative; width: 760px; background: transparent;}

#navbar {height: 50px; width: 524px; position: relative; left: 225px;}
#navbar ul {margin: 5px 0px 0px; padding: 0px; list-style: none; width: 518px; height: 50px;}
#navbar li {display: inline; float: left; margin: 0px; padding: 0px; background: url(../files/iconicclover/mainbutton.gif) no-repeat left top;}
#navbar a:link, #navbar a:visited {display: block; height: 35px; width: 86px; text-align: center; color: #000000; text-decoration: none; padding-top: 15px; font: normal 15px Arial, Helvetica, sans-serif; letter-spacing: -1px;}
#navbar a:hover, #navbar a:active {background: #000000 url(../files/iconicclover/mainbutton-over.gif) no-repeat; color:#efe2b9;}

#content {width: 710px; background: url(../files/iconicclover/divider2.gif) no-repeat center top; margin: 0px 20px 25px 20px; padding-top: 45px;}
#content p {font: 100% "Times New Roman", Times, serif;}
#content ul {padding: 0px; margin-left: 25px;}
#content li { list-style: url(../files/iconicclover/bullet.gif); font: 100% "Times New Roman", Times, serif;}
#content a:link, #content a:visited {color: #128154;}
#content a:hover, #content a:active {color: #000000;}
#content .portfolio {margin: 5px 0px 10px 10px;	display: inline; clear: both;}
#content .portfolio li {list-style: url(../files/iconicclover/bullet-blank.gif); text-align: left; border: 1px solid #000000; width: 320px; padding: 10px; float: left; margin-right: 10px; margin-bottom: 10px;}
.portfolio img {float: left; border: 1px solid #000000; margin-right: 10px; margin-bottom: 5px;}
#content .portfolio h3 {font: bold 115% Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-bottom: 0.5em;}
#content .portfolio p {font-size: 90%;}
#content .center {text-align: center;}
#content h2 {font: normal 145% Georgia, "Times New Roman", Times, serif;}
#content legend {font: bold 95% "Times New Roman", Times, serif; color: #000000;}
#content form {font: bold 100% "Times New Roman", Times, serif;	text-align: left; margin: 10px;}
#content fieldset {margin: 25px;}
#form input {background: #F5EED8; border-top: 1px solid #198F5D; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #198F5D; color: #198F5D; font: 100% "Times New Roman", Times, serif; width: 300px;}
#content #form .submit-button {font-size: 105%; font-weight: bold; border-width: 2px; width: 65px;}
.italics {font-style: oblique;}
#content img {float: right;	border: 1px solid #000000; margin: 10px;}
.bold {font-weight: bold;}
#content .noborder {border: none;}
#content h1 {font: normal 175% Georgia, "Times New Roman", Times, serif; letter-spacing: 0.1em;	text-align: center;	margin: 0px 0 0;}
.leftflourish {background: url(../files/iconicclover/headline-flourish-left.gif) no-repeat left center; margin: 0px; color: #EFE2B9;}
.rightflourish {background: url(../files/iconicclover/headline-flourish-right.gif) no-repeat left center; margin: 0px; color: #EFE2B9;}

#footer {height: 50px; width: 760px; clear: both; background: #efe2b9 url(../files/iconicclover/footer.jpg) no-repeat right top; margin-top: 25px;}
#footer ul {margin: 0px; padding: 0px; list-style: none; float: right; position: relative; top: 1px; right: 15px;}
#footer li {display: inline; float: left; margin: 0px; padding: 0px;}
#footer a:link, #footer a:visited {height: 30px; width: 50px; display: block; margin: 0px; padding: 13px 0px 0px; text-align: center; text-decoration: none; font: bold 125% "Times New Roman", Times, serif; color: #000000; background: url(../files/iconicclover/button.gif) no-repeat left top;}
#footer a:hover, #footer a:active {background: url(../files/iconicclover/button-over.gif) no-repeat left top; color: #efe2b9;}
#footer h4 {float: left; color: #198f5d; position: relative; left: 160px; margin: 0px; padding: 0px; top: 15px;}

#credits {width: 750px; clear: both; margin-right: 10px; padding-bottom: 75px;}
#validation {padding-left: 10px; padding-top: 5px; float: left;}
#validation img {margin-right: 15px; border-style: none;}
#validation p {margin: 0; color: #198f5d; font: 65% Georgia, "Times New Roman", Times, serif;}
#validation a:link, #validation a:visited {text-decoration: none; border-bottom: 1px dotted #198f5d; color: #198f5d;}
#validation a:hover, #validation a:active {text-decoration: none; border-bottom: 1px dotted #efe2b9; color: #efe2b9;}
#version {padding-right: 10px; padding-top: 5px; float: right;}
#version p {margin: 0px; color: #198f5d; font: 65% Georgia, "Times New Roman", Times, serif;}

#testsite a:link, #testsite a:visited {display: block; width: 50px; height: 50px; position: relative; bottom: 35px; left: 5px; background: url(../files/hammer-wrench.gif) no-repeat;}
#testsite a:hover, #testsite a:active {background: url(../files/hammer-wrench2.gif) no-repeat;}
#testsite p {text-indent: -9999px;}

#threeleafclover, #fourleafclover, #fiveleafclover, #sixleafclover, #sevenleafclover {display: none;}