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

/*Body Formatting*/
body            {background:#ffffff;}
#wrapper        {width:900px; margin:0px auto; border-left:#375462 1px solid; border-right:#375462 1px solid;}
#header         {height:240px; background-image:url(int-head.jpg); background-repeat:no-repeat; background-color:#ffffff;}
#index-header		{height:340px; background-color:#375462;}
#contentwrapper {text-align:left; background:#FFFFFF; padding:0px;}
#footer         {width:900px; background:#ffffff; /*border-left:#375462 1px solid; border-right:#375462 1px solid;*/ border-bottom:#375462 1px solid; margin:0px auto; padding:20px 0px 15px 0px;}
#copyright      {color:#6e4f0d; font-size:0.5625em; width:900px;}/* 16x0.5625=9px*/

/*Header Formatting*/
#header h1, #index-header h1  {display:none;}

/*Main Navigation Formatting*/		
#mainnavagation {
	text-align:left;
	width:900px;
	height:30px;
	display:block;
	background:#375462 url(nav.gif);
	position:relative;
	z-index:100;
	}
	
#mainnavagation li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
	text-align:center;
	}
	
#mainnavagation li span {display:none;}
#mainnavagation li a { color:#FFFFFF; height:30px; display:block;}

#home   {left:65px; width:59px;}
#packages   {left:129px; width:129px;}
#map  {left:263px; width:252px;}
#book   {left:520px; width:192px;}
#contact   {left:717px; width:122px;}


#home     a:hover, #home     .selected  {color:#375462; background:transparent url(nav.gif) -65px  -30px no-repeat;}
#packages   a:hover, #packages   .selected  {color:#375462; background:transparent url(nav.gif) -129px  -30px no-repeat;}
#map a:hover, #map .selected  {color:#375462; background:transparent url(nav.gif) -263px  -30px no-repeat;}
#book  a:hover, #book  .selected  {color:#375462; background:transparent url(nav.gif) -520px  -30px no-repeat;}
#contact  a:hover, #contact  .selected  {color:#375462; background:transparent url(nav.gif) -717px  -30px no-repeat;}

/*Dropdown and Flyout Formatting*/

/*Dropdown Size and Position*/
#mainnavagation li ul {
	width:255px;
	visibility:hidden;
	position:absolute;
	top:30px;/*Match the Hieght of #Mainnaviagaton*/
	left:-5px;
	background:#375462;
	}
	
#mainnavagation li ul li{position:relative; text-align:left; border-bottom:1px solid #ffffff;}
	
/*Dropdown Links Color and Font Size*/
#mainnavagation li ul li a {
	color: #d7dde0;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
	line-height:1em;
	height:12px;
	padding:8px 0px 8px 8px;
	display:block;
	background:none;
	}

#mainnavagation li ul li a:hover   {color:#7f7f2d; background:none;}
#mainnavagation li ul li .selected {color:#7f7f2d; background:none;}

/*Flyout Size and Position*/
#mainnavagation ul ul {
	width:171px;
	position:absolute;
	left:171px;
	top:0px;
	background:#999999;
	}

/*Flyout Links Color and Font Size*/
#mainnavagation li ul li ul li a {
	color:#000000;
	text-decoration:none;
	line-height:1em;
	height:12px;
	padding:2px 0px 2px 7px;
	display:block;
	background:none;
	}	

#mainnavagation li ul li ul li a:hover   {color:#ffffff;background:none;}
#mainnavagation li ul li ul li .selected {color:#ffffff;background:none;}

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

/*Content Formatting*/
#sidebar     {float:left; width:131px; padding:18px 0px 20px 15px; min-height:670px;}
#maincontent {float:left; width:535px; padding:20px 15px 0px 15px; min-height:430px; height:auto !important; height:430px;}
#rightside	 {float:right; width:160px; padding:20px 5px 0px 5px; min-height:430px; text-align:center; background-image:url(side-bg.gif); background-repeat:repeat-x;}

#contentwrapper #maincontent h1       {								font:1em      Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:0px 0px 0px 0px;}/*16x1.25=16px*/
#contentwrapper #maincontent h2       {								font:1.5em  	Verdana, Arial, Helvetica, sans-serif;  									padding:6px 0px 5px 0px;}/*16x1.125=14px*/
#contentwrapper #maincontent h3       {								font:0.875em  Verdana, Arial, Helvetica, sans-serif;									  padding:5px 0px 0px 0px;}/*16x1.125=14px*/
#contentwrapper #maincontent h4       {								font:0.875em  Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  padding:6px 0px 2px 0px;}/*16x1.125=14px*/
#contentwrapper #maincontent p        {color:#6e4f0d; font:0.70em  Verdana, Arial, Helvetica, sans-serif;                   	padding:0px 0px 10px 10px; line-height:1.3em;}/*16x0.75=12px*/ 
#contentwrapper #maincontent p a, #contentwrapper #maincontent h3 a{color:#7a792f; font:1em   Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#contentwrapper #maincontent p a:hover, #contentwrapper #maincontent h3 a:hover{color:#7a792f; font:1em   Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#contentwrapper #maincontent ul       {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:5px 0px 5px 50px; list-style:square;}/*16x0.75=12px*/
#contentwrapper #maincontent ol       {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;                    padding:5px 0px 5px 57px; list-style:decimal;}/*16x0.75=12px*/
#contentwrapper #maincontent a        {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;}
#contentwrapper #maincontent a:hover  {color:#000000; font:0.75em   Verdana, Arial, Helvetica, sans-serif;}
#contentwrapper #maincontent strong		{color:#7a792f;}
#contentwrapper #maincontent td	p 		{display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}


/*Index Content Formatting*/
#index-maincontent {width:755px; padding:15px 0px 0px 0px; margin:0px auto;  min-height:430px; height:auto !important; height:430px;}
#contentwrapper #index-maincontent #index-nav		{list-style:none; padding:0px; margin:0px 0px 23px 0px; text-indent:none;}
#contentwrapper #index-maincontent #index-nav li{padding:10px; float:left;}

#left-index-text{width:265px; float:left; font-size:0.75em; color:#6e4f0d; font-family:Verdana, Arial, Helvetica, sans-serif;}
#right-index-text{width:252px; float:right; font-size:0.75em; color:#6e4f0d; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}

/*golf - map*/
#contentwrapper #maincontent #courselist{width:420px; margin:0px auto;}

#contentwrapper #maincontent .courselist {
	float:left;
	width:210px;
	margin:0px;
	padding:0px;
}

#contentwrapper #maincontent .courselist li {	
	list-style-type:none;
	padding:1px 0px 3px 5px;
	background: url(redball.gif) left top no-repeat;
}

#contentwrapper #maincontent .courselist li a{color:#7a792f; font:1em   Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#contentwrapper #maincontent .courselist li a:hover{color:#7a792f; font:1em   Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
	
/*Sidebar Formatting*/
#sidebar a {color:#000000;}
#sidebar a:hover, #sidebar .selected {color:#990000;}
#sidebar #side-nav {float:left; list-style:none; padding:0px; margin:0px; text-indent:none; width:131px;}
#sidebar #side-nav li{padding:2px 0px; float:left;}

#rightside h3 a{font:0.875em  Verdana, Arial, Helvetica, sans-serif;	padding:5px 0px 0px 0px; font-weight:bold; color:#9a322c;}/*16x1.125=14px*/
#rightside p{font-size:.625em; text-align:left; margin:30px 0px 10px 5px; line-height:1.1em;}

/*Footer Formatting*/
#footer #footerlinks    {color:#2b1e03; font-size:0.75em; width:705px; height:20px; margin:0px auto 15px auto; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer #footerlinks li {float:left; padding-left:8px;}
#footer #footerlinks a  {color:#2b1e03; font-variant:small-caps;}
#footer #footerlinks a:hover  {color:#6e4f0d;}
#footer #footerlinks p{text-align:center;}

/*Copyright Formatting*/
#copyright a {color:#7f7f2d;}

/*Text Colors*/
.redtext{color:#9a322c;}
.greentext{color:#7a792f;}
.bluetext{color:#375462;}
.browntext{color:#6e4f0d;}
.whitetext{color:#ffffff;}