/**************************************************************
Ventnor Botanic Gardens Stylesheet
Author: MP

STYLESHEET CONTENTS
0. Browser Reset
1. Fonts
2. HTML Tags
3. Layour Divs
4. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Page components
	  e. Homepage
	  f. Homepage Rotator
5. General Formatting Classes
6. Clearfix
***************************************************************/

/********************* Browser Reset ********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
	
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* 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;
}

td { 
padding: 7px 0 ; 
	font-size: 1em;
	color: #fff;
	line-height: 145%;}



/********************* End Browser Reset ********************/

/********************* Fonts ********************/
body, input, a, textarea, button {	
	font-family: Arial, Helvetica, sans-serif;}	
	
/********************* End Fonts ********************/

/********************* HTML Tags ********************/

html {	}	

body {		
	/* Baseline font size to 12 px*/
	font-size: 0.75em;
	color: #fff;
	background: #010002;}	
body.month1 {
    background: url(../images/page-bg1.jpg) top center no-repeat #010002; }	
body.month2 {
    background: url(../images/page-bg2.jpg) top center no-repeat #010002;}	
body.month3 {
    background: url(../images/page-bg3.jpg) top center no-repeat #010002;}	
body.month4 {
    background: url(../images/page-bg4.jpg) top center no-repeat #010002;}	
body.month5 {
    background: url(../images/page-bg5.jpg) top center no-repeat #010002;}	
body.month6 {
    background: url(../images/page-bg6.jpg) top center no-repeat #010002;}	
body.month7 {
    background: url(../images/page-bg7.jpg) top center no-repeat #010002;}	
body.month8 {
    background: url(../images/page-bg8.jpg) top center no-repeat #010002;}	
body.month9 {
    background: url(../images/page-bg9.jpg) top center no-repeat #010002;}	
body.month10 {
    background: url(../images/page-bg10.jpg) top center no-repeat #010002;}	
body.month11 {
    background: url(../images/page-bg11.jpg) top center no-repeat #010002;}	
body.month12 {
    background: url(../images/page-bg12.jpg) top center no-repeat #010002;}	
	
p {	
	font-size: 1em;
	color: #fff;
	line-height: 145%;
	margin-bottom: 18px;}
	
a {	
	color: #fff;
	text-decoration: underline;}
	
a:hover {	
	color: #ADD741;
	text-decoration: none;}


ul {
	margin-bottom: 20px;
	margin-left: 25px;}

li {
	background: url(../images/bullet.gif) left 5px no-repeat;
	list-style-position: outside;
	list-style-type: none;
	padding: 0 0 0 12px; 
	line-height: 145%;}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
	background: none;
	padding: 0;}
/**/

a {	
	cursor: pointer;}

h1, h2, h3, h4 {
	display: block;
	clear: both;}

h1 {
	font-size: 2.08333em;
	color: #fff;
	margin: 0 0 15px;
	font-weight: bold;
	line-height: 100%;}

h2 {
	font-size: 1.75em;
	color: #ADD741;
	line-height: 100%;
	margin: 0 0 15px;
	font-weight: bold;}

h3, h4, h5, h6 {
	font-size: 1.25em;
	color: #ADD741;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 15px;}	
	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
	background: none;}
		
#header {	
	min-height: 88px;
	_height: 88px;
	background: #010002;
	width: 850px;
	padding: 20px 25px 0;}	
	
#content {
	background: #010002;
	position: absolute;
	top: 230px;
	width: 850px;
	padding: 25px;}	
	
#content-inner {
	padding: 0 0 50px;}
	

#footer {
	border-top: 1px solid #4e4e4e;
	clear: both;
	font-size: 0.916em;
	padding-top: 12px;}

#main-col {
	float: left;
	width: 550px;}
	
#info-col {
	float: right;
	width: 275px;}	
/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

#logo {
	width: 215px;
	height: 68px;
	float: left;}
#logo h1 {
	display: block;
	text-indent: -9999px;
	background:url(../images/logo.gif) no-repeat;
	width: 215px;
	height: 68px;
	margin: 0;}

#tel {
	float: right;
	font-size: 1.416em;
	color: #ADD741;
	font-weight: bold;}

#tel strong {
	font-size: 1.41176em;
	color: #fff;}

/* -------- End Header -------- */

/* -------- Footer -------- */

#footer a {
	text-decoration: none;}
#footer a:hover {
	text-decoration: underline;}	

#footer a.top-link {
	color: #ADD741;
	float: right;}	
		
#footer .copyright {
	color: #ccc;
	margin-bottom: 10px;}
	
#footer p.site-by a {
	color: #666666;}

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#nav {
	float: right;
	display: block;
	clear: right;
	width: 600px;
	margin-top: 32px;}

#nav ul {
	float: right;
	margin: 0 0 11px;
}

#nav li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 0 22px;
	padding: 0 2px 6px 2px;
	background: none;
	line-height: 100%;
	float: left;}
	
#nav li a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-transform:uppercase;}	

#nav li a:hover {
	color: #ADD741;}
		
#nav li.active a, #nav li.active a:hover {
	color: #fff;
	text-decoration: none;}
	
#nav li.active {
	border-bottom: 3px solid #B1D944;}	



/*
#nav {
	float: right;
	width: 580px;
	text-align:right;
	margin: 0;
	margin-top: 32px;}

#nav ul {
	margin: 0 0 11px;
}

#nav li {
	list-style-type: none;
	list-style-position: outside;
	display: inline-block;
	margin: 0 0 0 22px;
	padding: 0 2px 6px 2px;
	background: none;
	line-height: 100%;}
	
#nav li a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-transform:uppercase;}	

#nav li a:hover {
	color: #ADD741;}
		
#nav li.active a, #nav li.active a:hover {
	color: #fff;
	text-decoration: none;}
	
#nav li.active {
	border-bottom: 3px solid #B1D944;}	*/

#sub-nav {
	margin-bottom: 50px;}

#sub-nav ul {
	margin: 0;}
#sub-nav h1{
	}
#sub-nav li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #4E4E4E;
	background: none;
	line-height: 100%;}
#sub-nav li.last {
	border: none;}
#sub-nav li a{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 1.166em;
	padding: 11px 0;}

#sub-nav li a.active { font-weight: bold;}

#sub-nav li a.active, 
#sub-nav li a:hover{
	color: #ADD741;}	

#sub-nav li.active a{
	font-weight: bold;}	

/* -------- End Navigation -------- */

/* -------- Page Components -------- */



/* -------- End Page Components -------- */

/* -------- Home Page -------- */

#feature {
	width: 550px;
	display: block;
	margin-bottom: 22px;}	
	
#rotator {
	background:#ADD741;
	width: 550px;
	height: 247px;}

#rotator .slide {
	position: relative;
	width: 540px;
	height: 237px;
	padding: 5px;
	display: none;}

#feature img {border: none; outline: none;}

#rotator-controls ul {
	margin: 11px 0 0;
	padding: 0;}

#rotator-controls li  {
	padding: 0;
	margin: 0 10px 0 0;
	float: left;	
	background: none;
	list-style-type: none;
	list-style-position: outside;}

#rotator-controls li.last {
	margin-right: 0;}
	
#rotator-controls li a {
	padding: 0;
	margin: 0;
	display: block;}
	
#rotator-controls li img {
	padding: 0;
	margin: 0;}
		
#rotator-controls li a {
	border: 2px solid #A4A4A4;
	width: 126px;
	height: 71px;}
	
#rotator-controls li a.activeSlide {
	border: 2px solid #ADD741;}

.three-cols {}
.three-cols .col {
	float: left;
	margin-right: 25px;}
.three-cols .col h3 {
	margin-top: 10px;}
.three-cols .col-1 {
	width: 171px;}
.three-cols .col-2 {
	width: 162px;}
.three-cols .col-3 {
	width: 167px;
	margin-right: 0;}

.welcome {
	border-bottom: 1px solid #4E4E4E;
	margin-top: -3px;}
	
.welcome p img {
	margin-top: -17px;}
		
p.curator {
	line-height: 1em;
	margin-bottom: 12px;}	
p.curator em {
	font-size: 0.916em;
	color: #ccc;}	

.opening {
	margin-top: 23px;}

.opening ul {
	margin: 0;}

.opening li {
	list-style-type: none;
	list-style-position: outside;
	background: none;
	display: block;
	position: relative;
	border-bottom: 1px solid #4e4e4e;
	padding: 0 0 12px;}
	
.opening li.last {
	border: none;
	padding: 12px 0 0;}
	
.opening li span {
	position: absolute;
	right: 0;}

.sign-up {	
	margin-top: 30px;}

.sign-up .text {
	background: #666666;
	color: #010002;
	padding: 10px;
	font-size: 1em;
	width: 255px;
	font-weight: bold;
	border: none;
	outline: none;
	margin-bottom: 25px;}

.sign-up .btn-send {
	background: url(../images/btn-signup.gif) no-repeat;
	display: block;
	width: 47px;
	height: 20px;
	text-indent: -9999px;
	float: right;
	overflow: hidden;
	padding-top: 20px;}

/* -------- End Home Page -------- */
	
/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.left {
	float:left;}
	
.right {
	float:right;}
	
.nested-left {
	float:left;
	margin: 0 25px 25px 0;}
	
.nested-right {
	float:right;
	margin: 0 0 25px 25px;}

.full-width {
	float: none;
	clear: both;
	margin: 0 0 25px 0;}
	
.clear {
	clear:both;}	

.no-line {
	border: none;}

textarea {
	width: 300px;
	height: 80px;}

#Form1 td {
	vertical-align: top;
	width: 300px;
	padding-right: 20px;}

/********************* End General Formatting *********************/

/********************* Clearfix *********************/

/* slightly enhanced, universal clearfix hack */
.clearfix:after
{    
	 visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
	 
.clearfix
{ display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix
{ height: 1%; }

.clearfix
{ display: block; }
/* close commented backslash hack */
	
/********************* End Clearfix *********************/