/*   
Theme Name: Mid Kent Golf Club
Theme URI: http://www.mkgc.co.uk/
Description: Mid Kent Golf Club Website Design
Author: vHost Direct Limited
Author URI: http://www.vhostdirect.co.uk/
Version: 2.0
*/


/* HTML Tag Redefinitions */

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	color: #666666;
}
a {
	color: #2D4E69;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6,h7 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.clear {
	clear: both;
}


/* Page Layout Styles */

div#header_wrapper {
	background: url(images/header_bg.jpg) top center no-repeat #004D79;
	height: 160px;
}

div#content_wrapper {
	background: url(images/page_bg.jpg) repeat-x;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

div#footer_wrapper {
	background: url(images/footer_bg.png) repeat-x;
	height: 150px;
	clear: both;
}


/* Header Styles */

div#header {
	position: relative;
	width: 920px;
	height: 160px;
	margin: 0px auto;
	border-bottom: 1px solid #747664; /* #D8E3ED maybe removed ? */
}

div#header img#logo {
	position: absolute;
	top: 10px;
	left: 0px;
}

div#header img#logo_text {
	position: absolute;
	top: 20px;
	left: 100px;
}

div#header div#notice {
	position: absolute;
	top: 70px;
	left: 100px;
	width: 516px;
	font-size: 11pt;
	color: #E9D67B;
}
div#notice span#left {
	float: left;
}
div#notice span#right {
	float: right;
}

div#header div#menu {
	position: absolute;
	bottom: 0px;
	width: 920px;
	height: 54px;
	font-size: 11pt;
}


/* Page Styles */

div#home_image {
	display: block;
	background: url(images/home_shadow.jpg) center 1px no-repeat;
	width: 980px;
	height: 312px;
	text-align: center;
	margin: 0px auto;
	overflow: hidden;
}
div#home_image img {
	position: absolute;
	top: 1px;
	left: 30px;
	width: 920px;
	height: 312px;
	border: 0;
}

div#page {
	position: relative;
	display: block;
	width: 920px;
	margin: 1em auto 1em auto;
	min-height: 580px;
	height: auto !important;
	height: 580px;
}
div#page div#content {
	display: block;
	width: 700px;
	margin-bottom: 1em;
}
div#page div.sidebar {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 220px;
	float: left;
}
div#page div#content div#bg {
	display: block;
	background: url(images/panel_content.png) repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}
div#page span#top {
	display: block;
	background: url(images/panel_top.png) no-repeat;
	height: 12px;
}
div#page span#bottom {
	display: block;
	background: url(images/panel_bottom.png) no-repeat;
	height: 12px;
}


/* Footer Styles */

div#spacer1 {
	display: block;
	height: 2px;
	clear: both;
}

div#spacer2 {
	display: block;
	clear: both;
}

div#footer {
	display: block;
	font-size: 10pt;
	text-align: center;
	padding: 1em;
	color: #666666;
}
div#footer a {
	color: #333333;
	text-decoration: underline;
}
div#footer a:hover {
	color: #333333;
	text-decoration: none;
}


/* Menu Styles */

div#menu a#home {
	display: block;
	background: url(images/menu_home_off.png) no-repeat;
	width: 66px;
	height: 54px;
	float: left;
	outline: none;
}
div#menu a#home:hover {
	background: url(images/menu_home_on.png) no-repeat;
}
div#menu div#menu_bar {
	position: relative;
	display: block;
	background: url(images/menu_bg.png) repeat-x;
	width: 846px;
	height: 54px;
	float: left;
}
div#menu div#menu_end {
	background: url(images/menu_end.png) repeat-x;
	display: inline-block;
	width: 8px;
	height: 54px;
	float: left;
}

div#menu ul#top {
	display: inline;
	height: 54px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#top li {
	float: left;
}
ul#top li a {
	display: block;
	background: url(images/menu_off.png) no-repeat;
	height: 54px;
	line-height: 50px;
	min-width: 84px;
	text-align: center;
	text-decoration: none;
	color: #D8E3ED;
	padding: 0em 0.25em;
	outline: none;
}
ul#top li a:hover {
	display: block;
	background: url(images/menu_on.png) no-repeat;
	color: #FFFFFF;
}

ul.submenu {
	display: none;
	position: absolute !important;
	top: 52px !important;
	z-index: 9999 !important;
	margin: 0px !important;
	padding: 0px !important;
	background-color: #09477E !important;
	border: 1px solid #265F8F !important;
	border-top: none !important;
	list-style-type: none !important;
}
ul.submenu li {
	float: none !important;
}
ul.submenu li a
{
	display: block !important;
	background: none !important;
	height: 1.5em !important;
	line-height: 1.5em !important;
	min-width: 0px !important;
	padding: 3px 1em 3px 1em !important;
	margin: 1px !important;
	text-align: left !important;
}
ul.submenu li a:hover
{
	display: block !important;
	background: #265F8F !important;
	color: #F1EA9B !important;
}


/* Search Styles */

div#search {
	position: absolute;
	display: block;
	top: 15px;
	right: 8px;
}
div#search label {
	display: none;
}
div#search input#s {
	display: block;
	width: 159px;
	height: 24px;
	float: left;
	background: url(images/search_input.png) no-repeat;
	padding: 4px 0px 0px 6px;
	border: none;
	color: #555555;
}
div#search button#searchsubmit {
	display: block;
	width: 65px;
	height: 24px;
	float: left;
	background: url(images/search_button.png) no-repeat;
	border: none;
}
div#search button#searchsubmit span {
	font-size: 11pt;
	color: #D8E3ED;
	line-height: 22px;
}
div#login {
	position: absolute;
	top: 6px;
	right: 0px;
	width: 200px;
	padding: 4px;
	margin-right: 10px;
	color: #E9D67B;
}
div#login #login_user, div#login #login_pass {
	position: relative;
}
div#login label.infieldlabel {
	position: absolute;
	top:  0px;
	left: 5px;
	line-height: 25px;
	font-size: 0.80em;
	color: #666666;
}
div#login #login_user input, div#login #login_pass input {
	width: 12em;
}
div#login input {
	margin-top: 2px;
}
div#login span {
	float: right;
	margin-top: 6px;
	font-size: 10pt;
}
div#login a, div#login a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
div#login div.logout {
	margin-top: 25px;
	font-size: 10pt;
	text-align: right;
}


/* Sidebar Styles */
div#content h2.title {
	display: inline;
	border-bottom: 2px solid #4777A1;
}
h2.title, span.title {
	font-size: 21pt;
	font-style: italic;
	color: #808080;
}
div.sidebar span.sep1 {
	display: block;
	margin: 0.5em 0em 0.5em 0em;
	border-bottom: 1px solid #DDDDDD;
}
div.sidebar span.sep2 {
	display: block;
	margin: 0.5em 0em 0.5em 0em;
	border-bottom: 1px solid #CCCA9C;
}
div.widget span.small {
	font-size: 11pt;
}
div.widget span.title {
	padding-left: 16px;
}
div.widget span.content {
	display: block;
	margin-left: 16px;
}


/* Content Styles */

.imagemap {
	position:    relative;
	display:     block;
	width:       670px;
	margin:      5px;
	padding:     0px;
	text-align:  center;
}
.imagemap div {
	position:    absolute;
	margin:      0px;
	padding:     6px;
	font-size:   13px;
}
.imagemap div a {
	display:     block;
	cursor:      pointer;
	outline:     none;
}
.imagemap div span {
	display:     none;
	color:       #FFFFFF;
}
.imagemap div span a {
	display:     inline;
	border:      0px !important;
	color:       #FFFFFF;
	text-decoration: underline;
}
.imagemap div span a:hover {
	text-decoration: none;
}
.imagemap div:hover a {
	border:      1px solid #FFFFFF;
}
.imagemap div:hover span {
	display:     block;
}
.imagemap div#kay       { left: 110px; top: 152px; width: 125px; }
.imagemap div#kay     a { height: 250px; }
.imagemap div#pam       { left: 254px; top:  79px; width: 160px; }
.imagemap div#pam     a { height: 250px; }
.imagemap div#gill      { left: 434px; top: 134px; width: 125px; }
.imagemap div#gill    a { height: 250px; }

.imagemap div#stuart    { left:  70px; top:  70px; width: 140px; }
.imagemap div#stuart  a { height: 250px; }
.imagemap div#mark      { left: 225px; top:  70px; width: 140px; }
.imagemap div#mark    a { height: 250px; }
.imagemap div#dan       { left: 390px; top:  70px; width: 160px; }
.imagemap div#dan     a { height: 250px; }

.imagemap div#hole01    { left:    61px; top:  43px; width: 119px; }
.imagemap div#hole01  a { height:  30px; }
.imagemap div#hole02    { left:   227px; top: 104px; width: 116px; }
.imagemap div#hole02  a { height:  58px; }
.imagemap div#hole03    { left:   361px; top: 112px; width: 188px; }
.imagemap div#hole03  a { height:  30px; }
.imagemap div#hole04    { left:   559px; top: 166px; width:  44px; }
.imagemap div#hole04  a { height:  96px; }
.imagemap div#hole05    { left:   350px; top: 249px; width: 187px; }
.imagemap div#hole05  a { height:  34px; }
.imagemap div#hole06    { left:   400px; top: 188px; width: 155px; }
.imagemap div#hole06  a { height:  51px; }
.imagemap div#hole07    { left:   430px; top: 145px; width: 115px; }
.imagemap div#hole07  a { height:  38px; }
.imagemap div#hole08    { left:   131px; top: 199px; width: 191px; }
.imagemap div#hole08  a { height:  33px; }
.imagemap div#hole09    { left:   131px; top: 170px; width: 127px; }
.imagemap div#hole09  a { height:  31px; }
.imagemap div#hole10    { left:    67px; top: 140px; width:  99px; }
.imagemap div#hole10  a { height:  41px; }
.imagemap div#hole11    { left:    70px; top: 238px; width: 113px; }
.imagemap div#hole11  a { height:  30px; }
.imagemap div#hole12    { left:   206px; top: 289px; width: 182px; }
.imagemap div#hole12  a { height:  26px; }
.imagemap div#hole13    { left:   348px; top: 340px; width: 114px; }
.imagemap div#hole13  a { height:  29px; }
.imagemap div#hole14    { left:   494px; top: 305px; width: 143px; }
.imagemap div#hole14  a { height:  43px; }
.imagemap div#hole15    { left:   606px; top:  89px; width:  41px; }
.imagemap div#hole15  a { height: 143px; }
.imagemap div#hole16    { left:   497px; top:  66px; width: 107px; }
.imagemap div#hole16  a { height:  37px; }
.imagemap div#hole17    { left:   265px; top:  64px; width: 194px; }
.imagemap div#hole17  a { height:  37px; }
.imagemap div#hole18    { left:    59px; top:  75px; width: 153px; }
.imagemap div#hole18  a { height:  50px; }