/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

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

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */

.body {
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #194746;
	border: none;
	}
	
h1 {
	font-weight: bold;
	font-size: 18px;
	color: #194747;
	padding: 0 0 20px 0;
	margin: 0;
	text-transform: none;
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h3 {
	font-weight: normal;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

p {
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #194746;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #194746;
	}

/* ----------------------- <genClasses> --------------------------- */
.wrap {
	width: 879px;
	margin: auto;
	}

.banner {
	margin: 0;
	padding: 0;
	}

.banner_left {
	margin: 0;
	padding: 0;
	width: 225px;
	float: left;
	}

.banner_right {
	margin: 0;
	padding: 0;
	width: 654px;
	float:right;
	padding-top: 8px;;
	}

.banner_right p {
	text-align: right;
	}

.banner_right a:link, .banner_right a:visited {
	padding-left: 3px;
	padding-right: 3px;
	}
	
.banner_right a:hover, .banner_right a:active {
	padding-left: 3px;
	padding-right: 3px;
	}

.home_content_left {
	padding: 0px 40px 30px 18px;
	background: url(images/dotted_line.gif) top right repeat-y;
	margin-top: 15px;
	}

.home_content_left p {
	line-height: 18px;
	}

.home_content_right {
	padding: 25px 40px 30px 40px;
	}

.banner_right p {
	text-align: right;
	}

.footer {
	border-top: 1px solid #a3a3a3;
	margin-top: 5px;
	padding-top: 8px;
	padding-bottom: 25px;
	}

.footer p {
	color: #aaaaaa;
	}

.footer_copyright {
	width: 879px;
	}

.footer_left {
	float: left;
	width: auto;
	padding-left: 15px;
	}

.footer_left p {
	color: #000;
	}

.footer_right {
	float: right;
	padding-right: 15px;
	}

.footer_right p {
	text-align: right;
	color: #000;
	}

.footer_right  a:link, .footer_right  a:visited {
	padding-left: 3px;
	padding-right: 3px;
	}
	
.footer_right  a:hover, .footer_right  a:active {
	padding-left: 3px;
	padding-right: 3px;
	}

.footer_right a.on:link, .footer_right a.on:visited, .footer_right a.on:hover, .footer_right a.on:active 
{
	/*text-decoration:underline;*/
	font-weight:bold;
}


/* ----------------------- <Sub> --------------------------- */
.banner_sub {
	margin: 0;
	padding: 0;
	background: url(images/bg_sub.jpg) top right no-repeat;
	}

.subnav_wrap {
	background: url(images/bg_nav.jpg) top left repeat-x;
	}

.subnav_wrap td {
	vertical-align: top;
	}

.sub_content {
	margin: 30px 0 30px 0;
	padding: 0 0 50px 0;
	background: url(images/bg_sub_content.gif) top left repeat-y;
	line-height: 18px;
	}

.sub_content a:link, .sub_content a:visited, .sub_content a:hover, .sub_content a:active  {
	color: #2b7a79;
	}

.sub_content p {
	line-height: 18px;
	padding-bottom: 20px;
	}

.sub_content td {
	vertical-align: top;
	}

td.leftcol {
	width: 205px;
	text-align: center;
	padding-top: 30px;
	}

td.middlecol {
	width: 437px;
	text-align: left;
	padding: 30px 13px 0 28px;
	}

td.rightcol {
	width: 196px;
	text-align: center;
	padding-top: 30px;
	}

.nav_lvl2_content {
	padding-top: 6px;
	}

.nav_lvl3_content {
	padding-top: 6px;
	}

/* ----------------------- <Level 2 Navigation Background State - ON > --------------------------- */
.nav_lvl2_wrap_on {
	background: url(images/bg_nav_lvl2_tile.gif) top left repeat-x;
	height: 33px;
	}

.nav_lvl2_left_on {
	background: url(images/bg_nav_lvl2_left.gif) top left no-repeat;
	height: 33px;
	}

.nav_lvl2_right_on {
	background: url(images/bg_nav_lvl2_right.gif) top right no-repeat;
	height: 33px;
	padding: 0 15px 0 15px;
	color: #194747;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl2_right_on a:link, .nav_lvl2_right_on a:visited {
	color: #194747;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl2_right_on a:hover, .nav_lvl2_right_on a:active {
	color: #194747;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	}
	
/* ----------------------- <Level 2 Navigation Background State - OFF > --------------------------- */
.nav_lvl2_off {
	height: 33px;
	padding: 0 15px 0 15px;
	color: #2b7a79;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl2_off a:link, .nav_lvl2_off a:visited {
	color: #2b7a79;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl2_off a:hover, .nav_lvl2_off a:active {
	color: #2b7a79;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	}

/* ----------------------- <Level 3 Navigation Background State - ON > --------------------------- */
.nav_lvl3_wrap_on {
	background: url(images/bg_nav_lvl3_tile.jpg) top left repeat-x;
	height: 32px;
	}

.nav_lvl3_left_on {
	background: url(images/bg_nav_lvl3_left.jpg) top left no-repeat;
	height: 32px;
	}

.nav_lvl3_right_on {
	background: url(images/bg_nav_lvl3_right.jpg) top right no-repeat;
	height: 32px;
	padding: 0px 15px 0 15px;
	color: #194747;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl3_right_on a:link, .nav_lvl3_right_on a:visited {
	color: #194747;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl3_right_on a:hover, .nav_lvl2_right_on a:active {
	color: #194747;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	}
	
/* ----------------------- <Level 3 Navigation Background State - OFF > --------------------------- */
.nav_lvl3_off {
	height: 32px;
	padding: 0px 15px 0 15px;
	color: #2b7a79;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl3_off a:link, .nav_lvl3_off a:visited {
	color: #2b7a79;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

.nav_lvl3_off a:hover, .nav_lvl3_off a:active {
	color: #2b7a79;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	}




/* ----------------------- <Splash Page> --------------------------- */

.wrap_splash {
	background: url(images/bg_splash_bnr.jpg) top left no-repeat;
	width: 879px;
	margin: 0 auto;
	margin-top: 41px;
	}

.splash_body {
	width: 820px;
	margin: 0 auto;
	margin-top: 15px;
	}

.splash_body p {
	padding-bottom: 20px;
	}

.splash_locations {
	background: url(images/bg_splash_body.jpg) top left no-repeat;
	}

.splash_locations p {
	text-align: center;
	padding-bottom: 20px;
	line-height: 12px;
	}

.splash_locations h1 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	padding: 0 0 5px 0;
	margin: 0;
	text-transform: none;
	text-align: center;
	}
	
.column_one {
	vertical-align: top;
	width: 238px;
	padding-left: 26px;
	padding-top: 20px;
	}

.column_two {
	vertical-align: top;
	width: 214px;
	padding-top: 20px;
	}

.column_three {
	vertical-align: top;
	width: 174px;
	padding-top: 20px;
	}

.column_four {
	vertical-align: top;
	width: 214px;
	padding-top: 20px;
	}

.footer_splash {
	width: 879px;
	margin: 0 auto;
	margin-top: 10px;
	border-top: 1px solid #000;
	padding-top: 10px;
	padding-bottom: 30px;
	}


/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */

.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(images/sample.jpg) no-repeat;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

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

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

.imageSwap span {
	display: block;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 8px 3px 3px 30px;
	margin: 0;
	}
	



/*homepage image rollover*/

.highlightit img{
border: 2px solid #ffffff;
padding:1px;
}

.highlightit:hover img{
border: 2px solid #e3c391;
padding:1px;
}

.highlightit:hover{
color: #e3c391; /* definition to overcome IE bug */
}



/* ----------------------- </imgRollOver> --------------------------- */

/* Content Manager - Text Class Options */

.clsArial_8{font-family:Arial, Helvetica, sans-serif; font-size:8px;}
.clsArial_10{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.clsArial_12{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clsArial_14{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.clsArial_16{font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.clsArial_24{font-family:Arial, Helvetica, sans-serif; font-size:24px;}


.clsGaramond_8{font-family:Garamond, serif; font-size:8px;}
.clsGaramond_10{font-family:Garamond, serif; font-size:10px;}
.clsGaramond_12{font-family:Garamond, serif; font-size:12px;}
.clsGaramond_14{font-family:Garamond, serif; font-size:14px;}
.clsGaramond_16{font-family:Garamond, serif; font-size:16px;}
.clsGaramond_24{font-family:Garamond, serif; font-size:24px;}

.clsTimes_8{font-family:Times New Roman, Times, serif; font-size:8px;}
.clsTimes_10{font-family:Times New Roman, Times, serif; font-size:10px;}
.clsTimes_12{font-family:Times New Roman, Times, serif; font-size:12px;}
.clsTimes_14{font-family:Times New Roman, Times, serif; font-size:14px;}
.clsTimes_16{font-family:Times New Roman, Times, serif; font-size:16px;}
.clsTimes_24{font-family:Times New Roman, Times, serif; font-size:24px;}

.clsVerdana_8{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px;}
.clsVerdana_10{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.clsVerdana_12{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.clsVerdana_14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.clsVerdana_16{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
.clsVerdana_24{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px;}	
	





/* --------------------- Bio & Bio Details styling
------------------------------------------------------------- */

.Bio {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio .colorBox {
	background: #fff4e4;
	padding:20px;
	width:90%;
	}
	
.Bio h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}

.Bio img {
	float:left;
	}	
	
	
.Bio p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio hr {
	border-top: 1px solid #ccc;
	}
	
.Bio strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio a:link, .Bio a:visited {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.Bio a:hover, .Bio a:active {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #ccc;
    text-decoration: none;
    }


/*Bio Details */

.Bio_detail {
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff4e4;
	}
	
.Bio_detail .colorBox {
	background: #fff4e4;
	padding:20px;
	width:90%;
	}
	
.Bio_detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio_detail span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}

.Bio_detail img {
	float:right;
	}	
	
	
.Bio_detail p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	

.Bio_detail strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio_detail em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio_detail a:link, .Bio a:visited {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.Bio_detail a:hover, .Bio a:active {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #ccc;
    text-decoration: underline;
    }

/* -------- Document Library styling ---------------- */
    
.DocumentLibrary {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	width:95%;
	}

.DocumentLibrary a:link, .DocumentLibrary  a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #ffcc00;
    text-decoration: underline;
    }

.DocumentLibrary a:hover, .DocumentLibrary  a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #ffcc00;
    text-decoration: none;
    }
	
.DocumentLibrary .colorBox {
	background: #fff4e4;
	}
	
.DocumentLibrary .colorBox .h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}

/* em --> italics is used */
.DocumentLibrary .colorBox .em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox a:link, .DocumentLibrary .colorBox a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.DocumentLibrary .colorBox a:hover, .DocumentLibrary .colorBox a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

/* -------- Email List Signup styling ---------------- */
.emailListSignup
{
    
}

.errorText
{
    color: #FF0000;
}

.labelText
{
    background-color: none;
    border: none;
    text-align: right;
}
/*Email this page classes*/
.emailThisPage {
}
	
.emailThisPage .colorBox {
	width:95%;
	background-color:#fff4e4;
}

.input input {
	border: 1px solid #dadada;
	}

.input textarea {
	border: 1px solid #dadada;
	}



/* styling for text boxes */
.container .field .tb {	
	border: 1px solid #dadada;
}
.container .tb {	
	border: 1px solid #dadada;
}
.container .button {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 50px;
	margin: 0;
	padding: 5px;
	background: none;
	background: #1c5858;
	border: 0;
}
.contact .button {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	
	margin: 0;
	padding: 5px;
	background: none;
	background: #1c5858;
	border: 0;
}

.SecureDocPadding 
{
	padding-left:15px;
}