/* GENERAL STYLES */
body {font-family: Verdana, Geneva, sans-serif; font-size: 12px;}
p.bodyCopySmall {font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-align: center;}
a:link {color: #0063b0; text-decoration: none;}
a:active {color: #0063b0; text-decoration: underline;}
a:hover {color: #0063b0; text-decoration: underline;}
a:visited {color: #0063b0; text-decoration: none;}

/* MAIN CONTAINER */
div.mainContainer {width: 900px; height: 1300px; position: relative; margin: auto; background-image: url(health_tour_bg_c.jpg);}

/* HEADER */
div.headerContainer {width: 900px; height: 125px; position: relative; float: left; text-align: center;}
div.headerLogo {width: 300px; height: 125px; position: absolute; left: 0px; top: 0px; /* background-image: url(health_tour_logo.png);*/}
div.headerNavRight {width: 890px; height: 15px; position: absolute; right: 0px; top: 0px; padding-right: 10px; background-image: url(white_60.png); text-align: right;}
div.headerNavContainer {width: 175px; height: 307px; position: relative; float: left; background-image: url(black_30.png);}

/* BODY */
div.NavContainer {width: 175px; height: 307px; position: relative; float: left; margin-top: 10px;}
div.navElement {width: 175px; height: 25px; position: relative; float: left; /*margin-top: 5px; padding-top: 10px;*/ font-weight: bold; color: #ffffff; cursor: pointer;}
/*div.navElement:link {width: 175px; height: 25px; position: relative; float: left; background-color: #2774b0; font-weight: bold; color: #ffffff; cursor: pointer;}
div.navElement:hover {width: 175px; height: 25px; position: relative; float: left; background-color: #0063b0; font-weight: bold; color: #ffffff; cursor: pointer;}*/
a.nav:link {color: #ffffff; text-decoration: none; display: block; width: 150px; margin-left: 10px; padding: 5px 0px 5px 5px;}
a.nav:active {color: #ffffff; text-decoration: none;}a.nav:hover {color: #ffffff; text-decoration: none; background-image: url(black_30.png);}
a.nav:visited {color: #ffffff; text-decoration: none;}
/*div.bodyContainer {width: 890px; height: 550px; position: relative; float: left; background-image: url(health_tour_bg_a.jpg); background-repeat:repeat-x; padding: 0px 10px 0px 0px;}*/
div.bodyContainer {width: 900px; /*height: 550px;*/ position: relative; float: left;}
div.bodyLeft {width: 175px; /*height: 550px;*/ position: relative; float: left; margin-right: 10px; padding: 5px 0px 0px 10px;}
div.bodyRight {width: 675px; /*height: 530px;*/ position: relative; float: left; background-image: url(white_80.png); margin: 5px 0px 0px 0px; padding: 0px 10px 0px 10px;}
div.dottedRule {border-top: 1px dotted #666666; width: 175px; height: 1px; position: relative; float: left; margin: 5px 0px 5px 0px;}
.headerCopy {font-family: Verdana, Geneva, sans-serif; font-size: 18px; color: #0063b0; font-weight: bold;}
.headerCopyLarge {font-family: Verdana, Geneva, sans-serif; font-size: 28px; color: #0063b0; font-weight: bold;}

/* FOOTER */
div.footerContainer {width: 900px; height: 50px; position: relative; float: left; text-align: center; margin-top: 10px; /*background-image: url(black_20.png)*/;}
div.footerContainerLeft {width: 380px; height: 50px; position: absolute; left: 10; text-align: left;}
div.footerContainerRight {width: 490px; height: 50px; position: absolute; right: 10; text-align: right;}

/* MAP */
#event-locator-container 
{
float: left; margin-left: 0px; width: 655px;
}


#page-header
 {
float: left;
}


#form-container
 {
clear: left; float: left; margin-top: 15px; width: 655px;
}


#map-container
 {clear: left; float: left; margin-top: 27px;
 height: 350px; width: 655px;
}


#map-container a
 {
color: #2774b0; text-decoration: none;
}


#map-container a:hover, #map-container a:active
 {text-decoration: underline;
}


#loc-list
 {float: left; width: 225px; height: 350px; overflow: auto;
}


#loc-list ul
 {display: block; clear: left; float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}


#loc-list .list-label
 {
float: left; margin-left: 3px;
 padding: 1px 3px; text-align: center;
 color: #2774b0; border: 1px solid #2774b0;
}


#loc-list .list-details
 {float: left; margin-left: 2px; width: 165px; background: transparent;
}


#loc-list .list-content
 {padding: 0px 3px 0px 3px;
}


#loc-list .loc-dist
{ 
font-weight: bold;
 font-style: italic; color: #999999;
}


#loc-list li
 {
display: block; clear: left; float: left;
 margin: 10px 0;
 cursor: pointer;
 width: 205px;
}


#map-container .loc-name
 {color: #2774b0; font-weight: bold;
}


#search-form
 {clear: left; float: left;
 height: 60px;
}


#form-input
 {float: left; margin-top: 3px;
}


#form-input label
 {font-weight: bold;
}


#address
 {
margin: 0 0 0 10px;
}


#submit-btn
 {float: left;
 cursor: pointer;
 margin-left: 10px;
}


#map
 {
float: left; width: 430px; height: 350px; 
}

