/**
 * Navigator Multimedia Structure CSS.
 * @author Chris Satterthwaite <chris@navigatormm.com>
 * @version 2.0
 * @copyright Copyright (c) 2008, Chris Satterthwaite
 * To caculate font size / the desired amount of pixels by 16
**/

/*Body Formatting*/
body {
	background:#ada367;
	}

#wrapper {
	width:1011px;
	height:auto;
	margin:0px auto;
	background:url(../images/interface/bg-wrapper.jpg) repeat-y;
	position:relative;
	}

#logo {
	width:416px;
	height:120px;
	position:absolute;
	left:16px;
	top:4px;
	}

#logo h1 span, #logo h2 { display:none; }

#navigationMain{
	height:74px;
	padding:0px 28px;
	background:url(../images/interface/bg-nav.jpg);
	}

#navigationSecondary {
	width:646px;
	height:30px;
	position:absolute;
	left:185px;
	top:270px;
	}
	
#header {
	height:224px;
	/*background: url(../images/interface/flash.jpg) no-repeat;*/
	}


#contentHolder{
	text-align:left;
	min-height:500px;
	height:auto!important; 
	height:560px;
	padding-top:36px;
	background:url(../images/interface/bg-content.jpg) no-repeat;
	}

#col1 {float:left; width:165px; margin-left:28px; padding-right:5px}
#mainContent {float:left; width:594px; padding:0px 10px; border-left:1px solid #d79f42; border-right:1px solid #d79f42;}
#col2 {float:right; width:164px; margin-right:28px; padding-left:5px;}

#footer {
	width:1011px;
	height:61px;
	padding-top:38px;
	background:url(../images/interface/bg-footer.jpg);
	}

#footerlinks {
	color:#8f0906;
	font-size:0.6875em;
	width:911px;
	height:28px;
	margin:0px auto;
	background:url(../images/interface/bg-footernav.gif) no-repeat;
	}

#copyright {
	width:955px;
	height:20px;
	}

/*Top Navigation Formatting*/		
#topNavagation {
	text-align:left;
	width:384px;
	height:74px;
	background:url(../images/interface/topnav.png) no-repeat;
	position:relative;
	float:right;
	z-index:100;
	}
	
#topNavagation li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
	}
	
#topNavagation li span {display:none;}
#topNavagation li a {height:74px; display:block;}

#home          {left:0px;   width:47px;}
#photogallery  {left:52px;  width:100px;}
#areainfo      {left:157px; width:65px;}
#areamap       {left:227px; width:68px;}
#contactus     {left:300px; width:74px;}

#home         a:hover, #home .selected          {background:transparent url(../images/interface/topnav.png) -0px   -74px no-repeat;}
#photogallery a:hover, #photogallery .selected  {background:transparent url(../images/interface/topnav.png) -52px  -74px no-repeat;} 
#areainfo     a:hover, #areainfo .selected      {background:transparent url(../images/interface/topnav.png) -157px -74px no-repeat;}   
#areamap      a:hover, #areamap .selected       {background:transparent url(../images/interface/topnav.png) -227px -74px no-repeat;}  
#contactus    a:hover, #contactus .selected     {background:transparent url(../images/interface/topnav.png) -300px -74px no-repeat;}

/*Secondary Navigation Formatting*/		
#secondaryNavagation {
	text-align:left;
	width:647px;
	height:30px;
	background:url(../images/interface/secondarynavigation.png) no-repeat;
	position:relative;
	z-index:80;
	}
	
#secondaryNavagation li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
	}
	
#secondaryNavagation li span {display:none;}
#secondaryNavagation li a {height:30px; display:block;}

#eventscalendar  {left:0px;   width:134px;}
#attractions     {left:138px; width:102px;}
#accommodations  {left:244px; width:140px;}
#recreation      {left:388px; width:91px;}
#dining          {left:484px; width:68px;}
#businesses      {left:557px; width:90px;}

#eventscalendar a:hover, #eventscalendar .selected  {background:transparent url(../images/interface/secondarynavigation.png) -0px   -30px no-repeat;}
#attractions    a:hover, #attractions .selected     {background:transparent url(../images/interface/secondarynavigation.png) -138px -30px no-repeat;} 
#accommodations a:hover, #accommodations .selected  {background:transparent url(../images/interface/secondarynavigation.png) -244px -30px no-repeat;}   
#recreation     a:hover, #recreation .selected      {background:transparent url(../images/interface/secondarynavigation.png) -388px -30px no-repeat;}  
#dining         a:hover, #dining .selected          {background:transparent url(../images/interface/secondarynavigation.png) -484px -30px no-repeat;}
#businesses     a:hover, #businesses .selected      {background:transparent url(../images/interface/secondarynavigation.png) -557px -30px no-repeat;}

/*Dropdown and Flyout Formatting*/

/*Dropdown Size and Position*/
#topNavagation li ul, #secondaryNavagation li ul {
	width:169px;
	visibility:hidden;
	position:absolute;
	left:0px;
	border:2px solid #ffffff;
	background:#ffffff;
	}
	
#topNavagation li ul li, #secondaryNavagation li ul li {position:relative;}
	
/*Dropdown Links Color and Font Size*/
#topNavagation li ul li a, #secondaryNavagation li ul li a {
	color:#ffffff;
	font-size:0.6875em;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
	height:12px;
	padding:2px 0px 2px 20px;
	display:block;
	background:#8e0906;
	background-image:url(../images/interface/bx.png);
	background-position:4% 47%; 
	background-repeat:no-repeat;
	}

#topNavagation li ul li a:hover, #secondaryNavagation li ul li a:hover   {
	color:#8e0906;
	background:#ffffff; 
	background-image:url(../images/interface/bx-over.png);
	background-position:4% 47%; 
	background-repeat:no-repeat;
	}
#topnavagation li ul li .selected, #secondaryNavagation li ul li .selected  {
	color:#8e0906;background:#ffffff; 
	background-image:url(../images/interface/bx-over.png);
	background-position:4% 47%; 
	background-repeat:no-repeat;
	}

/*Flyout Size and Position*/
#topNavagation ul ul, #secondaryNavagation ul ul {
	width:171px;
	position:absolute;
	left:169px;
	background:#ffffff;
	}

/*Flyout Links Color and Font Size*/
#topNavagation li ul li ul li a, #secondaryNavagation li ul li ul li a {
	color:#ffffff;
	text-decoration:none;
	line-height:1em;
	height:12px;
	padding:2px 0px 2px 20px;
	display:block;
	background:#8e0906;
	background-image:url(../images/interface/bx.png);
	background-position:4% 47%; 
	background-repeat:no-repeat;
	}	

#topNavagation li ul li ul li a:hover, #secondaryNavagation li ul li ul li a:hover {color:#8e0906;background:#ffffff;}
#topNavagation li ul li ul li .selected, #secondaryNavagation li ul li ul li .selected {color:#8e0906;background:#ffffff;}

#topNavagation  table, #secondaryNavagation table {position:absolute; top:0; left:0; border-collapse:collapse;}
/*Make the Dropdown Visible When Hover on Main Navigation*/
#topNavagation  li:hover ul, #topNavagation  a:hover ul, #secondaryNavagation   li:hover ul, #secondaryNavagation   a:hover ul {visibility:visible;}
/*Make the Flyout Hidden When Hover on Dropdown*/
#topNavagation  :hover ul ul, #secondaryNavagation :hover ul ul {visibility:hidden;}
/*Make the Flyout Visible When You Hover Over Dropdown Link*/
#topNavagation  :hover ul :hover ul, #secondaryNavagation :hover ul :hover ul {visibility:visible;}

/*Content Formatting*/
#col1 h2 {color:#8f0906; font-size:1em; padding:0px 0 2px 0;}
#col1 li {color:#8f0906; font-size:0.625em; list-style:square;}
#col1 a  {color:#591b28; font-weight:bold; display:block;}
#col1 a:hover  {text-decoration:underline;}

#mainContent h1       {color:#8f0906; font:1.5em    Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:12px 0 12px 0;}/*16x1.25=16px*/
#mainContent h2       {color:#8f0906; font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0 2px 0;}/*16x1.125=14px*/
#mainContent h3       {color:#8f0906; font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0 2px 0;}/*16x1.125=14px*/
#mainContent p        {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:3px 20px 5px 20px; line-height:1.3em;}/*16x0.75=12px*/ 
#mainContent ul       {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:5px 0 5px 50px; list-style:square;}/*16x0.75=12px*/
#mainContent ol       {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:5px 0 5px 57px; list-style:decimal;}/*16x0.75=12px*/
#mainContent a        {color:#8f0906; font-weight:bold;}
#mainContent a:hover  {color:#8f0906; text-decoration:underline;}
#mainContent img			{margin:10px; border:1px #8f0906 solid;}
#mainContent strong 	{color:#8f0906;}

#mainContent h2 span{display:inline; color:#000000; font-size:0.625em;}

form input {background:#fffadb url(../images/interface/bg-input.gif) no-repeat; border:1px solid #999966;}
form .button {color:#ffffff; width:50px; height:20px; background:#8f0906; border:1px solid #ffffff;  cursor:pointer;}

/*Footer Formatting*/
#footer #footerlinks .firstlink {margin-left:165px;}
#footer #footerlinks li         {float:left; margin-left:10px; margin-top:5px;}
#footer #footerlinks a          {color:#8f0906;}

/*Copyright Formatting*/
#copyright{color:#6d5b34; font-size:0.5625em;}	
#copyright a {color:#6d5b34;}