/* HTML and BODY */
body { margin: 0px auto; background-color: #c3e1c1; font-family: Verdana; font-size: 0.8em; color: #000000; text-align: center; }
/* Classes */
img { border: 0; }
.bar { width: 100%; height: 27px; background-image: url('../images/gradientt.jpg'); background-repeat: repeat-x; }
.clearer { clear: left; line-height: 0; height: 0;}

h1 { font-size: 1.7em; text-align: center; }

a:link, a:active, a:visited { color: #165e11; text-decoration: none; }
a:hover { color: #c3e1c1; text-decoration: underline; }

div.panel { width: 150px; padding: 10px; background-color: #c3e1c1; border: 1px solid #165e11; }
div.panel a { color: #165e11; font-weight: bold; text-decoration: none; }
div.panel a:hover { color: #000000; text-decoration: underline; }

/* Layout */
#container { width: 1000px; margin: 0 auto; text-align: left; background-color: #FFFFFF; }
#header { width: 100%; height: 165px; background-color: #165e11; background-image: url('../images/header2.jpg'); background-repeat: no-repeat; border: 1px solid #165e11; border-bottom: none; }
#content { width: 100%; height: 500px; background-color: #FFFFFF; border-left: 1px solid #165e11; border-right: 1px solid #165e11; padding: 20px; }
#footer { width: 100%; height: 25px; color: #FFFFFF; font-weight: bold; background-color: #165e11; text-align: center; padding-top: 2px; background-image: url('../images/gradient.jpg'); background-repeat: repeat-x; border: 1px solid #165e11;}
#footer a { color: #000000; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#welcome { float: right; width: 800px; border: 1px solid #165e11; background-color: #c3e1c1; padding: 5px 10px 5px 10px; }