/* -------------------------- <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 { 
	font-family: Times New Roman, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	text-align:center;
	border: none;
	padding: 0;
	margin: 0;
	background-image:url(home_bg.jpg);
	background-repeat:repeat-x;
	background-color:#f0e9d7;
	}
p {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	border: none;
	}
table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	border: none;
	}
	
form{
	margin:0px;
	padding:0px;
}
	
h1 {
	font-weight: normal;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

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 {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color:#003300;
	}
	
a:hover {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#003300;	
	}

/* ----------------------- <genClasses> --------------------------- */

.home_container{
margin:0px auto;
text-align:left;
width:1024px;
}

.home_header_left{
float:left;
}

.home_tool_nav{
}

.home_logo{
}

.home_header_right{
float:left;
background-image:url(home_login.jpg);
width:272px;
height:109px;
}


.home_login_personal{
text-align:right;
margin:25px 40px 0px 0px;
}

.home_login_business{
text-align:right;
height:20px;
margin:4px 40px 0px 0px;
}

.home_search_field{
text-align:right;
height:30px;
padding:1px 0px 0px 0px;
/*border:solid 1px #FF00FF;*/
width:220px;
}

.home_search_button{
text-align:left;
/*border:solid 1px #FF0000;*/
height:30px;
padding:5px 20px 0px 0px;
width:52px;
}

.form_style{
border:solid 1px #6a501d;
font-family:Times New Roman, Helvetica, sans-serif;
font-size:9px;
color:#000000;
}

.contact_us_field
{
	border:solid 1px #6a501d;
	font-family:Times New Roman, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.search_style{
border:solid 1px #6a501d;
font-family:Times New Roman, Helvetica, sans-serif;
font-size:10px;
color:#000000;
padding:5px;
height:10px;
}


.home_nav
{
	width: 1024px;
}

.home_bdy{
width:1024px; /* 1024px */
background-image:url(home_bdy_bg.jpg);
background-repeat:no-repeat;
padding:0px 0px 0px 22px;
}

.home_bdy_tbl{
width:983px;

}

.home_bdy_left{
width:579px; /* 579 */
margin:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
background-color:#FFFFFF;
}

.home_left_flash{
background-image:url(home_bdy_left_flash.jpg);
background-repeat:no-repeat;
width:579px;
height:308px;
}

.home_left_ctas_top{
background-image:url(home_left_ctas_top.jpg);
background-repeat:no-repeat;
height:177px;
width:578px;
}

.home_left_ctas_tile{
background:url(home_left_ctas_tile.jpg);
width:578px;
}

.home_left_ctas_bot{
background-image:url(home_left_ctas_bot.jpg);
background-repeat:no-repeat;
height:41px;
width:578px;
}

.home_left_cta_01{
padding:10px 50px 0px 35px;
/*text-align:left;*/
vertical-align:top;
font-size: 12px;
}

.home_left_cta_01 a:link, .home_left_cta_01 a:visited{
color:#a07a2a;
text-decoration:underline;
}

.home_left_cta_01 a:hover, .home_left_cta_01 a:active{
color:#a07a2a;
text-decoration:none;
}

.home_left_cta_01 p{
font-family:Times New Roman, Helvetica, sans-serif;
font-size:12px;
color:#000000;
/*text-align:justify;*/
}

.home_left_cta_02{
padding:10px 50px 0px 0px;
/*text-align:left;*/
vertical-align:top;
}

.home_left_cta_02 a:link, .home_left_cta_02 a:visited{
color:#a07a2a;
text-decoration:underline;
}

.home_left_cta_02 a:hover, .home_left_cta_02 a:active{
color:#a07a2a;
text-decoration:none;
}

.home_left_cta_02 p{
font-family:Times New Roman, Helvetica, sans-serif;
font-size:12px;
color:#000000;
/*text-align:justify;*/
}

.home_left_cta_03{
padding:10px 0px 0px 0px;
/*text-align:left;*/
vertical-align:top;
}

.home_left_cta_03 a:link, .home_left_cta_03 a:visited{
color:#a07a2a;
text-decoration:underline;
}

.home_left_cta_03 a:hover, .home_left_cta_03 a:active{
color:#a07a2a;
text-decoration:none;
}

.home_left_cta_03 p{
font-family:Times New Roman, Helvetica, sans-serif;
font-size:12px;
color:#000000;
/*text-align:justify;*/
}

.home_bdy_right{
width:404px;
background-image:url(home_bdy_right.jpg);
background-repeat:no-repeat;
background-position:left top;
text-align:left;
vertical-align:top;
background-color:#FFFFFF;
}

.home_right_top{
background-image:url(home_bdy_right_top_bot.jpg);
background-position:bottom;
background-repeat:repeat-x;
height:45px;
margin:0px 31px 0px 9px;
}

.home_right_tile{
background-image:url(home_bdy_right_tile.gif);
/*padding: 10px 50px 0px 20px;*/
padding: 10px 0px 0px 0px;
width:400px;
text-align:left;
}

.home_right_tile p{
font-family:Times New Roman, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

.home_bdy_right_ttl{
padding: 10px 70px 0px 20px;
text-align:left;
}

.home_right_cma{
padding: 10px 70px 0px 20px;
text-align:left;
font-size: 12px;
}
.home_right_cma p
{
	font-size: 12px;
}


.home_right_cma a:link, .home_right_cma a:visited{
color:#a07a2a;
text-decoration:underline;
}

.home_right_cma a:hover, .home_right_cma a:active{
color:#a07a2a;
text-decoration:none;
}

.home_bdy_right_cta{
margin:0px 0px 0px 15px;
text-align:left;
}

.home_right_bot{
background-image:url(home_bdy_right_top_bot.jpg);
background-position:top;
background-repeat:repeat-x;
height:10px;
margin:0px 31px 0px 9px;
}

.footer{
text-align:center;
font-family:Times New Roman, Helvetica, sans-serif;
font-size:9px;
color:#82817b;
padding:5px 0px 0px 0px;
line-height:16px;
}

.footer a:link, .footer a:visited{
color:#82817b;
text-decoration:underline;
font-family:Times New Roman, Helvetica, sans-serif;
font-size:9px;
color:#82817b;
}

.footer a:hover, .footer a:active{
color:#82817b;
text-decoration:none;
font-family:Times New Roman, Helvetica, sans-serif;
font-size:9px;
color:#82817b;
}

/* SUB PAGE START */

.sub_bdy{
	width:1002px; /* 1024px */
	background-image:url(sub_bdy_bg.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 22px;
	}

.sub_bdy_tile{
	width:1024px; /* 1024px */
	background-image:url(sub_bdy_bg_tile.jpg);
	background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
	}

.sub_bdy_left{
	width:293px;
	background: url(subNav_bg_tile.jpg) top left repeat-y;
	text-align:left;
	vertical-align:top;
	}

.sub_bdy_left_tile{
	background:url(sub_left_tile.jpg) top left repeat-y;
	}

.sub_nav_sub_on{
	background-image:url(sub_sub_nav_on.jpg);
	background-repeat:no-repeat;
	width:263px; /* 273 */
	height:22px; /*27*/
	padding:5px 10px 0px 0px;
	margin:0px 0px 0px 20px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}

.sub_nav_sub_off{
background-image:url(sub_sub_nav_off.jpg);
background-repeat:no-repeat;
width:263px; /* 273 */
height:22px;/*27*/
padding:5px 10px 0px 0px;
margin:0px 0px 0px 20px;
text-align:center;
font-family:"Times New Roman", Times, serif;
color:#000000;
font-size:14px;
}


.sub_bdy_left_top{
background-image:url(sub_left_top.jpg);
background-repeat:no-repeat;
width:293px;
}
/*	old css
.sub_bdy_left_bot{
background-image:url(sub_left_bot_new.jpg);
background-position: 26px 0px;
background-repeat:no-repeat;
width:293px;
margin: 0;
}



.sub_bdy_left_bot_image{
padding:80px 0px 0px 26px;
}
*/
/* New CSS */
.sub_bdy_left_bot {
	BACKGROUND-POSITION: 26px 0px; 
	BACKGROUND-IMAGE: url(sub_left_bot_new.jpg); 
	MARGIN: 0px; 
	WIDTH: 293px; 
	BACKGROUND-REPEAT: no-repeat;
	height: 222px;/* change 1 (for Firefox left menu bottom image bug) */
}
.sub_bdy_left_bot_image {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 26px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 80px
}

.sub_bdy_left_bot_cell{
/*background-color:#FFFFFF;*/	/* change 1.1 for firefox bug left menu bottom image*/
}


.sub_bdy_right{
width:689px;
background-image:url(sub_right_top.jpg);
background-repeat:no-repeat;
text-align:left;
vertical-align:top;
height: 690px;
}
/*
.sub_page_ttl{
COLOR: #015136;
FONT-FAMILY: Monotype Corsiva, Times New Roman, Helvetica, sans-serif;
FONT-SIZE: 24px;
FONT-WEIGHT: normal;
margin: 70px 0px 0px 75px;
text-align:left;
}
*/
.sub_page_sub_ttl{
margin: 15px 0px 0px 75px;
text-align:left;
font-family:Times New Roman, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:bold;
}

.sub_righ_bdy_ctnt{
margin: 15px 0px 0px 75px;/* change 2 left margin change from 90px to 0 for firefox bottom scrollbar */
text-align:left;
font-family:Times New Roman, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}
.sub_righ_bdy_ctnt p, .sub_righ_bdy_ctnt b, .sub_righ_bdy_ctnt td,.sub_righ_bdy_ctnt li
{
	font-size: 12px;
}
.sub_righ_bdy_ctnt a:link, .sub_righ_bdy_ctnt a:visited{
text-decoration:underline;
color:#003300;
font-size: 12px;
}

.sub_righ_bdy_ctnt a:hover, .sub_righ_bdy_ctnt a:active{
text-decoration:none;
color:#003300;
}

.sub_right_tag{
margin: 15px 0px 15px 15px;
text-align:left;
background-image:url(sub_tag.jpg);
background-repeat:no-repeat;
width:629px;
height:22px;
}



/* ----------------------- </genClasses> --------------------------- */

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

.img {background: url(sub_img_rollover.jpg) no-repeat;}
imgover {background: url(sub_img_rollover.jpg) no-repeat; background-position: -257px 0;}
/*
class="img" 
 onmouseover="this.className=\'"imgover"\'"
onmouseout="this.className=\'"img"\'"
*/
.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(sub_img_rollover.jpg) no-repeat;
	font: 14px "Times New Roman", Times, serif;
	color: #000;
	text-decoration: none;
	width: 257px;
	height: 25px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover {
	background: url(sub_img_rollover.jpg) no-repeat;
	background-position: -257px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: bold 14px "Times New Roman", Times, serif;
	color: #FFF;
	text-decoration: none;
	width: 257px;
	height: 25px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}

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

.imageSwap span {
	display: block;
	padding: 3px 0;
	margin: 0;
	text-align: center; /* changes 3 text-align:center and width : 255px added here , in left menu active link text was moving right side */
	width: 255px;
	}

.imageSwap p {
	margin: 0 0 0 26px;
	text-align: center;	
	}
	
/* ----------------------- </imgRollOver> --------------------------- */

/* Content Manager - Text Class Options */

.clsTimes New Roman_8{font-family:Times New Roman, Helvetica, sans-serif; font-size:8px;}
.clsTimes New Roman_10{font-family:Times New Roman, Helvetica, sans-serif; font-size:10px;}
.clsTimes New Roman_12{font-family:Times New Roman, Helvetica, sans-serif; font-size:12px;}
.clsTimes New Roman_14{font-family:Times New Roman, Helvetica, sans-serif; font-size:14px;}
.clsTimes New Roman_16{font-family:Times New Roman, Helvetica, sans-serif; font-size:16px;}
.clsTimes New Roman_24{font-family:Times New Roman, 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:Times New Roman, Helvetica, sans-serif; font-size:8px;}
.clsVerdana_10{font-family:Times New Roman, Helvetica, sans-serif; font-size:10px;}
.clsVerdana_12{font-family:Times New Roman, Helvetica, sans-serif; font-size:12px;}
.clsVerdana_14{font-family:Times New Roman, Helvetica, sans-serif; font-size:14px;}
.clsVerdana_16{font-family:Times New Roman, Helvetica, sans-serif; font-size:16px;}
.clsVerdana_24{font-family:Times New Roman, Helvetica, sans-serif; font-size:24px;}	

/* IR Styles */

.ToolKit {
	float:right;
	position:relative;
	margin-top:-25px;
	margin-right:20px;
}

.sub_page_ttl{
	COLOR: #015136;
	FONT-FAMILY: Monotype Corsiva, Times New Roman, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	FONT-WEIGHT: normal;
	margin: 70px 0px 0px 75px;
	text-align:left;
}
.imageSwap A.active:link, .imageSwap A.active:visited, .imageSwap A.active:hover, .imageSwap {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(sub_img_rollover.jpg) no-repeat -257px 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	FONT: bold 14px "Times New Roman", Times, serif; 
	WIDTH: 257px; 
	COLOR: #fff; 
	PADDING-TOP: 0px; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
	cursor: pointer;
}