/* 
Style Sheet for the overall site design

This should contain the general/default design styles for the site.
-------------------------------------------------------
Copyright (c) 2009, Chasetheweb.net

Last Updated By: 
Date:    

#24933c = Green
#4f5053 = Gray
*/ 
/*////////////////////////////////////////////////////////////////////////////////*/

body
{
	text-align:left;
	font: normal 80% Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #4f5053;
	background-color: #b0afa4;
}

div#page
{

	background: #b0afa4 url('/Template/Harborfields/Images/bg-page.gif') repeat-y top center;
}

/* HEADER */
div#header
{
	xbackground: #b0afa4 url('/Template/Harborfields/Images/bg-header.jpg') no-repeat top center;
    background-color: #b0afa4;

}


div#branding a.logo,a.logo:link, a.logo:active, a.logo:visited, a.logo:hover {
	position:absolute;
	top: 15px;
	left: -5px;
    height: 60px;
    width: 245px;
    display: block;
    z-index: 3;
	}

/* CONTENT */
div#content
{
	
}

/* LAYOUT */
div#layout
{
	
}

/* MAIN */
div#main
{

}

div#sub1
{

}


div#local
{

}

div#extra2
{
	color: #ffffff;
	font-weight: bold;
}

div#clear
{

}


/* FOOTER */
div#footer
{
    background-color: #24933c;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;        
}
div#footer p.syntaxMktg
{
	margin-top: 15px;
}
div#footer p.syntaxMktg, div#footer p.syntaxMktg a
{
	color: #fff;
}

/* Basic Styles */

/*jquery buttons*/
.jquery_button
{
    cursor: pointer;
    color: #24933c;
}
.newIcon 
{
	color: red;
	margin-left: 3px;
}
p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size:12px;
	
}

blockquote {
	margin-left: 10px;
}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: pre;
}

 /*HEADINGS */
h1 {
	font-size: 2.5em;
	margin:0 0 0.5em;
	padding:0;
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
	color: #24933c;
	border-bottom: 1px solid #4f5053;
	line-height: 1.35em;
}

h2 {
	font-size:1.5em;
	margin:0 0 0.5em;
	padding:0;
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
	color: #24933c;
	border-bottom: 1px solid #4f5053;
}

h3 {
	font-size:1.4em;
	margin:0 0 0.5em;
	padding:0;
	color: #24933c;
}

h4 {
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 0.25em;
	padding:0;
}

h5 {

}

h6 {

}


  /*SPECIAL CLASSES */
.bold
{
	font-weight:700;
	font-size:90%;
}

.bolder
{
	font-weight:bolder;
}

.center
{
	text-align:center;
}


.small
{
	font-size: 8pt;
	color:#666;
}

.errorFormEntry {
	font-weight: bold;
	color: red;
}

.requiredfield
{
	font-weight:700;
	color:Red;
}


/* Links */
a,a:link, a:active, a:visited, a:hover {
	color:#24933c;
    text-decoration:underline;
}
a.footerlink:link, a.footerlink:active, a.footerlink:visited, a.footerlink:hover {
	color:#ffffff;
    text-decoration:underline;
}

/* ///////////////////////////LISTS */

ul
{
	line-height:1.5em;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul li
{
	margin:0;
	padding:0px 0px 10px 0px;
}

ol
{
	line-height:1.5em;
	margin:0;
	padding:0;
}

ol li
{
	margin:0;
	padding:0px 0px 10px 0px;
}
div#importantLinks
{
font-size: .8em;
}
/* Horizonatal Rules  */     
hr
{
	border-color: #394750;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	clear: both;
	margin: 0 0 10px;
	height: 0;
}
/* Horizonatal Rules */ 


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Upcoming Events*/
div#events
{
	height: 362px;
}
.event
{
	margin-bottom: 15px;
}
.Event-Title
{
	font-size: 90%;
	line-height: 1.25;
}

/*for inline colorbox modals*/
.colorbox-modal-container
{
    text-align:left;
	font: normal 14px Arial, Helvetica, sans-serif !Important;
	line-height: 1.5em !Important;
	color: #4f5053 !Important;
	padding: 10px;
}
.colorbox-modal-container p{
	margin: 0px 0px 10px 0px !Important;
	padding: 0px !Important;
	font-size:1em !Important;	
}
.colorbox-modal-container h3 {
	color: #24933c;
	font-size:1.4em;
	margin:0 0 0.5em;
	padding:0;
}
.colorbox-modal-container ul
{
	line-height:1.5em !Important;
	margin:0 !Important;
	padding:0 !Important;
}
.colorbox-modal-container ul li
{
	margin:0 !Important;
	padding:0px 0px 10px 0px !Important;
}