@charset "utf-8";

/* 
==========================================================================================================================================

INDEX

1. BODY AND CONTAINERS
2. BANNERS & MENU
3. OTHER DIVS
4. TYPE

==========================================================================================================================================
*/


/*
==========================================================================================================================================
1. BODY AND CONTAINERS
------------------------------------------------------------------------------------------------------------------------------------------
*/

ul {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	background-image:url(../images/backgrounds/map.jpg);
	} 

#container {
	width:1038px;
	margin:0 auto;
	padding:0;
	text-align: left;
}



/*
==========================================================================================================================================
2. BANNER AND MENU
------------------------------------------------------------------------------------------------------------------------------------------
*/

#mainTop {width:1038px; height:141px}
#mainMid {width:960px; padding:0 39px; background-image:url(../images/core/content_middle.PNG)}
#mainBot {width:1038px; height:38px; background-image:url(../images/core/content_bottom.PNG)}
#menuBar {width:962px; height:29px; background-image:url(../images/core/menuBar.PNG); margin:0 auto}
#menuBar2 {width:962px; height:40px; margin:0 auto; text-align:center}


	
/*
==========================================================================================================================================
3. OTHER DIVS
------------------------------------------------------------------------------------------------------------------------------------------
*/

.boxTop{width:305px; height:20px; background-image:url(../images/boxes/box_top.PNG); padding:12px 0 0 0; text-align:center}
.boxMid{width:275px; background-image:url(../images/boxes/box_mid.PNG); padding:0 15px}
.boxBot{width:305px; background-image:url(../images/boxes/box_bot.PNG); height:21px}

.wideBoxTop{width:621px; height:20px; background-image:url(../images/boxes/wide_top.PNG); padding:12px 0 0 0; text-align:center}
.wideBoxMid{width:591px; background-image:url(../images/boxes/wide_mid.PNG); padding:0 15px}
.wideBoxBot{width:621px; background-image:url(../images/boxes/wide_bot.PNG); height:21px}

.narrowTop{width:246px; height:20px; background-image:url(../images/boxes/narrow_top.PNG); padding:12px 0 0 0; text-align:center}
.narrowMid{width:216px; background-image:url(../images/boxes/narrow_mid.PNG); padding:0 15px}
.narrowBot{width:246px; background-image:url(../images/boxes/narrow_bot.PNG); height:21px}



.hLine{background-image:url(../images/boxes/hLine.PNG); width:252px; height:3px; margin:5px auto; clear:both}

.fltLt {float:left;}
.fltRt {float:right;}
.clr {clear:both; height:1px}


/*
==========================================================================================================================================
4. TYPE 
------------------------------------------------------------------------------------------------------------------------------------------
*/

p {color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:5px}
.p {color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:5px}
	
h1 {color:#222; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:100;}
h2 {color:#222; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:100;}
h3 {color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100;}
h4 {color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:100;}
h5 {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100}
h6 {color:#333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:100}

a:link {COLOR:#890000; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
a:visited {COLOR:#890000; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
a:hover {COLOR:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
a:active {COLOR:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif}

a.menuBar:link {COLOR:#fff; text-decoration:none; font-size:15px}
a.menuBar:visited {COLOR:#fff; text-decoration:none; font-size:15px}
a.menuBar:hover {COLOR:#FFC; text-decoration:none; font-size:15px}
a.menuBar:active {COLOR:#fff; text-decoration:none; font-size:15px}

/*
==========================================================================================================================================
4. SLIDESHOW 
------------------------------------------------------------------------------------------------------------------------------------------



#slideshow {position:relative;height:280px; width:600px; float:left; margin-bottom:20px}
#slideshow DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 280px;background-color: #FFF;}
#slideshow DIV.active {z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 280px;display: block;border: 0;margin-bottom: 10px;}

#slideshowSmall {position:relative; background:#000; float:right; width:310px; height:210px; margin:15px 0 10px 10px}
#slideshowSmall DIV {position:absolute;top:5px;left:5px;z-index:8;opacity:0.0;height: 200px;background-color: #FFF;}
#slideshowSmall DIV.active {z-index:10;opacity:1.0;}
#slideshowSmall DIV.last-active {z-index:9;}
#slideshowSmall DIV IMG {height: 200px;display: block;border: 0;}
*/
.clear {clear:both}

#gallery {position:relative;height:280px; width:600px}
	
	#gallery a {float:left;position:absolute;}
	
	#gallery a img {border:none;}
	
	#gallery a.show {z-index:500}

	#gallery .caption {z-index:800;background-color:#000;color:#ffffff;height:20px;width:100%;position:absolute;bottom:0; text-align:center; padding-bottom:6px}

	#gallery .caption .content {margin:5px}
	
	#gallery .caption .content p {margin:0;padding:0;color:#fff;}

/*
==========================================================================================================================================
4. SEARCH 
------------------------------------------------------------------------------------------------------------------------------------------
*/

.searchInput {background:none; background-image:url(../images/search/entryBox.PNG); width:116px; height:17px; padding:3px 5px 0 5px; border:none; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.searchButton {background:none; background-image:url(../images/search/searchButton.PNG); width:96px; height:20px; border:none; margin-left:20px; color:#fff; cursor:pointer}


/*
==========================================================================================================================================
5. MENU
------------------------------------------------------------------------------------------------------------------------------------------
*/

ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	background: none;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 4px 30px 0 30px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a:hover{
	background: none;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 0;
	height: 35px;
	float: left;
	background: none;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 25px;
	background: #123;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 152px;
	border: 1px solid #999;
	border-top:none;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border:#fff 1px solid;
	border-top:none;
	clear: both;
	width: 150px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 147px;
	background: #515138;
	padding: 2px 0 5px 2px;
	font-size:12px
}
html ul.topnav li ul.subnav li a:hover {
	background:#494932
}