@import url(farmingtonCC_css/global_farmingtonCC.css);
@import url(farmingtonCC_css/modules.css);
@import url(farmingtonCC_css/plugins.css);
@import url(adminLogin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
background: #FFF;
color:#000;
}

h1 {
letter-spacing:2px;
	font:24px "Times New Roman", Times, serif;
	color:#000;
	font-variant:small-caps;
	text-align:left;
	
}
h2 {
	
	font:12px Arial, Helvetica, sans-serif;
	color: #00573c;
	border-bottom:1px dotted #00573c;
	width: 100%;

}

h3 {
	color: #102818;
	font: 15px Georgia, "Times New Roman", Times, serif;
	
}

h4 {
	color: #AF7A1F;
	font-style:italic;
	font-size:16px;
	line-height:1.3;
}

h5 {
	font:12px Arial, Helvetica, sans-serif;
	color: #000;
	display: inline;
}

h6 {
	color: #423317;
	font-size:11px;
	font-weight:bold;
}
p { 
color: #000000; 
font:13px Arial, Helvetica, sans-serif;
text-align: left;
}
	
a,a.small,a.anchor,a.visited {
	color: #102818;
	font: inherit;
	text-decoration: none;
}

table {
	font-size:11px;
}


a:hover { text-decoration: underline;}
.page { 
color: #21140b;
	font:11px Arial, Helvetica, sans-serif;
	margin:0;
	background:#f1efd6;
text-align: center;
}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

#siteWrapper {
	color:#252525;
	text-align:center;
	margin:0 auto;
	width:808px;
	background:url(../../../Images/main.gif) repeat-y;
}

#innerWrap {
	background:url(../../../Images/main.gif) repeat-y;
	float: left;
	width: 808px;
}

.inner-main {background:url(../../../Images/main-inner.gif) repeat-y !important;}
/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
ul,form,input,fieldset,legend { margin:0; padding:0; color:#000000}
p,h1,h2,h3,h4,h5,h6 { margin:0;}
li { list-style:none; margin:0; color:#000000}
fieldset,legend { border:none;}
legend {
	float:left;
}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	height:114px;
	background:url(../../../Images/header.jpg) no-repeat;
	}
.inner-main #branding { background:url(../../../Images/header-inner.jpg) no-repeat !important;}
#branding strong {
	background:url(../../../Images/logo.jpg) no-repeat;
	text-align:left;
	width:363px;
	float:left;
	margin:38px 0 0 30px;
	height:24px;
}
#branding strong a {
	display:block;
	height:100%;
	text-indent:-9999em;
		text-align:left;
}
#branding ul {
	float:left;
	white-space:nowrap;
	margin:7px 0 0 15px;
}
#branding li {
	padding-left:12px;
	margin-left:7px;
	background:url(../../../Images/separator.gif) no-repeat 0 2px;
	display:inline;

}
#branding li.first { background:none; }
#branding li { color:#ddc49f;}
.members {
	float:right;
	width:350px;
	padding-top: 20px;
}
.members h4 {
	margin-top:22px;
	font:bold 14px "Times New Roman", Times, serif;
	color:#72725a;
}
.members p {
	font-size:9px;
	color:#fff;
}
.members span {
	float:left;
	width:126px;
}
.members span {
	font-size:9px;
	color:#c7bd9f;
	display:block;
}
.members span input {
	width:118px;
	padding:1px 0;
	border:1px solid #000;
	font:12px Arial, Helvetica, sans-serif;
	background:#f6f2ce;
}
.members .button {
	float:left;
	margin:5px 0 0 127px;
}
.members a {
	font-size:9px;
	color:#fff;
	float:left;
	margin:8px 0 0 4px;
	text-decoration:underline;
}
.members a:hover { text-decoration:none;}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	margin:0 9px;
	text-align:center;
	height:32px;
	width:790px;
	clear:both;
	display:table;
	background:url(../../../Images/nav_bg.jpg) no-repeat;
}


/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea { background:url(../../../Images/main-img.jpg)  no-repeat;}
.main-flash{
	background:url(../../../Images/flash.jpg) no-repeat !important;
	height:572px;
}

#innerWrap #contentMain, #innerWrap .content-area {
	float: left;
}


/*visual area*/
.visual{
	background:url(../../../Images/visual.jpg) no-repeat;
	height:291px;
	margin:0 9px 0 9px;
}
.inner-visual {
	height:319px;
}
.visual h3 { text-indent:-9999em;}
.welcome-area {
	float:left;
	text-align:left;
	width:186px;
	color:#fff;
	padding:35px 0 0 25px;
}
.welcome-area em {
	display:block;
	font-style:normal;
	font-size:9px;
}
.welcome-area strong {
	display:block;
	padding-bottom:9px;
	font:16px Georgia, "Times New Roman", Times, serif;
	text-align:left;
}
.welcome-area li,
.description li {
	font-size:10px;
	height:31px;
	border-bottom:1px dotted #fff;
	line-height:31px;
	background:url(../../../Images/bullet.gif) no-repeat 0 50%;
	padding-left:14px;
	width:150px;
}
.description li { width:180px;}
.welcome-area li a,
.description li a { color:#fff;}
.golf-area {
	text-align:left;
	padding:40px 60px 60px 60px;
}


/*content-main*/
#contentMain {
	background:url(../../../Images/main-gradient.jpg) repeat-y;
	margin:0 9px;
	width:790px;
}
.content-area {
	width:790px;
	background:url(../../../Images/cont-area.jpg) no-repeat 0 100%;
}
.inner-cont { }
#contentMain h1 {
	letter-spacing:2px;
	font:24px "Times New Roman", Times, serif;
	color:#000;
	font-variant:small-caps;
	text-align:left;
}
#contentMain h1 span { font-size:30px;}
/*online block*/
.online {
	float:left;
	width:400px;
	font-size:11px;
	padding:25px 0 20px 22px;
}
.online p {
	text-align:left;
	line-height:20px;
}
.image-place1 {
	float:left;
	width:177px;
	margin-top:21px;
	margin-right:1px;
	background:#333;
	text-align:left;
}

.image-place2 {
	float:right;
	width:177px;
	margin-top:21px;
	margin-right:1px;
	background:#333;
	text-align:left;
}


.image-place img {
	display:block;
}
.image-place1  p {
	color:#fff;
	margin:7px;
	text-align:left;
	line-height:normal;
	font-size:9px;
}

.image-place2  p {
	color:#fff;
	margin:7px;
	text-align:left;
	line-height:normal;
	font-size:9px;
}
/*tabs*/
.tabs {
	float:right;
	width:300px;
	margin-top: 10px;
	margin-right: 10px;
	
	background-color: #c6d9d3;
}
.tabset {
	height:26px;
	background:url(../../../Images/tabs.gif) repeat-x 0 100%;
}
.tabset li { display:inline;}
.tabset a {
	float:left;
	background:#c6dad3;
	font-weight:bold;
	color:#5f5a4a;
	padding:0 60px 0 6px;
	line-height:22px;
	margin-right:3px;
}
.tabset a.active { background:#fff;}
.tab1 {
	height:303px;
	border-bottom:2px solid #fff;
	padding:1px 2px;
	background:#fff;
}
.tab1 li {
	line-height:16px;
	padding:5px 0 7px 23px;
}
.tab1 li.dark { background:#c6dad3;}
/*flash area*/
.description {
	width:248px;
	float:right;
	height:480px;
	color:#fff;
	padding:0 0 0 15px;
	display:inline;
	margin:14px 16px 0 0;
	text-align:left;
}
.description h3 {
	color:#fff;
	margin-top:65px;
	font-size:16px;
}
.description h3 span {
	display:block;
	padding-left:65px;
}
.description p {
	color:#fff;
	margin-top:15px;
	font-size:11px;
	line-height:22px;
}
.description ul { margin:15px 0 0 14px;}
.description em {
	width:220px;
	display:block;
	margin-top:115px;
	color:#9e9170;
	font-style:normal;
	font-size:11px;
}
.description em a{color:#9e9170;}
.sub-area {
	clear:both;
	padding-top:7px;
	text-align:left;
}
.sub-area .links { padding-right:23px;}
.sub-area p {
	width:470px;
	font-size:11px;
	color:#fff;
	display:inline;
	margin:10px 0 0 30px;
	float:left;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	height:108px;
	clear:both;
	width:808px;
	margin:0 auto;
	background:url(../../../Images/footer.jpg) no-repeat;
}

#footer p {
	float:left;
	padding-left:32px;
	line-height:60px;
	font-size:11px;
	color:#efedd4;
}
#footer span {
	clear:both;
	display:block;
	text-align:center;
}

#footerPrivate {
	height:108px;
	clear:both;
	width:808px;
	margin:0 auto;
}

#footerPrivate p {
	float:left;
	padding-left:32px;
	line-height:60px;
	font-size:11px;
	color:#efedd4;
}
#footerPrivate span {
	clear:both;
	display:block;
	text-align:center;
}

#footerPublic {
	height:108px;
	clear:both;
	width:808px;
	margin:0 auto;
}

#footerPublic p {
	float:left;
	padding-left:32px;
	line-height:60px;
	font-size:11px;
	color:#efedd4;
}
#footerPublic span {
	clear:both;
	display:block;
	text-align:center;
}

.links{
	float:right;
	padding:8px 35px 0 0;
}
.links li {
	background:url(../../../Images/separator-footer.gif) no-repeat;
	height:42px;
	margin-left:10px;
	padding-left:13px;
	line-height:42px;
	float:left;
	letter-spacing:1px;
	font-weight:bold;
}
.links li a { 
	color:#d59d04;
	font:10px Arial, Helvetica, sans-serif;
}

.links li.first,
.sub-contact li.first {
	font-weight:normal;
	background:none;
}
.links li.first a{ color:#985d32;}
.sub-contact {
	width:808px;
	float:left;
	text-align:center;
	font:10px "Lucida Sans Unicode:", "Lucida Grande", sans-serif;
	margin-top:20px;
}
.sub-contact li {
	display:inline;
	background:url(../../../Images/separator-footer2.gif) no-repeat 0 2px;
	padding-left:6px;
	color:#000;
	margin-left:3px;
}