/************ Classes *************/


.h2margin {
margin-left:5px;
margin-top:5px;
color:#810000;
background-color:transparent;
}
.margin_bot {margin-bottom:10px;}
.news{margin-bottom:3px;}
.ltgrey {color:#999; background-color:transparent;}
.black {color:#000; font-weight: normal; font-size: 13px; background-color:transparent;}
.plan_margin {margin-left:5px; margin-top:5px;
}
.callout {
float:left;
width:150px;
border-top: 2px solid #ccc; border-bottom:
2px solid #ccc;
padding:10px;
margin-top:8px;
margin-right:10px;
font-size: .6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.main {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.kent {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
}
.list {
font-family:Geneva, Arial, Helvetica, sans-serif;
/* font-size: .6em; */
font-size: 14px;
padding-left: 30px;
}
.small {
font-size: 20px;
margin-bottom: 17px;
}
.center {
margin-left: auto;
margin-right: auto;
width: 50em;
}
.center2 {
margin-left: 10%;
}
.center3 {
margin-left: auto;
margin-right: auto;
width: 50em;
}
.spacer {
height: 20px;
height /**/ : 20px;
line-height: 20px;
}
.imagesspacer {
width:100%;
padding-bottom:10px;
margin: 0;
 text-align:center;
}
.thanku {
width:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding: 0;
margin: 0 0 0 50px;
 text-align:left;
}
.bottomspace {
padding-bottom:8px;
margin: 0;
}
.bottomspace2 {
padding-bottom:4px;
margin: 0;
}
.red {
color:#810000;
}
.table {
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
}

/************ Main CSS *************/

body
{
margin-top:0;
padding-top:0;
background-image:url(images/header_bg-lil.png);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#wrapper
{
width:90%;
margin: 0 auto;
background-color:#FFFFFF;
min-width: 900px;
width:expression(document.body.clientWidth < 908? "900px": "auto" );}
#header
{
width:100%;
height:119px;
background-image:url(images/header_bg.png);
background-repeat:repeat-x;
}
#title
{
width:auto;
margin-top:25px;
margin-left:5px;
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #810000;
line-height: 1em;
}

#whc
{
width:auto;
margin-top:20px;
margin-left:5px;
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #810000;
line-height: .1em;
display: block;
}

#title h1
{
margin:0;
}

#left
{
width:72%;
float:left;
margin-bottom:10px;
padding-bottom:0px;
margin-left:20px;
}
#main {
font-size: 18px;
font-family: Verdana, Arial, Helvetica, san-serif;
}

#intro
{
margin:10px 0 20px 0;
}

#plans
{
width:514px;
}

#one
{
width:160px;
padding-bottom:10px;
margin-right:12px;
float:left;
background-image:url(images/plans_bg.png);
background-repeat:no-repeat;
background-position:top;
border:1px solid #999;
}

#two
{
width:160px;
padding-bottom:10px;
margin-right:12px;
float:left;
background-image:url(images/plans_bg.png);
background-repeat:no-repeat;
background-position:top;
border:1px solid #999;
}


#three
{
width:160px;
padding-bottom:10px;
float:left;
background-image:url(images/plans_bg.png);
background-repeat:no-repeat;
background-position:top;
border:1px solid #999;
}

#info
{
width:90%;
margin-top:20px;
margin-bottom:10px;
margin-left:18px;
}

#right
{
width:200px;
float:right;
margin-bottom:10px;
margin-top:10px;
margin-right:0px;
margin-left:0px;
}

#specials
{
width:200px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

#news
{
margin-top:10px;
width: 200px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}


#footer {
clear:both;
height:30px;
background-image:url(images/footer_bg.png);
background-repeat:repeat-x;
margin-left:18px;
}

#credit
{
font-family: Arial, Helvetica, sans-serif;
font-size:.7em;
font-weight: lighter;
color:#333;
text-align:right;
padding-right:5px;
padding-top:8px;
}
hr {
color: #69a5e5;
}
#events {
margin-left:286px;
}
.events2 {
margin-left:286px;
}
.cross {
padding: 10px 4px 7px 22px;
margin-left: 20px;
/* padding-left: 18px;
padding-top:1px; */
background: transparent url(images/cross-lil.jpg) no-repeat center left;
/* vertical-align: top; */
/* line-height: 20px; */
}
.upcoming_events {
background-color: #99ccff;
padding: 15px;
border: 1px solid #0066cc;
}
.past_events {
background-color: #99ccff;
padding: 15px;
border: 1px solid #0066cc;
}

/*********** ul, h2,h4,p,and so on *************/


ul
{
margin: 4px 0 0 24px;
padding:0;
color:#333;
font-family: trebuchet ms, helvetica;
font-size:.9em;
line-height:1.6em;
list-style:none;
}
ol
{
margin: 4px 0 0 24px;
padding:0;
color:#333;
font-family: trebuchet ms, helvetica;
font-size:.9em;
line-height:1.6em;
/* list-style:none; */
}

h2
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#810000;
margin:0;
font-size: 1.4em;
}

h3
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#336699;
margin:0;
line-height: 1.7em;
font-size: .8em;
}

h4
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#810000;
margin:0;
font-size: 1em;
}

p {
font-family: Verdana, Arial, Helvetica, san-serif;
font-weight: normal;
color:#333;
font-size:.8em;
line-height:1.6em;
margin:0 0 12px 0;
}

a:link {
	color: #006699;
	text-decoration: none;
	font-weight:bolder;
}
a:visited {
	text-decoration: none;
	color: #006699;
	font-weight:bolder;
}
a:hover {
	text-decoration: none;
	color: #810000;
	font-weight:bolder;
}
a:active {
	text-decoration: none;
}


#navcontainer {float:left; margin-top:85px; text-align:center;}

ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li {
width:90px;
background-color:#993333;
float: right;
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0;
padding:6px 0px 14px 0px;
background:transparent url(images/nav_bg.jpg);
background-repeat:no-repeat;
}

#navlist a, #navlist a:link {
margin: 0;
padding: 6px 0px 14px 0px;
color: #333;
text-decoration: none;
}


/****************************Lower Horizontal**********************************/

#navcontainer1 ul
{
margin-top:5px;
padding-left: 0;
margin-left: 0;
color: white;
float: left;
height:20px;
font-family: trebuchet ms, helvetica, arial, san-serif;
font-size:.7em;
}
#navcontainer1 ul li {
display: inline;
}
#navcontainer1 ul li a:visited {
color: #336699;
text-decoration: none;
}
#navcontainer1 ul li a {
padding: 0.2em 1em;
color: #810000;
text-decoration: none;
float: left;
}

#navcontainer1 ul li a:hover {
color: #336699;
text-decoration: underline;
}


/**************************** Dropdown Menu Navigation Bar **********************************/
.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font-size: .8em;
	line-height: 14px;
	margin: 0;
	padding: 0 0 0 30px;
list-style:none;
	font-family: Verdana, Arial, Helvetica, san-serif;
}

.ddcolortabs li{
display:inline;
margin:0;
padding:0;
/* text-transform:uppercase; */
}


.ddcolortabs a{
float:left;
color: #fff;
background-color: #810000;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
margin:0;
padding:0 0 1px 1px;
text-decoration:none;
}

.ddcolortabs a:visited{
color: white;
}

.ddcolortabs a span{
float:left;
display:block;
padding: 7px 3px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #004b85;
}

.ddcolortabs a:hover span{
color: #DA8383;
background-color: #810000;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #810000;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a { font:12px/22px Arial;
background-color: #F6F6F6;
position: absolute;
margin-top: 2px;
width: 165px;
z-index: 100;
visibility: hidden;
border-right: 1px solid #336699;
border-bottom: 0 solid #336699;
border-left: 1px solid #336699;
border-top: 1px solid #336699;
margin-top: 3px;
}
.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #00192c; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
text-align:left;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #810000;
color: white;
text-decoration:none;
text-align:left;
}


#slidetabsmenu {
float:left;
width:100%;
font:90% Verdana, Arial, sans-serif;
line-height:normal;
border-bottom: 0px solid #810000;
padding-top: 2px;

}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 0em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 15px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #336699;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: #810000;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(images/icons/icon_external.gif) no-repeat center right;
}
a[rel ~='email'] {
	padding-right: 18px;
    background: transparent url(images/icons/icon_mailto.gif) no-repeat center right;
}
a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(images/icons/icon_popup.gif) no-repeat center right;
}
a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(images/icons/icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(images/icons/icon_xls.gif) no-repeat center right;
}
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(images/icons/icon_pdf.gif) no-repeat center right;
}
a[rel ~='more'] {
	padding-right: 15px;
	background: transparent url(images/icons/icon_more.gif) no-repeat center right;
}
a[rel ~='home'] {
	padding-right: 16px;
	background: transparent url(images/icons/icon_home.gif) no-repeat center right;
}
a[rel ~='fax'] {
	padding-right: 18px;
	background: transparent url(images/icons/icon_fax.gif) no-repeat center right;
}
a[rel ~='phone'] {
	padding-right: 16px;
	background: transparent url(images/icons/icon_phone.gif) no-repeat center right;
}
a[rel ~='clock'] {
	padding-right: 18px;
	background: transparent url(images/icons/icon_clock.gif) no-repeat center right;
}
a[rel ~='contact'] {
	padding-right: 21px;
	background: transparent url(images/icons/icon_contact.gif) no-repeat center right;
}

/**************************** Form **********************************/

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 550px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #810000;
  border-width: 1px;
  border-style: solid;
  padding: 0 0 0 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 70%;
    margin-right: 60px;
}
label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Arial, sans-serif;
  font-size: 70%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 325px;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.submit  {
  margin: 0 0 0 45%;
    width: 50px;
}
