/**************************************************************
   AUTHOR:  Christy Carlson(eVorticity.com)
   DATE:    2007.1.7
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/

/**************************************************************
   #map: formats GMAP content - will stick to the bottom if not
            enough content.
 **************************************************************/

#gmap {  font-family:Arial, Helvetica, sans-serif;font-size:12px;width: 100%;height: 500px;}
#gmap #title {font-weight:bold;color: #ece9e2;font-size: 16px;}

#header {}


/**************************************************************
   .status - Status Message Area (error messages)
 **************************************************************/

.status {  position: relative;  width: 100%;  background-color:#666666;  color:#FFFFFF;  font-family:Arial, Helvetica, sans-serif;  margin: 10px;}

/**************************************************************
   .calendar - Calendar Styling for Front/Main Page
 **************************************************************/

.calendar {position: relative; width: 100%; text-align:center; font-family:Arial, Helvetica, sans-serif;}


/**************************************************************
   HTML
 **************************************************************/

html,body,form,fieldset,h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address{margin:0;padding:0}
body{background:#ffffff url(../images/bg_shadow_02_02.jpg) center repeat-y;  color: #4d4d4d; font:12px arial, sans-serif}
ol{list-style-type:roman; margin-left:30px;}
ul{list-style-type:circle; margin-left:30px;}
hr{clear:both;visibility:hidden}
img,fieldset{border:0}
h1{font-size:16px}
h2{font-size:14px}
h3{font-size:12px}
input,button,textarea,select{font:11px tahoma, arial}
button{font-weight:bold}
p{padding-top:3px;}


/**************************************************************
   Links
 **************************************************************/

/*a{color:#996633;text-decoration:none}*/
a{color:#996633; text-decoration:none;}


a:hover{text-decoration:underline} 


/**************************************************************
   Page Wrapper (set width)
 **************************************************************/
#page{margin-left:auto;margin-right:auto;text-align:left;width:750px; background: #FFFFFF;} 


/**************************************************************
  Logo
 **************************************************************/

#logo{float:left; height:150px; width: 750px; margin:0; padding:0px; }

/**************************************************************
  Banner
 **************************************************************/
#banner{float:left; height:150px; width: 750px; margin:0; padding:0px; }


/**************************************************************
  Tabs
 **************************************************************/

#tabs {clear: both; position: relative; top: 0px; height: auto; background:url(../images/tab_bg_bgrey.jpg) repeat-x bottom;  width: 100%; height: 25px; }
#tabs ul{display: inline;width: 100%;}
#tabs li{height:25px; width: 14.2857%; display:inline;float:left;background:#92877b url(../images/tab_bg_grey.jpg) no-repeat top left}  
#tabs li ul{visibility:hidden;border-top:1px solid #fcd290;}
#tabs li li{display:block;float:none;background:#fff0ce;}
#tabs a{font:bold 11px arial,sans-serif;color:#eeeae6;line-height:25px;text-align:center;display:block;background:url(../images/tab_bg_bgrey.jpg) repeat-x top left;border-right:1px solid #715f54}   
#tabs a:hover, #tabs a.selected{background:url(../images/tab_bg_bgrey.jpg) #92877b repeat-x top left;color:#fff;text-decoration:none}
#tabs ul a:hover, #tabs ul a.selected{background:url(../images/tab_bg_burnt.jpg) repeat-x bottom left}
#tabs a.promo, #tabs a.promo:hover{background:url(../images/tab_bg_burnt.jpg) repeat-x top left;color:#b8d4ea;text-decoration:none}

#content{clear: both; padding:5px; display: block; margin:0px; }
#leftColumn{float:left;width:425px;padding:15px 0}
#rightColumn{float:right;width:300px;background:url(/test/templates/4/images/box_tab-end.gif) no-repeat bottom right;padding:0 0 25px 0; margin: 0px; background-color:#fff;}

/**************************************************************
 #special text styling
**************************************************************/

.searchTitle {clear: both; font-size:16px; color:#4d4d4d; font-weight:bold; }
.subhead {font-size:12px; color:#333333; font-weight:bold; }
.caption {font-size:11px; color:#999999; font-style:italic;}
.print {text-align:left; line-height: 24px;}
.print img {margin-right: 3px;}
.EventTitle {clear: both; font-style:12px; color:#4d4d4d; font-weight:bold;}

/**************************************************************
   #box
 **************************************************************/

.box { margin:0px 0 10px; padding-bottom: 10px; background:#FFF; border:1px solid #CCC; width: 100%; font-size:11px;}
.box li { margin:0 0 3px; padding:0 0 0 14px; no-repeat 0 3px; }

.box p {margin-left: 10px; margin-right:10px;}

.box h1 {font-size: 11px; float: left; color:#FFFFFF; padding:2px 25px 5px 5px; background:#92877b url(/test/templates/4/images/box_tab-end.gif) no-repeat top right; }
.box h2 {font-size: 12px; color:#333333; margin-left: 10px; margin-right: 10px; }

.box h3 {font-size: 11px; color:#999999; margin-left: 10px; margin-right: 10px; padding-top:5px; }

/**************************************************************
   #site listing
 **************************************************************/

.sitelist {font-size:11px; color:#333333;}
.sitelist h1 {font-size:14px; color:#333333; width:100%; border-bottom: #333333 1px solid;}
.sitelist p {font-size:11px; padding-bottom: 2px;}

/**************************************************************
   #description
 **************************************************************/
.description{}
.description h1 {font-size:16px; color:#4d4d4d; font-weight:bold; width:100%; border-bottom: #333333 1px solid; margin-top:10px; margin-bottom:5px;}
.description p {font-size: 12px; padding-bottom: 5px;}



/**************************************************************
   #breadcrumb
 **************************************************************/

#breadcrumb {clear:both; margin: 0px; padding:0px; display: block; width: 100%; height: auto; color: #333;	padding-bottom: 20px; font: 11px arial,sans-serif; }
#breadcrumb li {float: left;margin-left: 0px;padding-right: 5px;display: inline; border: none;} 

#breadcrumb ul {float: left;margin-left: 0px;padding: 0px;display: inline; border: none;} 
#breadcrumb ul li {	margin-left: 2px;padding-left: 2px;border: none;display: inline;}
	
/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 { width: 100%;}
.width90 {width: 90%;}
.width80 {  width: 79%;}
.width75 {  width: 74%;}
.width70 { width: 69.7%;}
.width60 { width: 59.0%;}
.width66 {  width: 65%;}
.width50 {  width: 49.7%;}
.width40 { width: 39%;}
.width33 {  width: 32.7%;}
.width25 {  width: 24.7%;}
.width20 {  width: 19%;}

.width300px { width: 300px; }

.photobox {width: 160px; padding:3px; }
.photobox img {width:150px;}
.photobox .caption {font-size:11px;}

/**************************************************************
   Height classes as necessary
 **************************************************************/

.height50px {height: 50px;}

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {  float: left;}
.floatRight {  float: right;}
.alignLeft {  text-align: left;}
.alignRight {  text-align: right;}

.clear {clear:both;}

/**************************************************************
   Footer
 **************************************************************/
#footer {clear: both; position: relative; display: block; width: 100%; height: auto;  border-top: 1px solid #000000;  padding-top: 10px; font-size: 11px;}
#footer p {margin:0; padding-left: 5px;}