@import url(global_v1-1.css);

@import url(dolphinHeadGC_css/modules.css);
@import url(dolphinHeadGC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/
html {
	height: 100%;
}
body {
	
}
h1 {
	color: #00703C;
	font: 24px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;
}
h2 {
	color: #00703C;
	font: 16px "Times New Roman", Georgia, Times, serif;
}
h3 {
	color: #81A069;
	font: 16px "Times New Roman", Georgia, Times, serif;
}
h4 {
	color: #AF7A1F;
	font: italic 16px/1.3 "Times New Roman", Georgia, Times, serif;
}
h5 {
	color: #595858;
	font: 11px "Times New Roman", Georgia, Times, serif;
	display: inline;
}
h6 {
	color: #595858;
	font: bold 11px "Times New Roman", Georgia, Times, serif;
}
/*p {
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}*/
table, div {font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
a,a.small,a.anchor,a.visited {
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;
}
a:hover {
	color: #848D74;
	font: inherit;
	text-decoration: underline;
}

.page {

	text-align: center;
	color: #000;
	height: 100%;
	background: #B9C19B url(../../../Images/bg-body.jpg) no-repeat 50% 0;
	
}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: Dolphin Head Golf Club
////////////////////////////////////////////////////////*/
form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
	margin: 0;
}
a:focus {outline: none;}

/*text to image replacment*/
.hidden-text {
	display: block;
	text-indent: -9999px;
}
h1,h2,h3 {margin: 0;}
h2 {
	color: #006b35;
	font: 14px/14px "Times New Roman", Times, serif;
}
p {
	margin: 0 0 15px;
	font-size: 11px;
	line-height: 19px;
	color: #595858;
}

.hideText {
	
	display: none;

}

/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
.siteWrapper {

	width: 100%;
	min-height: 100%;
	font: 100% Arial, Helvetica, sans-serif;
}

*html #siteWrapper {height: 100%;}

#main {
	margin: 0 auto;
	width: 750px;
}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	width: 100%;
	/*display: table;*/
	height: 119px;
}
.logo {
	background: url(../../../Images/logo.gif) no-repeat;
	width: 363px;
	height: 85px;
	float: left;
	margin-top: 20px;
}
.logo a {
	height: 100%;
	width: 100%;
}
/*haeder-box*/
.haeder-box {
	float: right;
	width: 180px;
}
.top-menu {
	padding: 0 0 0 15px;
	margin: 0 0 17px;
	background: url(../../../Images/bg-top-menu.gif) no-repeat;
	width: 155px;
	height: 21px;
}
.top-menu li {
	float: left;
	padding-left: 14px;
	background: url(../../../Images/img-top-men-separator.gif) no-repeat 10px 1px;
	height: 100%;
}
.top-menu li.first {
	background: none;
	padding: 0;
}
.top-menu a {
	color: #d8c83f !important;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.top-menu a img {margin-top: 3px;}
/*temp-holder*/
.temp-holder {
	text-align: right;
	padding-right: 5px;
	color:#FFFFFF;
}
.temp-holder strong {
	font-size: 10px;
	color: #fff;
	display: block;
}
.temp-holder strong span {font-size: 21px;}
.temp-holder strong em {
	font-size: 13px;
	font-style: normal;
}
.temp-holder a {
	color: #fff !important;
	font-size: 10px;
	text-decoration: underline;
}
.temp-holder a:hover {text-decoration: none;}

/*content-wrapper*/
.content-wrapper {
	background: #f8f4e2;
	padding: 5px;
	/*display: table;*/
	border: 1px solid #c9cab0;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
.nav-holder {
	height: 32px;
	background: url(../../../Images/bg-nav.gif) repeat-x;
	width: 740px;
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {

	width: 740px;
	margin: 0 auto;
	text-align: center;
	
}

#twoCol #contentArea {

	background: #fff url(../../../Images/sidebarBg_repeat.gif) repeat-y left top;
	
}

#oneCol #contentArea{

	background: #fff;
	
}

.content-holder {

	width: 100%;
	
}

#twoCol .content-holder {

	background: url(../../../Images/sidebarBg_repeat.gif) repeat-y 0 100%;
	
}

	#mediaWindow {
	
		width: 100%;
	
	}
	
		#mediaWindow img {
	
			display: block;
	
		}

#sidebar {

	padding: 30px 0;
	float: left;
	width: 220px;
	background: url(../../../Images/sidebarBg_top.gif) no-repeat left top;
	
}

#sidebar .inside {

	width: 180px;
	margin: 0 20px;
	text-align: left;
	
}

/*sub-menu*/
.sub-menu {
	padding: 0;
	margin: 0 0 43px;
}
.sub-menu li a {
	color: #fff !important;
	font-size: 11px;
	line-height: 18px;
}
/*content*/
#twoCol #content {

	float: right;
	width: 520px;
	
}

#twoCol #content .inside {

	padding: 0 10px;
	text-align: left;
	
}

/*content*/
#oneCol #content {

	width: 100%;
	
}

#oneCol #content .inside {

	margin: 0 30px;
	width: 680px;
	text-align: left;
	
}

#content {

	padding: 30px 0;
	
}

.txt-welcome-to-dolphin {
	height: 50px;
	background: url(../../../Images/txt-welcome-to.gif) no-repeat;
}
/*content-text*/
.content-text {padding: 0 0 0 11px;}
/*event-list*/

.event-list {

	padding: 0;
	margin: 0;
	margin: 0 auto;
	text-align: center;
	
}

	.event-list img {
	
		display: block;
	
	}

	.event-list li {
	
		float: left;
		border: 1px solid #cdcaba;
		background: #fcfbfa;
		padding: 2px;
		text-align: left;
	
	}
.event-list li div {
	border: 1px solid #e7e6df;
	background: #fff;
	width: 180px;
	padding: 5px;
	min-height: 215px;
}
*html .event-list li div {height: 215px;}
.event-list li.right {float: right;}
.event-list img {margin-bottom: 5px;}
.event-list h2 {height: 35px;}
.event-list p {
	font-size: 10px;
	line-height: 14px;
}
.event-list a {color: #00703c !important;}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {

	width: 100%;
}

#twoCol #footer {

	background: url(../../../Images/twoCol_footerBg.gif) no-repeat left top;
}

#footer ul {
	float: left;
	width: 332px;
	height: 12px;
	margin: 20px 12px 17px; 
	padding: 0;
}
#footer ul.footer-nav {float: right; width: 147px;}
#footer li {
	display: inline;
	padding-left: 15px;
	background: url(../../../Images/img-footer-separator.gif) no-repeat 5px 50%;
	color: #6c7253;
	font-size: 9px;
	
}
#footer li a {color: #6c7253 !important;}
#footer li.first {
	padding: 0;
	background: none;
}

#footer ul.footer-nav li {background: none; padding:0;}