/* bbgardens CSS Document */

html { overflow-y:scroll; }
body {
	color:#000;
	font-size:.8em;
	margin:0 0 0 0;
	background-color:#9BD7DC;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

a {
	color:#FFF;
}

h1 {
	font-size:1.8em;
	margin:8px 0 8px 0;
}

h2 {
	font-size:1.4em;
	margin:0 0 8px 0;
}

h3 {
	font-size:1.2em;
	margin:0 0 8px 0;
}

p {
	margin:0 0 8px 0;
}

ul {
	margin:0 0 8px 0;
}

/* ---- class settings ------------------------ */

.columnheader {
	color: #392B20; padding-bottom: 5px; text-align: center;
}

.ul_none {
	list-style-type:none;
}

.text-indent {
	text-indent:20px;
}

.image-containter {
	position:relative;
	top:0;
	left:0;
	width:274px;
	height:auto;
	margin:0 auto;
}

.float-left {
	float:left;
	width:134px;
	height:auto;
	margin:1px;
}

.float-right {
	float:right;
	width:134px;
	height:auto;
	margin:1px;
}

.upcoming_events { position:relative; width:161px; padding:5px; }
.upcoming_events a { text-decoration:none; }
.upcoming_events a:hover { text-decoration:underline; }


/* ---- layout settings ----------------------- */

#main_container {
	position:relative;
	width:100%;
	height:auto;
	background-color:#F6898F;
}

#left {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background-position:left;
	background-repeat:repeat-y;
	background-image:url(images/march/bg_sb-left.gif);
}

#right {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background-position:right;
	background-repeat:repeat-y;
	background-image:url(images/march/bg_sb-right.gif);
 
}

#middle {
	position:relative;
	width:auto;
	margin:0 233px 0 182px;
	min-height:768px;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:124px;
	background-repeat:repeat-x;
	background-image:url(images/march/bg_header.gif);
}

#bg_header-L {
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:124px;
	background-repeat:no-repeat;
	background-image:url(images/march/bg_header-L.gif);
}

#bg_header-R {
	position:absolute;
	top:0;
	right:0;
	width:22px;
	height:124px;
	background-repeat:no-repeat;
	background-image:url(images/march/bg_header-R.gif);
}

#banner {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:34px;
	background-color:#C6254F;
}

#bg_banner-L {
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(images/march/bg_banner-L.gif);
}

#bg_banner-R {
	position:absolute;
	top:0;
	right:0;
	width:22px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(images/march/bg_banner-R.gif);
}

/* ---- start main content settings -------------- */

#content_main {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding:15px 25px 15px 25px;
}

/* ---- end main content settings ---------------- */

/* ---- start left sidebar content settings -------------- */

#sb_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:204px;
	height:auto;
	color:#FFF;
}

#flash_content {
	position:relative;
	top:0;
	left:0;
	width:182px;
	height:302px;
	background-color:#C6254F;
}


/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:182px;
	height:auto;
	display:block;
	text-align:center;
	padding:20px 0 35px 0;
}

/* ---- end nav id settings -------------------------- */

/* ---- end left sidebar content settings ---------------- */

/* ---- start right sidebar content settings -------------- */

#sb_right {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:151px;
	height:auto;
	color:#FFF;
	margin:15px 82px 0 0;
}

#sb_right p {
	margin:0 8px 8px 8px;
}

#events_nav {
	position:relative;
	top:0;
	left:0;
	width:151px;
	height:auto;
	padding:15px;
}

#events_nav a {
	display:block;
	font-size:12px;
	text-decoration:none;
	padding:3px 0 1px 0;
}

#events_nav a:hover {
	padding:3px 0 0 0;
	border-bottom:1px #F6898F solid;
}

/* ---- end right sidebar content settings ---------------- */

#footer {
	position:absolute;
	right:65px;
	bottom:15px;
	color:#FFF;
}

#footer a {
	text-decoration:none;
}

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

/* ---- start navigation settings -------------------------- */
 
#nav a {
	color:#FFF;
	display:block;
	font-size:12px;
	line-height:5px;
	font-weight:bold;
	letter-spacing:1px;
	padding:10px 0 10px 0;
	text-decoration:none;
	border-bottom:1px #F6898F solid;
}

#nav a:hover {
	background-color:#F6898F;
}

#style_nav {
	position:relative;
	left:0;
	top:0;
	width:172px;
	height:auto;
	padding-left:10px;
}

#style_nav a {
	position:relative;
	float:left;
	margin:5px;
	height:15px;
	cursor:pointer;
	text-decoration:none;
	border:1px #000 solid;
}

#style_nav a:hover {
}

a#Jan {
	width:15px;
	background-image:url(images/bg_jan.gif);
}

a#Feb {
	width:15px;
	background-image:url(images/bg_feb.gif);
}

a#March {
	width:15px;
	background-image:url(images/bg_march.gif);
}

a#April {
	width:15px;
	background-image:url(images/bg_april.gif);
}

a#May {
	width:15px;
	background-image:url(images/bg_may.gif);
}

a#June {
	width:15px;
	background-image:url(images/bg_june.gif);
}

a#July {
	width:15px;
	background-image:url(images/bg_july.gif);
}

a#Aug {
	width:15px;
	background-image:url(images/bg_aug.gif);
}

a#Sept {
	width:15px;
	background-color:#F2A33F;
	background-image:url(images/bg_sept.gif);
}

a#Oct {
	width:15px;
	background-image:url(images/bg_oct.gif);
}

a#Nov {
	width:15px;
	background-image:url(images/bg_nov.gif);
}

a#Dec {
	width:15px;
	background-image:url(images/bg_dec.gif);
}