/* -------------------------- <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: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
	background-color:#beb0a3;
	background-image:url(images/bg2.jpg);
	background-repeat:repeat-x;
	text-align:center;
	}
.noClass, p
{
	line-height:normal;
	
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	}
	
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 {
	text-decoration: none;
	color:#1d3d6a;
	}
	
a:hover, a:active {
	text-decoration: underline;
color:#207112;
	}
	



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


/* START HOME */


.home_container{
background-image:url(images/bg_top.jpg);
background-repeat:no-repeat;
width:1024px;
height:350px;
margin:0px auto;
text-align:left;
}

.home_body_bg_top{
background-image:url(images/home_body_bg_top.jpg);
background-repeat:no-repeat;
width:823px;
height:221px;
margin:0px 98px 0px 103px;
}

.home_body_bg_top .flash{
background-image:url(images/flash.jpg);
background-repeat:no-repeat;
width:823px;
height:199px;
margin:0px 0px 0px 0px;
}

.home_body_bg_top .nav{
width:784px;
height:22px;
overflow: hidden;
margin:0px 23px 0px 15px;
}

.home_body_bg_bot{
background-image:url(images/home_body_bg_bot.jpg);
width:823px;
height:473px;
margin:0px 98px 0 103px;
}

.home_body_bg_bot .left{
width:306px;
text-align: left;
vertical-align:top;
}

.home_body_bg_bot .left .cont{
margin:360px 0px 0px 50px;
}

.home_body_bg_bot .center{
width:247px;
text-align: left;
vertical-align:top;
}

.home_body_bg_bot .center .cont{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:18px;
margin:190px 20px 0px 20px;
}

.home_body_bg_bot .right{
width:270px;
text-align: left;
vertical-align:top;
}

.home_body_bg_bot .right .cont{
margin:170px 0px 0px 5px;
}

.home_body_bg_bot .right .cont .item{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px 0px 45px 0px;
}

.home_body_bg_bot .right .cont .item .name{
color:#2c63b1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.home_body_bg_bot .right .cont .item .location{
color:#1d3d6a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.home_body_bg_bot .right .cont .item a:link, .home_body_bg_bot .right .cont .item a:visited{
color:#207112;
text-decoration:underline;
font-weight:bold;
}

.home_body_bg_bot .right .cont .item a:hover, .home_body_bg_bot .right .cont .item a:active{
color:#53A445;
text-decoration:none;
font-weight:bold;
}

/* END HOME */



/* START SUB */



.sub_container{
background-image:url(images/sub_bg_top.jpg);
background-repeat:no-repeat;
width:1024px;
height:244px;
margin:0px auto;
text-align:left;
}

.sub_body_bg_top{
background-image:url(images/sub_body_bg_top.jpg);
background-repeat:no-repeat;
width:823px;
height:200px;
margin:0px 98px 0px 103px;
}

.sub_body_bg_top .nav{
width:784px;
height:22px;
overflow: hidden;
margin:0px 23px 0px 15px;
}

.sub_body_bg_tile{
width:823px;
background-image:url(images/sub_body_bg_tile.jpg);
margin:0px 98px 0px 103px;
background-position: 1px 0px;
}

.sub_body_bg_tile .left{
background-image:url(images/sub_left_bg_tile.jpg);
width:227px;
text-align:left;
vertical-align:top;
}

.sub_body_bg_tile .left .top{
background-image:url(images/sub_left_bg_top.jpg);
background-repeat:no-repeat;
width:198px; /*227*/
padding: 0px 0px 0px 29px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#62512b;
}

.sub_body_bg_tile .left .top a:link, .sub_body_bg_tile .left .top a:visited{
background-image:url(images/sub_left_link.jpg);
background-repeat:no-repeat;
width:176px;
height:22px; /* 25px */
padding:3px 0px 0px 20px;
display:block;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#62512b;
}

.sub_body_bg_tile .left .top a:hover, .sub_body_bg_tile .left .top a:active{
background-image:url(images/sub_left_link.jpg);
background-repeat:no-repeat;
width:176px;
height:22px; /* 25px */
padding:3px 0px 0px 20px;
display:block;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#62512b;
}

.sub_body_bg_tile .left .top .highlight a:link, .sub_body_bg_tile .left .top .highlight a:visited{
background-image:url(images/sub_left_highlight.jpg);
background-repeat:no-repeat;
width:176px;
height:22px; /* 25px */
padding:3px 0px 0px 20px;
display:block;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#d58a15;
font-weight:bold;
}

.sub_body_bg_tile .left .top .highlight a:hover, .sub_body_bg_tile .left .top .highlight a:active{
background-image:url(images/sub_left_highlight.jpg);
background-repeat:no-repeat;
width:176px;
height:22px; /* 25px */
padding:3px 0px 0px 20px;
display:block;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#d58a15;
font-weight:bold;
}

.sub_body_bg_tile .left .top .highlight{
background-image:url(images/sub_left_highlight.jpg);
background-repeat:no-repeat;
width:176px;
height:25px;
}

.sub_body_bg_tile .left .tile{
background-image:url(images/sub_left_bg_tile.jpg);
background-position:right;
background-repeat:repeat-y;
width:227px;
}

.sub_body_bg_tile .left .bot{
background-image:url(images/sub_left_bg_bot.jpg);
width:227px;
height:305px;
}

.sub_body_bg_tile .main{
width:596px;
text-align:left;
vertical-align:top;
}

.sub_body_bg_tile .main .top{
width:596px;
background-repeat:no-repeat;
/*background-image:url(images/sub_body_main_bg_top.jpg);*/
}

.sub_body_bg_tile .main .top .cont{
margin:0px 20px 0px 20px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:18px;
}

.sub_body_bg_tile .main .top .cont .sub_ttl{
margin:0px 0px 10px 0px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}

.sub_body_bg_tile .main .top .transition{
width:596px;
height:45px;
background-image:url(images/sub_body_bg_top_below.jpg);
}


.sub_body_bg_bot{
width:823px;
height:25px;
background-image:url(images/sub_body_bg_bot_cap.gif);
margin: 0px 98px 5px 103px;
}

/* END SUB */



/* START FORM */

.container{
width:800px;
text-align:left;
margin:0px auto;
}

.form_body{
width:760px; /* 780 */
margin:10px auto 10px auto;
background-color:#ffffff;
padding:10px 10px 10px 10px;
}

.form_body a:link, .form_body a:visited{
text-decoration:none;
color:#3b629c;
}

.form_body a:hover, .form_body a:active{
text-decoration:underline;
color:#3b629c;
}

.form_body td{
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
}

.form_body legend{
font-family: Arial, Helvetica, sans-serif;
background-color:#ffffff;
color:#3b629c;
font-size:14px
}

.form_body fieldset{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
background-color:#ffffff;
border: solid 1px #999999;
padding:0px 10px 10px 10px;
margin: 0px 0px 10px 0px;
}

.form_body input{
font-family: Arial, Helvetica, sans-serif;
color:#3b629c;
font-size:12px;
background-color:#FFFFFF;
height:20px;
padding:5px 0px 0px 5px;
border:solid 1px #CCCCCC;
background-image:url(images/form_field_bg.jpg);
}

.form_body label{
vertical-align:bottom;
color:#3b629c;
/* padding:5px 0px 0px 0px; */
}

.form_body select{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b629c;
background-color:#ececf7;
/*background-color:#eaeaf7;*/
border:solid 1px #CCCCCC;
}

.form_body textarea{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b629c;
background-color:#FFFFFF;
background-repeat:repeat-x;
border:solid 1px #CCCCCC;
}

.form_body .checkbox{
border:none;
background-color:#FFFFFF;
background-image:none;
height:12px;
}

.form_body .button{
border: solid 1px #333333;
background-color:#3b629c;
background-image:none;
color:#FFFFFF;
height:25px;
padding:0px;
margin:0px;
}

.form_body .form_directions{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}

.form_body .form_text{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}

.form_body .form_labels{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}

.form_footer{
margin:10px auto 10px auto;
}

.footer
{
    text-align:center;
    padding-top: 8px;
    width: 820px;
    margin: 0 auto;
    padding-bottom: 20px;
}


.footer a:link, .footer a:visited {
	text-decoration: none;
	color:#1d3d6a;
	font-size: 10px;
	}
	
.footer a:hover, .footer a:active {
	text-decoration: underline;
color:#1d3d6a;
font-size: 10px;
	}
	
.footer_sub
{
    text-align:center;
    padding-top: 0px;
    width: 820px;
    margin: 0 auto;
    padding-bottom: 20px;
}


.footer_sub a:link, .footer_sub a:visited {
	text-decoration: none;
	color:#1d3d6a;
	font-size: 10px;
	}
	
.footer_sub a:hover, .footer_sub a:active {
	text-decoration: underline;
color:#1d3d6a;
font-size: 10px;
	}


/* END FORM */



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

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