/* 

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Revisions:
	- 7/22/06 DAB
*/

/* ------------------------------------------------------------------------ */
/* GENERAL ELEMENTS - BEGIN */

html
{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}
body { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; 
	width:100%;
	}

.body {
	background: url(images/body_bg_tile.jpg) top repeat-x #79642b;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px;
	top:0px;
	text-align:center;
	vertical-align:top;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	border: none;
	}
	
h1 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h2 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h3 {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}

strong {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
a, a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	}
	
a:hover, a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
	}
/*--------------------------------------------------------*/

.bnrLogin {
	background: url(images/home_bnr_login_hdr.jpg) no-repeat top right;
	height: 77px;
	width: 235px;
}
.bnrLogin p{
	margin:  35px 9px 0 0;
	padding: 0;
}
.bnrBG {
	background: url(images/home_bnr_bg_tile.jpg) repeat-x top right;
	height: 77px;
}
.bnrNav {
	height: 33px;
	margin: 0;
	padding: 0;
}
.centerText {
	width: 309px;
	margin:0;
	padding:0;
}
.mainBody {
	background: #362c14;
}
.centerText p{
	font: 12px Arial, Helvetica, sans-serif;
	color: #cbcbcb;
	margin: 5px 30px 0 28px;
	padding: 0;
	
}
.centerText strong{
	font: 12px Arial, Helvetica, sans-serif;
	color: #b2a070;
	font-weight: bold;
}

.centerText a, .centerText a:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: #b2a070;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.centerText a:hover, .centerText a:active {
	font: 10px Arial, Helvetica, sans-serif;
	color: #b2a070;
	text-decoration: underline;
	text-transform: uppercase;

	}
.emailSignup p {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 8px 13px 0 0;
	padding: 0;
}
.emailSignup a, .emailSignup a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #e0bf02;
	text-decoration: none;
	text-transfrom: none;
	
	}
	
.emailSignup a:hover, .emailSignup a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #e0bf02;
	text-decoration: underline;
	text-transform:none;
	}

.rightContent {
	background: url(images/home_body_right_bg.jpg) no-repeat top right;
	height: 340px;
	width: 235px;
}

.rightContent strong {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fcf897;
	text-transform: none;
	}

.rightContent p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #cbcbcb;
	margin: 19px 16px 0 20px;
	padding: 0;
	}

.rightContent .img {
	float: left;
	}

.rightContent .learnBtn {
	height: 52px;
	margin: 0;
	padding: 0;
}

.footer {
	 background: url(images/home_ftr_bg_tile.jpg) top repeat-x;
	 width: 780px; 
	 height: 30px;
}

.footer p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #9BAEBF;
}

.footer .left p {
	margin: 4px 0 0 10px;
}

.footer .right p {
	margin: 4px 10px 0 0;
}
.footerLeft 
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #9BAEBF;
	margin: 10px 0 0 10px;
	float:left;
}

.footerRight 
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #9BAEBF;
	margin: 10px 10px 0 0;
	float:right;
}
.footer a, .footer a:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: #9BAEBF;
	text-decoration: none;
	
	}
	
.footer a:hover, .footer a:active {
	font: 10px Arial, Helvetica, sans-serif;
	color: #9BAEBF;
	text-decoration: underline;
	text-transform:none;
	}
	
.footer .link {
	font: 10px Arial, Helvetica, sans-serif;
	color: #9BAEBF;
	text-decoration: underline;
	}

.imageSwap {
	background: url(images/sub_body_left_topBg.jpg) top repeat-y;
	width: 234px;
	}
	
.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(images/sub_nav_bg.jpg) no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	width: 234px;
	height: 25px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/sub_nav_bg.jpg) no-repeat;
	background-position: -234px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #537509;
	text-decoration: none;
	width: 234px;
	height: 25px;
	margin: 0;
	padding: 0;
	}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	padding: 6px 0 0 0;
	margin: 0;
	color: inherit;
	font: inherit;
	}
.greenBg {
	background: url(images/sub_body_left_botBg.jpg) repeat-y;
	width: 230px;
}	
/*
.topImage {
	background: url(images/sub_body_right_top.jpg) top no-repeat left;
	width: 546px;
	height: 111px;
}
*/
.topImage2 {
	background: url(images/sub_body_right_top.jpg) top no-repeat left;
	width: 546px;
	padding: 20px;
	text-align:left;
}

.subRightCol {
	background: url(images/sub_body_left_tile.gif) top repeat-y left;
	width: 546px;
	padding:10px;
	text-align:left;

}
.topImage p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #11160c;
	margin: 40px 20px 13px 35px;
	padding: 0;
}
.topImage p strong{
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #11160c;
	margin: 0;
	padding: 0;
}

.item {
	margin: 0 0 0 34px;
	padding: 16px 0 0 0;
	width: 488px;
	/*height: 128px;*/
	}

.brownBg {
	background: #d6c98f;
	}

.item .img p {
	font: 12px Arial, Helvetica, sans-serif;
 	color: #16230b;
	width: 130px;
	margin: 0 0 0 16px;
	padding: 0;
	}
	
.item p {
	font: 12px Arial, Helvetica, sans-serif;
 	color: #16230b;
	width: 255px;
	padding: 0;
	margin: 0;
	}
	
.item strong {
	font: 12px Arial, Helvetica, sans-serif;
 	color: #16230b;
	font-weight: bold;
	}
	
.imgCategory {
	background: url(images/sub_body_left_cat.jpg) top center no-repeat;
	width: 546px;
	height: 36px;
	margin: 0;
	padding:0;
	}
	
.imgCategory p {
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #314c19;
	margin: 11px 0 0 50px;
	padding:0;
	}

.calTitle{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	}
	
.calendar{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	}

.Events1{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	}


.SimpleTable {
	border-width:0; 
}

.BorderedTable {
	border-style:solid; border-width:1; border-color:Black; 
}


.contentBody {
	margin: 10px 10px 10px 10px; width:100%; 
	}

.content {
	padding:10px;
	background-color:#fff;

	}

.Content1 {
	margin: 10px 10px 10px 10px; width:100%;
	}