@charset "utf-8";
/* CSS Document */

@import url(grid.css);
@import url(reset.css);


div.spacer { height:1em;}


#top {
	background:#041936;
	width:100%;
	margin:0;
	padding:0;
}

p#top-info {
	text-align:right;
	margin:0;
	padding:24px 0 0 0;
	color:#EEE;
}

span#top-info {
	width:100px;
	text-align:right;
	padding-right:5px;
	font-weight:800;
	display:inline-block;
}

p#top-info a.mail-link {
	color:#EEE;
	text-decoration:underline;
}

p#top-info a.mail-link:hover {
	color:#FF0000;
	text-decoration:underline;
}

div.body-area {
	margin:2px;
}


table.weather {
	margin:5px auto;
	width:200px;	
}
table.weather a {
	text-decoration: none;
	color: #0B418A;
	padding-left: 10px;
}
a { color: #0B418A; }
a:hover { color: #B71700; text-decoration: underline; }
table.weather a:hover { color: #B71700; text-decoration: underline; }
table.weather tr td {
	padding:5px 0;
	border-bottom:1px solid #DDD;
}


/*****************************************************************************************************
** MAIN-MENU STYLE
*************************************************************************************************** */

.menu {
	background:url(../images/menu-bg.jpg) no-repeat;
	width:970px;
	height:45px;
}

.menu ul#main {
	list-style:none;
	float:left;
	margin:0 0 0 20px;
	padding:0;
}
.menu ul#main li {
	float:left;
	margin:0;
	padding:0 0 0 4px;
}

.menu ul#main li a {
	display:block;
	height:45px;
	text-decoration:none;
}

.menu ul#main li a span {
	visibility:hidden;
}

#home {
	background:url(../images/menu.jpg) -38px 0px no-repeat;
	width:72px; height:45px;
}
#home:hover, #homePage #home { background:url(../images/menu.jpg) -38px -45px;}

#ogc { background:url(../images/menu.jpg) -114px 0; width:72px; height:28px;}
#ogc:hover, #ogcPage #ogc { background:url(../images/menu.jpg) -114px -45px;}

#functions { background:url(../images/menu.jpg) -190px 0; width:148px; height:28px;}
#functions:hover, #functionsPage #functions { background:url(../images/menu.jpg) -190px -45px;}

#corporate { background:url(../images/menu.jpg) -342px 0; width:108px; height:28px;}
#corporate:hover, #corporatePage #corporate { background:url(../images/menu.jpg) -342px -45px;}

#visitors { background:url(../images/menu.jpg) -454px 0; width:72px; height:28px;}
#visitors:hover, #visitorsPage #visitors { background:url(../images/menu.jpg) -454px -45px;}

#golf { background:url(../images/menu.jpg) -530px 0; width:72px; height:28px;}
#golf:hover, #golfPage #golf { background:url(../images/menu.jpg) -530px -45px;}

#membership { background:url(../images/menu.jpg) -606px 0; width:96px; height:28px;}
#membership:hover, #membershipPage #membership { background:url(../images/menu.jpg) -606px -45px;}

#contact { background:url(../images/menu.jpg) -706px 0; width:96px; height:28px;}
#contact:hover, #contactPage #contact { background:url(../images/menu.jpg) -706px -45px;}

#login { background:url(../images/menu.jpg) -816px 0; width:140px; height:30px;}
#login:hover { background:url(../images/menu.jpg) -816px -45px;}




/*****************************************************************************************************
** SUB-MENU STYLE
*************************************************************************************************** */
.subcat-style {
	position:absolute; 
	visibility:hidden;
	width:180px;
	margin:-7px 0 0 0;
	padding:3px;
	z-index:100;
}

ul#subcat {
	float:none;
	margin:0 auto;
	padding:0;
	z-index:100;
}
ul#subcat li {
	float:none;
	margin:0;
	padding:0;
	z-index:100;
}

ul#subcat li a {
	background:url(../images/submenu.jpg) repeat-x;
	border:1px solid #EEE;
	height:24px;
	line-height:24px;
	text-decoration:none;
	margin:0;
	padding:0 6px;
	display:block;
	color:#AA1100;
}

ul#subcat li a:hover {
	background:url(../images/submenu_hover.jpg) repeat-x;
	height:24px;
	color:#FFFFFF;
	margin:0;
	padding:0 8px;
}

/*****************************************************************************************************
** RSS PGA NEWS
*************************************************************************************************** */

#rss { /*Demo 3 main container*/
	width:208px;
	height:117px;
	margin:0;
	padding:2px;
	text-align:left;
}

#rss div p{ /*Demo 3 P element that separates each entry*/
	margin:0 0 5px 0;
	font-size:95%;
}

.titlefield{ /*CSS for RSS title link in general*/
	text-decoration: none;
	display:block;
}


.datefield{ /*CSS for date field in general*/
	color:#999;
	font-size:85%;
	display:block;
	margin:0;
	padding:0;
}



/*****************************************************************************************************
** BODY AREA
*************************************************************************************************** */

#body-repeat {
	background:url(../images/topbody-blue-repeat.jpg) repeat-y;
	width:970px;
	margin:0;
	padding:0;
	z-index:-100;
}

div.banner-bg {
	background:url(../images/banner.jpg) no-repeat top;
	width:970px;
	height:292px;
	margin:0 auto;
	padding:18px 0 0 0;
	z-index:-100;
}

#mid-bg {
	background:url(../images/mid-bg.jpg) repeat-x;
	width:100%;
	height:40px;
	margin:0;
	padding:0;
}

#mid-body {
	background:url(../images/mid-body.jpg) top center no-repeat;
	width:970px;
	height:40px;
	margin:0 auto;
	padding:0;
}

#news-line {
	background:#DDD;
	width:920px;
	height:28px;
	line-height:28px;
	margin:0 auto;
	padding:4px 0 0 10px;
	color:#666666;
}

#title-3, #title-6 {
	background:url(../images/title.jpg) repeat-x;
	height:30px;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#title-3 {
	width:220px;
}
#title-6 {
	width:460px;
}


#body-main {
	background:url(../images/body-main.jpg) repeat-y;
	width:970px;
	padding:0;
}

div#contents {
	width:218px;
	border:1px solid #CCC;
	border-top:none;
	margin:0;
}
div#contents-texts {
	width:458px;
	border:1px solid #CCC;
	border-top:none;
	margin:0;
}


p#centered {
	text-align:center;
	margin:3px auto;
	padding:3px 0;
}

.small-heading {
	margin-bottom:5px;
	display:block;
	font-weight:700;
	text-decoration:underline;
}

/**************************************************************************************
** Sub-Category Menu Style
***************************************************************************************/

ul#subcategory {
	list-style:none;
	margin:0;
	padding:0;
}

ul#subcategory li {
	margin:0;
	padding:1px 0;
}

ul#subcategory li a {
	/*background:url(../images/subcategory.jpg) repeat-x;*/
	border-bottom:1px dashed #CCC;
	height:27px;
	line-height:27px;
	text-decoration:none;
	margin:0;
	padding:0 6px;
	display:block;
	color:#AA1100;
}
ul#subcategory li a:hover, ul#subcategory li a#current {
	background:url(../images/subcategory_hover.jpg) repeat-x;
	height:27px;
	color:#FFFFFF;
	margin:0;
	padding:0 8px;
}

/**************************************************************************************
** LINK STYLES
***************************************************************************************/

p a, p a:link, p a:visited, p a:active { color:#B71700; text-decoration:none; }
p a:hover { color:#0B418A; text-decoration:underline;}

ul.list {
	list-style:url(../images/icons/arrow_list.jpg) outside;
	margin:5px auto;
	padding:3px 5px;
	line-height:17px;
}

ul.list li {
	padding:2px 0;
}

a.result, a.links {
	color:#0B418A; text-decoration:none;
}
a.result:hover, a.links:hover { 
	color:#B71700; text-decoration:underline;
}





a.function, a.function:link, a.function:active, a.function:visited,
button.function,
ul#admin-cat li#current a.function {
	background:url(../images/btn-input.jpg) repeat-x;
	border:1px solid #CCCCCC;
	height:28px;
	padding:3px 8px;
	color:#0B418A;
	text-decoration:none;
}
a.function:hover, 
button.function:hover,
ul#admin-cat li#current a.function:hover {
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#B71700;
}

#pagination {
	margin:5px auto;
}
#pagination a, #pagination strong {
	background:#FFF;
	padding:3px 5px;
	text-decoration:none;
	border:1px solid #DDD;
	color:#B71700;
	font-size:11px;
}

#pagination strong, #pagination a:hover {
	background:#B71700;
	color:#FFF;
}		


/***********************************************************************************************
** TABLE VIEW
***********************************************************************************************/
table.view {
	margin:10px auto 0 auto;
	padding:0;
}

table.view tr .title { 
	background:#ddd;
	border:2px solid #FFF;
	padding:5px;
	font-weight:800;
}
table.view tr .heading { 
	background:#f1f1f1;
	border:2px solid #FFF;
	padding:5px;
	font-weight:800;
}

table.view td {
	padding:4px 5px;
	border:1px dashed #DDD;
}

table.view a { color:#B71700; text-decoration:none; }
table.view a:hover { color:#0B418A; text-decoration:underline;}





.bodytxt { padding:2px 10px; margin:5px 10px;}
a.links, a.links:link, a.links:active, a.links:visited { color:#555555; text-decoration:underline; margin:0;}
a.links:hover { color:#0088CC; text-decoration:underline;}

/* FOOTER */

#footer_top { background:url(../images/footer_top.jpg) repeat-x; height:25px; width:100%; text-align:center;}
#footer { 
	background:#1E2225; width:940px; height:50px;
	margin:0 auto; padding:20px 15px;
}
a.top, a.top:link, a.top:active, a.top:visited { color:#999999; text-decoration:none; margin:0; float:left; padding:3px 5px; visibility:hidden;}
a.top:hover { color:#FEFEFE; text-decoration:underline;}



/* Availability Calendar */

#calendar_sm #availability div { font-size: 12px; padding: 0.5em 0; text-align: center; }
#availability { width: 100%; }
#availability th {
	padding: 2px;
}
#availability td {
	vertical-align: top;
	font-size: 2em;
	padding: 0;
}
#availability div {
	color: #FFF;
	padding: 0.5em 0.5em 1.5em 0.5em;
}
#availability div.empty {
	display: block;
	background-color: #f1f1f1;
	color: #666;
}
#availability div.booked, #av_legend span {
	background: #B71700 url(../images/subcategory_hover.jpg) repeat-x top;
}
#availability div.today {
	color: #000;
}
#av_legend { line-height: 24px; margin-top: 5px; }
#av_legend span { float: left; width: 24px; height: 24px; margin-right: 5px; }