@charset "utf-8";
/* Css for benefit services*/

/* light blue: 88afe3
   baby blue: daebfb
   darkest blue: 94ace4
   grey: 656565
   darker green: d5dc99
   lighter green: f3fac6
   light grey: f2f2f2
*/

/**-----------------------------------------
 *
 * Nav Bar
 *
 *-----------------------------------------**/
 
#navList li
{
	background:#656565;
	color:#88afe3;
	display:inline;
	margin-left:3px;
}

div#navContainer
{
	position:relative;
	margin-right:-3px;
	width:100%; /* used to fix IE6 absolute positioning bug */
	padding-bottom:20px;
}

li#home_active
{
	position:absolute;
	top:0px;
	left:7px;
	width:244px;
	background:#daebfb;
	color:#88afe3;
	text-decoration: none;
}

li#services
{
	position:absolute;
	top:0px;
	left:253px;
	width:244px;
	color:#88afe3;
}

li#contact
{
	position:absolute;
	top:0px;
	left:499px;
	width:244px;
	color:#88afe3;
}

a
{
	list-style-type: none;
	text-decoration: none;
	color:#94ace4;
}

#active
{
	background-color:#daebfb;
}

/**-----------------------------------------
 *
 * Content
 *
 *-----------------------------------------**/
 
div#content
{
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
	margin: 0 auto 0px auto;
	width:770px;
}

body
{
	background-color:#daebfb;
	font-family: lucida grande, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
}

/**-----------------------------------------
 *
 * Top and Tails
 *
 *-----------------------------------------**/
 
div#topOfPage
{
	background-image:url(../images/top.gif);
	height:17px;
	margin-left:-2px;
}

div#bottomOfPage
{
	background-image:url(../images/bottom2.gif);
	height:40px;
	width:766px;
	margin-left:-2px;
}

/**-----------------------------------------
 *
 * Header
 *
 *-----------------------------------------**/
 
div#header
{
	text-align:center;
	padding-top:20px;
}

/**-----------------------------------------
 *
 * Breaker
 *
 *-----------------------------------------**/
 
div#breaker
{
	width:703px;
	height:1px;
	overflow:hidden; /* needed for IE6 */
	background:#656565;
	margin-bottom:20px;
	margin-left:28px;
	margin-right:10px;

}

/**-----------------------------------------
 *
 * Main Page area
 *
 *-----------------------------------------**/
 
div#leftArea
{
	float:left;
	margin-left:18px;
	padding-right:5px;
	width:425px;
	margin-bottom:20px;
	
	

}

div#rightArea
{
	float:right;
	margin-right:18px;
	padding-left:5px;
	width:250px;
	margin-bottom:20px;
}

div#pageBody
{
	overflow:auto;
	padding-top:25px;
	padding-bottom:30px;
	background-image: url(../images/background.gif);
	background-repeat: no-repeat;
	margin-left:5px;
	height:100%;/** needed to prevent IE6 clipping background **/
	width:100%;	/** needed to prevent IE6 clipping background **/
}

h1
{
	font-family: lucida grande, Helvetica, sans-serif;
	font-size:12px;
	font-variant:small-caps;
	height:20px;
	letter-spacing:0.2em;
	line-height:35px;
}

p
{
	color:#656565;
}

/**-----------------------------------------
 *
 * Contact
 *
 *-----------------------------------------**/
 
div#contact
{
	text-align:center;
	background-color:#efefef;
	color:#656565;
	font-family: lucida grande, Helvetica, sans-serif;
	font-size:10px;
	height:25px;
	letter-spacing:0.1em;
	line-height:35px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:28px;
	margin-right:38px;
	margin-top:-20px;
	margin-bottom:0px;
	overflow:hidden;
}

div#contact p
{
	margin-top:-3px;
}

/**-----------------------------------------
 *
 * News Feed
 *
 *-----------------------------------------**/
 
 div#news_feed p
 {
 	font-family: lucida grande, Helvetica, sans-serif;
	font-size:11px;
	line-height: 13px;
	padding-top:4px;
 }
 
  div#news_feed h1
 {
 	font-family: lucida grande, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:8px;
 }
 
 div#news_feed
 {
 	background-color:#f3fac6;
	padding-bottom:60px;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	margin-top:-10px;
	margin-right:10px;
	margin-bottom:20px;
 }
 
  div#news_title
 {
 	background-color:#d5dc99;
	margin-top:-3px;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	line-height:5px;
	padding-top:2px;
	margin-right:10px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:2px;
	overflow:hidden;
 }

 
 div#news_top
 {
 	background-image: url(../images/newsCastTop.gif);
	background-repeat: no-repeat;
	height:10px;
	margin-bottom:0px;
	margin-top:5px;
	overflow:hidden;

 }
 
 /**-----------------------------------------
 *
 * Menu
 *
 *-----------------------------------------**/
 
/* remove any default styles */
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}

/* top ul.nav element */
.nav {
	line-height:1.0;
}

/* nested submenu ul elements */
.nav ul {
	position:absolute;
	top:-999em;
	width:246px;/* width when moving */
}
/* submenu items */
.nav ul li,
.nav a 
{
	width:235px;/* width of fully entended menu */
}

.noDrop a 
{
	width:244px;/* width of fully entended menu */
}



/* all li elements */
.nav li {
	float:left; /* must float all li elements. Vertical submenu items are restrained by parent ul width (see .nav ul rules above) */
	position:relative; /* make child submenu ul position relative to parent li */
	z-index:99; /* ensure submenus appear above other page items. Increase if needed, but do not exceed thickbox overlay z-index! */
}

/* all anchor elements */
.nav a {
	display:block; /* make IE6 obey width when text-indent is used */
}

.nav li:hover ul,
ul.nav li.sfHover ul 
{
	left:-1px; /* position first submenu directly under parent li */
	top:2.5em; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:214px;; /* hide submenu in screen-reader and search-engine friendly way */
}

.nav li li:hover ul,
ul.nav li li.sfHover ul
{
	left:244px;;
	top:-1px;
}

.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em;
}

.nav li li li:hover ul,
ul.nav li li li.sfHover ul
{
	left:244px;;
	top:-1px;
}

.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em; 
}

/* A quick note about issues with submenus appearing under Flash animations. Some say that setting wmode="opaque" or  wmode="transparent" on the embed or object tag is sufficient. This does fix many issues but I find it sometimes helps to also add this CSS: */
embed, object {
	position: relative;
	z-index: 0;
	}

.nav 
{
	float:left; /* necessary if you don't want this element to collapse */
	margin-bottom:1.5em; /* add space beneath nav. Purely cosmetic */
	position:absolute;
	left:12px;
}

.nav li 
{
	background:#656565; /* default background colour */
	width:244px;
	margin-right:2px;
	position:relative;
}

.nav a {
	color: #88afe3;
	padding: .5em 0;
	text-decoration:none;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:#daebfb; /* hover highlight */
}
.nav li li {
	background:#6d9cde; /* slightly darker shade for nested submenus */
	color:#656565;
}

.nav li li a{
	background:#94b9eb; /* slightly darker shade for nested submenus */
	color:#656565;
	margin-left:1px;
	text-align:left;
	padding-left:10px;
}

 /**-----------------------------------------
 *
 * Contact Us
 *
 *-----------------------------------------**/
 
 div#contactUs
 {
 	padding-top:25px;
	padding-bottom:20px;
	line-height:17px;
 }
 
  div#contactUs p
 {
 	margin-top:0px;
 }
 
 div#contactUsNumbers
 {
	display:inline;
	line-height:17px;

 }
 
  div#leftContactUsNumbers
 {
 	float:left;
	width:70px;
 }
 
  div#rightContactUsNumbers
 {
 	float:left;
 }
 
  /**-----------------------------------------
 *
 * Golf
 *
 *-----------------------------------------**/

 div#golf_header_text
 {
 	width:90%;
	margin: 0 auto 0px auto;
 }
 
div#golf_header_form form table tr
 {
 	line-height:20px;
	color:#656565;
 }
 
 
 div#golf_header_form
 {
 	width:90%;
	margin: 0 auto 0px auto;
 }
 
div#golf_news { font-weight:bold; color:#7b8fa4; }