html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center; background-color: #ccc;}

a{ color: #981793;padding:10px;}

div#header { height: 6em; background-color: white; color:black; border-bottom: 2px solid #8FBA2F; }

div#wrapper { margin-top: 5px; }

div#container{text-align:left}

div#content p{line-height:1.4}

div#navigation{background:#fff}

div#extra{background:#fff}

div#footer{background: #fff;color: #000; border-top: 2px solid #8FBA2F; }

div#footer p{margin:0;padding:5px 10px}

div#container{width:750px;margin:0 auto; }

div#bgwrap { background: #fff url(images/bg3.jpg); width: 800px; margin: 0 auto;}

div#content{float:right;width:545px}

div#navigation{float:left;width:200px}

div#extra{float:left;clear:left;width:200px;}

div#footer{clear:both;width:100%}



/* TABLES */ 

table {border: 2px solid #fff; border-collapse:collapse; width:90%; }

td {background-color: #fff; padding:3px; color:#000;}

th {text-align:center;border: 1px solid #fff;}

thead th {color:#fff; font-size:1.5em; background-color: #990 ; padding: 10px 6px;}

tbody th {color:#fff; font-size:1.15em; background-color: #8FBA2F ; padding: 6px;}

tbody th.sub {font-size: .90em; color:#fff; background-color: #336; padding: 6px;}



/* TEXT STYLES */

div#content a:link, div#content a:visited { padding:0; color:#600; text-decoration:none; border-bottom: 1px solid #8FBA2F; }

div#content a:hover {background-color: #990; color:#fff; }

div#content h1 { font-size: 2.5em; color:#600; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}

div#content h2 { font-size: 2em; color: #8FBA2F; line-height: 1.3em; letter-spacing: -1px;}

div#content h3 { font-size: 1.5em; color: #990;}

div#content h4 { font-size: 1.25em; color: #966;}

div#content h5 {font-size: 1em; font-weight:bold;}

div#content h1,h2,h3,h4,h5 {padding:0 5px 0px;}

acronym {border-bottom: 1px dotted #966; cursor:help; } 

form,submit { padding:0; margin:0; }

code { border: 1px dotted #8FBA2F; background-color: #990; color:#fff; margin-left: 3ex;}

blockquote { border: 1px solid #8FBA2F; background-color: #990; color:#fff; margin: 3ex; font-style:italic;}


/* Horizontal Navigation Menu */

#header ul {margin:0; text-align: right; padding-top: 3.6em; padding-bottom:0; }

#header ul li { list-style-type:none; display:inline;}

#header ul li a:link, #header ul li a:visited { display:inline; padding-top: 3em; text-decoration:none; color:gray; border-left: 2px solid #8FBA2F; }

#header ul li a:hover { border-bottom: 1px solid #8FBA2F; background: #fff url(images/arrow2.gif) center center no-repeat; }

.skiplink a:link, .skiplink a:visited { visibility: hidden;}


/* Form */


form {float: left; background: #ffffff ; color: #000000; width:275px;}

#validation {float: left; margin-top: 5px;}

/* form {float: left; background: #ffffff ; color: #000000; border:#8FBA2F 0.1em solid; padding: 5px; font-weight: bold; margin-top: 0.5em; } */

/* input {display:block; margin:0.3em; } */



/* Vertical Navigation Menu */

#navigation { margin-bottom: 15px; }

#navigation ul { list-style-type:none; margin:0; padding:0; }

#navigation ul li {line-height: 4px; border-bottom: 1px solid #8FBA2F;}

#navigation ul li a:link,#navigation ul li a:visited { text-decoration:none; color:black; text-transform:uppercase; padding-left: 20px; display:block; }

#navigation ul li a:hover { background: #fff url(images/dna.ico) left center no-repeat; left: 20px; font-weight:bold; }

#navigation p{margin:0 10px 10px}



/* Logobox */

#logobox { background-color: white; width: 200px; border: 1px solid #8FBA2F; text-align:center;}

#logobox h1 { border-top: 1px solid #600; }

#logobox h1, #logobox h2 { background: #8FBA2F url(images/greenhoriz.jpg) top left repeat; color: white; margin: 5px; padding: 8px; font-size: 1.3em; border-right: 1px solid #600; border-left: 1px solid #600; border-bottom: 1px solid #600;}

#logobox h2 { margin-top: 0; margin-bottom: 5px; font-size: 1em; border-bottom: 1px solid #600;}



/* Main pic area above content */

div#mainpicbox { height: auto; border: 3px solid #8FBA2F; margin-left: 10px; padding: 10px; margin-bottom: 15px; background: #fff; color:#000; }

div#mainpic { vertical-align: middle; text-align:center; margin-left: auto; margin-right: auto;}

div#mainpic h2 {color:#000; font-size: 2.75em; margin-top:0; padding-top: 2em; padding-left: 20px; margin-bottom:0; }

div#mainpic h3 { padding-left: 20px; color:#330;}

div#mainpic p, div#mainpic a:link, div#mainpic a:visited { display:inline; margin:0; color:#000; margin-left: 10px; font-weight:bold; font-size: 1.2em; text-decoration:none; }

div#mainpic a:hover {color:#8FBA2F; background-color:inherit; }


/* Main head area above content */

div#mainheadbox {border: 3px solid #8FBA2F; margin-left: 10px; padding: 10px; margin-bottom: 15px; background: #fff; color:#000; vertical-align: middle; text-align:center; }


/* Extra section */

/* .stripnav { background: #8FBA2F url(images/greenhoriz.jpg) top left repeat; margin:0; padding: 6px; color:white; font-weight:bold; padding-top: 10px; padding-left: 10px; margin-bottom: 10px;} */

.stripnav { background: #8FBA2F url(images/greenhoriz.jpg) top left repeat; color: white; font-weight:bold; text-align:center; margin: 5px; padding: 8px; font-size: 1.3em; border-right: 1px solid #600; border-left: 1px solid #600; border-bottom: 1px solid #600; border-top: 1px solid #600;}

div#extra p {margin-left: 0; clear:both; }

div#extra img { float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #8FBA2F; clear:both;}

div#extra p a:link, div#extra p a:visited { padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;}

div#extra p a:hover { text-decoration:underline;}



/* Photo Gallery Area */

div#gallery { border-top: 2px solid #8FBA2F; padding-top: 15px;}

div#gallery img {padding: 2px; border:1px solid #8FBA2F;}

div#gallery ul { list-style-type:none; margin:0; padding:0;}

div#gallery ul li {display:inline;}

div#gallery ul li a:link, div#gallery ul li a:visited {display:inline; border-bottom:0;}

div#gallery ul li a:hover {background-color:inherit;}



/* Footer Area */

div#footer ul { list-style-type:none; margin:0; padding:0; padding-top: 2px; text-align:right; font-size: 1.0em; }

div#footer ul li { list-style-type:none; display:inline; border-left: 1px solid #8FBA2F;}

div#footer  ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color:black; text-transform:uppercase;}

div#footer ul li a:hover {text-decoration:underline;}

div#footer p {text-align: center; margin-top: 5px;}



/* Content Area */

div#content img { padding: 2px; margin: 3px;}

/* border: 1px solid #8FBA2F; (puts a border around the main pic image - this has been taken out */

div#content p {padding-left: 5px;}


/* Bonus Styles */

p.rightsidelink { text-align:right; }

.rightsidelink a:link, .rightsidelink a:visited { padding:0; color:#600; font-weight:bold; text-decoration:none;}

.rightsidelink a:hover {text-decoration:underline;}

.entrytext { margin-top: 0; font-size:larger; font-weight:bold;}

.bright { font-size: 1.5em; color: #600; text-transform:uppercase;}

.move {margin-left: 3.5ex; border: 2px solid #000; }

.movecenter {margin-left: 3.5ex; text-align:center; vertical-align:middle;}

.user {font-size: 2em; text-align:center;}

.error {font-size: 1.0em; color: #f00; font-weight: bold;}