@import url(global_v1-1.css);


@import url(hempsteadGCC_css/modules.css);
@import url(hempsteadGCC_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: #284E36;
	font: 20px Georgia, "Times New Roman", Times, serif;
}
h2 {
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
h3 {
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
h4 {
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;
}
h5 {
	color: #2b3B24;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;
}
h6 {
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", 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: #000;
	font: inherit;
	text-decoration: none;
}
a:hover {
	color: #848D74;
	font: inherit;
	text-decoration: underline;
}
.page {
	text-align: center;
	color: #000;
	min-width: 760px;
	height: 100%;
	background: url(../../../images/bg-body2.jpg) center top no-repeat fixed;
}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/
/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
form {
	display: inline;
	padding: 0;
	margin: 0;
}
/*li {
	list-style: none;
	margin: 0;
}*/

a {text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
img {
	display: block;
	border: none;
}
/*text to image replacment*/
.hidden-text {
	display: none;
}
.page-wrapper {
	width: 100%;
	background: url(../../../images/border-top.gif) center top repeat-x;
}

/*.page-wrapper-bottom {
	width: 100%;
	background: url(../../../images/bg-body-bottom.jpg) center bottom repeat-y;
}*/

* html .page-wrapper {height: 100%;}
#siteWrapper {
	width: 759px;
	margin: 0 auto;
	font: 100% Arial, Helvetica, sans-serif;
}
p a {color: #006832;}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	height: 120px;
	text-align: left;
	padding-top: 43px;
}
.logo {
	background: url(../../../images/logo.gif) no-repeat;
	width: 273px;
	height: 51px;
	display: block;
	/*margin: 0 0 5px;*/
}
.logo a {
	height: 100%;
	width: 100%;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	padding: 0;
	margin: 0;
	text-align: center;
}
/*#nav li {
	display: inline;
	padding-left: 8px;
	background: url(../../../images/img-main-nav-separator.gif) no-repeat 3px 50%;
	line-height: 20px;
}
#nav li.first {
	padding: 0;
	background: none;
}
#nav li a {
	text-transform: uppercase;
	color: #00703c;
	font: 11px/20px "Lucida Sans Unicode", Verdana, Arial,sans-serif;
	text-decoration: none;
}
#nav li a:hover {color: #39280A;}*/
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	float: left;
	background: #fff;
	padding-bottom: 10px;
	width: 759px;
}
/*sidebar*/
#sidebar {
	float: left;
	width: 230px;
	background: url(../../../images/bg-sidebar.gif) repeat-x;
	/*margin-left: 2px;*/
	display: inline;
	
}

#sidebar .inside {
	padding: 15px 0 0 18px;
}

#sidebar .inside .plugins {
	width: 210px;
}

#sidebar a,a.small,a.anchor,a.visited {
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;
}

#sidebar a:hover {
	color: #848D74;
	font: inherit;
	text-decoration: underline;
}

/*account-box*/
.account-box {
	width: 100%;
	margin-bottom: 30px;
}
.welcome {
	width: 127px;
	font: 100% Arial, Helvetica, sans-serif;
}
.welcome span {
	display: block;
	font-size: 11px;
	line-height: 14px;
	color: #7f7f7f;
	padding-left: 1px;
}
.welcome strong {
	display: block;
	font-size: 14px;
	color: #9c8733;
	font-weight: normal;
}
.log-out {
	color: #9f8c18 !important;
	font-size: 9px !important;
	text-transform: uppercase;
}
/*temp-holder*/
.temp-holder {
	font: 24px "Times New Roman", Times, serif;
	color: #333;
}
.temp-holder span {font-size: 12px;}
#sidebar h2 {
	text-transform: uppercase;
	margin: 0 0 7px;
	color: #968100;
}
.news-list {
	padding: 0;
	margin: 0;
	font: 100% Arial, Helvetica, sans-serif;
}
.news-list strong {
	display: block;
	font-size: 11px;
	line-height: 12px;
	color: #4c4c4c;
}
.news-list li {margin-bottom: 15px;}
.news-list a {
	font-size: 10px;
	line-height: 12px;
	color: #4c4c4c;
	text-decoration: underline;
}
.news-list a:hover {text-decoration: none;}
.more-link {
	color: #015838 !important;
	font-size: 9px !important;
	text-transform: uppercase;
	display: block;
	margin-bottom: 20px;
}
/*CONTENT*/
.content {
	float: right;
	width: 520px;
	padding-top: 10px;
}
.content h1 {
	font: 24px/24px "Times New Roman", Times, serif;
	margin: 0;
	color: #000;
	text-transform: uppercase;
	text-align: justify;
}
.photo-list {
	padding: 0 0 25px 35px;
	margin: 0;
	float: left;
}
.photo-list li {
	float: left;
	margin-right: 10px;
	list-style: none;
	margin: 0;
}
.photo-list li.last {
	margin-right: 0;
}

/*c-text*/
.c-text {padding: 0 40px 0 20px;}

.c-text2 {padding: 0 40px 0 40px;}

.by-autor {
	color: #545454;
	font: 10px "Times New Roman", Times, serif;
	display: block;
	margin-bottom: 15px;
}
.content p {
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #244624;
	margin: 0 0 15px;
	text-align: justify;
}
.content p a {
	font-size: 10px;
	color: #006832;
}
.content table {
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #244624;
}

.content li {
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #244624;
}

/*content cite*/
.cite {
	background: url(../../../images/bg-cite.gif) repeat-y;
	padding: 7px 50px 7px 50px;
	margin: 50px 0 5px;
}
.cite p {
	padding: 5px 0 0 15px;
	background: url(../../../images/img-lqot.gif) no-repeat 0 2px;
	font: italic 16px/18px "Times New Roman", Times, serif;
}
.cite p img {display: inline;}
.cite span {
	color: #a55f07;
	font: italic 14px/18px "Times New Roman", Times, serif;
	display: block;
	padding-left: 10px;
}
/*sponsors-box*/
.sponsors-box {
	width: 100%;
	clear: both;
	text-align: center;
}
.sponsors-box p {
	float: left;
	width: 355px;
	font: 11px/12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #363636;
	padding-left: 20px;
	margin: 0;
	text-align: center;
}
.sponsors-box p a {
	color: #006832 !important;
	text-decoration: none;
}
.sponsors-box p a:hover {text-decoration: underline;}
.sponsors-box p img {
	float: left;
	margin-right: 11px;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	text-align: center;
	padding: 15px 0 45px;
	clear: both;
}
.fotoer-logo img {display: inline;}
#footer p {
	font: 9px/12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #898989;
	text-transform: uppercase;
	margin: 10px 0 0;
}
/*MAIN PAGE*/
.main-page #contentArea {padding-bottom: 2px;}
.main-page #nav {text-align: left;}
.main-page #nav li {
	padding-left: 75px;
	background-position: 33px 50%;
}
/*content-box*/
.content-box {
	float: left;
	width: 469px;
	background: url(../../../images/bg-content.gif) repeat-x;
	margin-left: 2px;
	display: inline;
}
.content-box-inside {
	padding: 0 15px 80px 45px;
}

.content-box p {font: 14px Verdana, Arial, sans-serif;}
.content-box a {text-decoration: none;}
.content-box a:hover {text-decoration: underline;}

.content-box table {font: 14px Verdana, Arial, sans-serif;}
/*member-form*/
.member-form {
	float: right;
	width: 240px;
	padding: 5px 23px 0 0;
	background: #FFF;
}
.member-form h2 {
	font-size: 14px;
	color: #006832;
	text-transform: uppercase;
	margin: 0 0 10px;
}
/*.form-row{
	width: 100%;
	padding-bottom: 10px;
}
.last {padding-bottom: 5px;}
.member-form label {
	float: left;
	width: 60px;
	color: #585858;
	font: 10px/18px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
.member-form input {
	width: 126px;
	height: 16px;
	padding: 0;
	border: 1px solid #cfd0da;
	font: 12px Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 6px;
}
.btn-login {
	width: 43px;
	line-height: 16px !important;
	border: 1px solid #000;
	float: left;
	background: #ae9d39;
	font-size: 10px !important;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
}
.forgot {
	padding-left: 105px;
	color: #00673e !important;
	font: 10px/11px Arial, Helvetica, sans-serif !important;
	text-decoration: none;
}
.forgot:hover {text-decoration: underline;}*/