/*--------------------------
Keith Sutton
VALID CSS 2.0
COPYRIGHT 2007-2011 WILDFIREWEB
AUTHOR: support@wildfireweb.com
CREATED: 12/6/07
Modified: 072211bt
---------------------------*/

@import url(/css/wildfirecommon.css);
@import url(/templates/drkeithsutton/css/slatesblogs.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
background: #979797;
}

a {
color: #0066A1;
}

a:visited {
color: #0066A1;
}

a:hover {
color: #485b7d;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #fe622b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}

#wrapper{
margin:0 auto;
padding: 0 12px;
background: transparent url(/templates/drkeithsutton/images/wrapbg.gif) repeat-y top center;
position: relative;
width: 904px;
}

.hide{
position: absolute;
left: -9999em;
}

span.clearboth{
clear: both;
margin: 0;
height: 1px;
padding: 0;
display: block;
}

#container{
width: 880px;
position: relative;
display: block;
float: left;
margin: 0;
left: 12px;
padding: 0;
background: #fff url(/templates/drkeithsutton/images/navbg.gif) repeat-y top left;
}

/* HEADER */

#header{
position: relative;
display: block;
width: 860px;
height: 157px;
padding: 0 0 0 20px;
margin: 0;
margin-left: 12px;
background: #485b7d url(/templates/drkeithsutton/images/header3.gif) no-repeat top left;
color: #fff;
clear: both;
z-index: 4;
}

/* band for top nav */

#topnav {
position: relative;
display: block;
width: 880px;
height: 30px;
margin:0;
padding: 0;
background: #485b7d;
clear:both;
z-index: 3;
}

/* dropdown menu */

#dropnav {
position: relative;
padding:0.5em 0 0 0;
list-style: none;
margin: 0 0 0 20px;
text-align: center;
background: #485b7d;
}

#dropnav li{
position: relative;
display: block;
font-size: 14px;
font-weight: bold;
height: 30px;
float:left;
margin: 0;
padding: 0;
list-style: none;
}

#dropnav li a{
position: relative;
color: #cbd9e6;
text-decoration: none;
padding: 0px 12px 0px 12px;
margin: 0;
}

#dropnav li a:hover{
color: #fff;
}

#dropnav li.selected_tab a{
color: #fff;
}

#dropnav li ul {
	display:none;
	list-style:none;
	position: absolute;
	width: 200px;
	top:25px;
	left:10px;
	z-index:25;
	background:#cbd9e6;
	margin: 0;
	padding: 0;
	text-align: left;
}

#dropnav li:hover ul, #dropnav li.over ul {
	display: block; 
}

#dropnav li ul li {
	position:relative;	
	display:block;
	float:none;
	width:100%;
	_width:200px;
	height:25px;
	margin:0;
	padding:0;
	list-style:none;
	background:#cbd9e6;
	border:1px solid #aaa;
	border-right:none;
	border-top:none;
	z-index:200!important;
}
#dropnav li ul li b {
	color:#fff;
}

#dropnav li ul li a, #dropnav li ul li span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333!important;
	font-weight:bold;
	display:block;
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
	border:none;
	line-height:25px;
	height:25px;
	background:#cbd9e6;
}
#dropnav li ul li a:hover {
	background:#4d7ea8;
	color:#fff!important;
}
/* End Drop Down Menu */


/* SIDE NAVIGATION */

#nav{
float: left;
display: block;
margin: 0 25px 0 0;
padding: 0 0 10px 10px;
width: 150px;
list-style: none;
clear: both;
font-size: 10px;
color: #000;
}

#nav a {
color: #cbd9e6;
}

#nav a:hover{
color: #fff;
}


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

#nav li{
position: relative;
display: block;
font-size: 1.2em;
margin: 0 1.0em 0 0;
padding: 0.6em 0.5em 0.3em 0;
border: none;
}

#nav li a{
color: #cbd9e6;
padding: 0;
font-weight: 600;
font-size: 11px;
text-decoration: none;
}

#nav li a:hover{
color: #fff;
}

#nav li.level_2 a:hover{
color: #fff;
}

#nav li span.level_2 {
color: #fff;
padding: 0;
font-weight: 600;
font-size: 11px;
}

#smallbox{
position: relative;
display: block;
clear: both;
background: #cbd9e6;
width: 145px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
}

#smallbox div{
position: relative;
font-size: 10px;
padding: 0 8px;
color: #555;
}

#smallbox div a {
color: #0066A1;
}

#smallbox div a:visited {
color: #0066A1;
}

#smallbox span.smallcap{
display: block;
width: 145px;
height: 22px;
background: transparent url(/templates/drkeithsutton/images/smallcap.gif) no-repeat top center;
}

#smallbox span.smallfoot{
display: block;
width: 145px;
height: 22px;
background: transparent url(/templates/drkeithsutton/images/smallfoot.gif) no-repeat top center;
}

/* CONTENT */

#content{
position: relative;
display: block;
float: left;
margin: 0;
padding: 20px 10px 0 10px;
width: 650px;
font-size: 12px;
overflow: hidden;
line-height: 1.6;
background: #fff;
z-index: 2;
}

#bottom_content{
position: relative;
display: block;
width: 650px;
padding: 0;
bottom: 5px;
overflow: hidden;
margin: 20px 0 0 0;
}

#bottom_content table {
border: 1px solid #ccc;
}

#bottom_content td {
border: 1px solid #ccc;
}

#leftside {
position: relative;
display: block;
float: left;
}

#rightside {
position: relative;
display: block;
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#blurb{
position: relative;
display: block;
clear: both;
float: left;
width: 310px;
overflow: hidden;
}

#blurb2{
position: relative;
display: block;
clear: both;
width: 305px;
float: left;
margin-top: 20px;
overflow: hidden;
}

#box1{
position: relative;
display: block;
clear: both;
background: #cbd9e6;
width: 305px;
float: left;
overflow: hidden;
}

#box1 div{
font-size: 12px;
padding: 0 8px;
color: #555;
}

#box1 span.cap{
display: block;
width: 305px;
height: 26px;
background: transparent url(/templates/drkeithsutton/images/pomcap.gif) no-repeat top center;
}

#box1 span.foot{
display: block;
width: 305px;
height: 26px;
background: transparent url(/templates/drkeithsutton/images/pomfoot.gif) no-repeat top center;
}

#box2{
position: relative;
display: block;
clear: both;
float: left;
background: #cbd9e6;
width: 310px;
margin-top: 20px;
}

#box2 div{
font-size: 11px;
padding: 0 13px;
color: #555;
}

#box2 span.cap{
display: block;
width: 310px;
height: 29px;
background: transparent url(/templates/drkeithsutton/images/eventscap.gif) no-repeat top center;
}

#box2 span.foot{
display: block;
width: 310px;
height: 29px;
background: transparent url(/templates/drkeithsutton/images/eventsfoot.gif) no-repeat top center;
}

.boxcontent {
position: relative;
top: -13px;
}

.heading1{
font-size: 1.1em;
color: #3366cc;
font-weight: bold;
text-transform: uppercase;
}

.heading2{
font-size: 1.1em;
font-weight: bold;
color: #3366cc;
position: relative;
top: -13px;
margin: 0 0.5em;
padding: 0;
text-transform: uppercase;
}

/* FOOTER */

#footer{
display: block;
position: relative;
width: 894px;
clear: both;
background: transparent url(/templates/drkeithsutton/images/footerbg1.jpg) no-repeat bottom center;
padding: 0 10px 10px 0;
margin: 0;
border: 0;
color: #fff;
font-size: 1.1em;
text-align: right;
}

#footer a{
color: #fff;
}

#footer a:hover{
color: #fff;
}

#footer form {
overflow: hidden;
}

#bottom_links {
display: block;
position: relative;
height: 56px;
width: 821px;
margin: 0 0 0 12px;
border: 0;
padding: 6px 30px;
clear: both;
}

#copyright {
display: block;
position: relative;
height: 22px;
width: 851px;
margin: 0 0 0 12px;
border: 0;
padding: 8px 30px 20px 0;
clear: both;
margin: 0 auto;
text-align: right;
}

#shoppingcart {
display: block;
width: 640px;
height: 20px;
background-color: pink;
margin-bottom: 20px;
padding: 6px;
font-weight: bold;
}

span.editable {
	line-height: 1.6;
}

#PickerDiv {
z-index: 9999;
}

#PickerDiv td {
border: 0;
}