﻿body {margin:0; padding:0; background:#000000 url(../images/layout/bg.gif) repeat-x top center;}
#container {width:900px; margin:10px auto; position:relative; padding:0; background:white url(../images/layout/containertop.jpg) no-repeat top center;}

#links {position:absolute; top:227px; width:100%; padding:0; clear:both;}
#nav {margin:0; list-style:none; padding-left:100px;}
#nav li {float:left; margin-right:40px;}
#nav li a {display:block; height:30px; padding-top:15px; width:100px; color:#eeeeee; font-weight:bold; text-align:center;}
#nav li a:hover {background-color:#666666; background:url(../images/layout/navhover.jpg) repeat-x top center;}
#nav li a.dud {cursor:default;}
#nav li ul {list-style:none; padding:0; margin:0; position:absolute; width:195px; left:-999em; background-color:#394442;}
#nav li ul li {padding:2px; margin-top:5px;}
#nav li ul li a {padding:5px 2px 0 5px; margin:0; height:30px; width:180px; text-align:left;}
#nav li:hover ul {left:auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#pageContent {padding:300px 20px 50px 20px; /*position:relative;*/ clear:both;}

#footer {clear:both; height:195px; background:#000000 url(../images/layout/footerbg.jpg) repeat-x top center;}
#footer p {color:#ccddcc; font-size:8pt; text-align:center; margin:0; padding-top:20px;}
#footer a {color:#ccddcc; text-decoration:none}

/* Tab-like table layout */
.tabTable {width:100%; border-collapse:collapse;}
.tabTable td {padding:5px;}
.tabTable td.tabOff a, .tabTable td.TabOn a {display:block;}
.tabTable td.tabOff {border:1px solid #999999; background-color:#dddddd; width:33%;}
.tabTable td.tabOn {border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; background-color:#ffffff; width:34%}
.tabTable td.tabEmpty {border-bottom:1px solid #999999;}
.tabTable td.tabMain {border-left:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999; background-color:#ffffff;}

/* Main product area links */
ul.mainproducts {list-style:none; padding:0;}
ul.mainproducts li {width:252px; height:242px; padding:0; float:left; margin-right:20px;}
ul.mainproducts li a {color:White; font-weight:bold; text-decoration:none; text-align:center; display:block; padding-top:215px;}

/* News Column */
.newscol {width:200px; float:right; background:#ffffff url(../images/layout/newscolbg.jpg) no-repeat top center; border:1px solid #aaaaaa; margin-top:15px;}
.newscol h2 {font-size:12pt; font-weight:normal; color:#ffffff; margin:0 0 30px 0; text-align:center; padding-top:15px;}
.newscol .newsitem {margin-top:10px; padding:5px;}
.newscol .newsitem p {margin:0; font-size:9pt;}

/* Div to shield content from news col */
.newsleft {width:625px; float:left;}

/* Appointments doc list */
table.apps {margin:20px auto; border-collapse:collapse; width:75%;}
table.apps td, table.apps th {text-align:left; padding:5px; vertical-align:middle;}
table.apps td {border-top:1px dashed #bbbbdd;}

/* Forms */
table.contactform {background-color:#eeeeee; border:1px solid #999999;}
table.contactform td {padding:5px;}

/* Image holder */
.imageHolder {padding:0; border:1px solid black; margin:0; overflow:hidden; text-align:center;}
.imageHolder span {font-style:italic; font-weight:bold;}

/* Contact page site locations */
.site {margin-top:2em; margin-bottom:2em;}
.site table {}
.site table tr {}
.site table tr td {padding-bottom:10px;}


p, li, div, input, textarea, td {font-family:Arial, Helvetica, Sans-Serif; font-size:10pt;}
p, li {line-height:1.5em;}

td {vertical-align:top;}
textarea {width:300px; height:100px;}

.clear {clear:both; height:0; overflow:hidden;}
.bold {font-weight:bold;}
.italics {font-style:italic;}
.red {color:#cc0000;}
.green {color:#00cc00;}
.smallprint {font-size:8pt;}
.pushbutton {cursor:pointer;}
.greenButton {background-color:#327769; color:White; font-weight:bold;}
.redButton {background-color:#773232; color:White; font-weight:bold;}
.blueButton {background-color:#323677; color:White; font-weight:bold;}
