/* -------------------------- <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: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	background: #89cef7 top left repeat-x url(images/bg.jpg);
	}

.body {
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #000;
	border: none;
	}
	
h1 {
	font-weight: bold;
	font-size: 14px;
	color: #0078c1;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
	text-transform: lowercase;
	letter-spacing: 1px;
	}

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: #6c9034;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #6c9034;
	}

/* ----------------------- <genClasses> --------------------------- */
.bgcontainer {
	margin: auto;
	width: 935px;
	padding-top: 31px;
	background: url(images/bg_container.jpg) center top no-repeat;
	}

.wrap {
	margin: auto;
	width: 935px;
	}

.banner {
	margin: auto;
	width: 909px;
	}

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

.wrap_bg {
	background: top left repeat-y url(images/wrap_bg.jpg);
	}

.content_home {
	margin: auto;
	margin-top: 4px;
	border: 1px solid #efefef;
	padding: 3px;
	width: 885px;
	}

.divider_bg {
	background: url(images/divider_bg.gif) left top repeat-y;
	}

.divider_bottom {
	background: url(images/divider_bottom.gif) left bottom no-repeat;
	}

.column_one {
	vertical-align: top;
	background: url(images/content_bg_pink.jpg) left 38px no-repeat
	}

.column_one p {
	width: 180px;
	margin: 15px;
	}

.column_one ul {
	padding: 15px 15px 15px 30px;
	margin: 0;
	}

.column_one li {
	list-style-image: url(images/arrow_pink.gif);	
	vertical-align: middle;
	padding-bottom: 10px;
	}

.column_two {
	vertical-align: top;
	padding-left: 7px;
	background: url(images/content_bg_green.jpg) 7px 38px no-repeat
	}

.column_two p {
	width: 180px;
	margin: 15px;
	margin-left: 18px;
	}

.column_two ul {
	padding: 15px 15px 15px 30px;
	margin: 0;
	}

.column_two li {
	list-style-image: url(images/arrow_green.gif);	
	vertical-align: middle;
	padding-bottom: 10px;
	}

.column_three {
	vertical-align: top;
	padding-left: 7px;
	background: url(images/content_bg_purple.jpg) 7px 38px no-repeat
	}

.column_three p {
	width: 180px;
	margin: 15px;
	margin-left: 18px;
	}

.column_three ul {
	padding: 15px 15px 15px 30px;
	margin: 0;
	}

.column_three li {
	list-style-image: url(images/arrow_purple.gif);	
	vertical-align: middle;
	padding-bottom: 10px;
	}

.column_four {
	vertical-align: top;
	padding-left: 7px;
	background: url(images/content_bg_blue.jpg) 7px 38px no-repeat
	}

.column_four p {
	width: 180px;
	margin: 15px;
	margin-left: 15px;
	}

.column_four ul {
	padding: 15px 10px 15px 30px;
	margin: 0;
	}

.column_four li {
	list-style-image: url(images/arrow_blue.gif);	
	vertical-align: middle;
	padding-bottom: 10px;
	}

.footer {
	width: 935px;
	margin: auto;
	padding: 0;
	background:url(images/footer_bg.jpg) top left repeat-y ;
	}

.bgfooter {
	background: url(images/footer_top.jpg) top left no-repeat;
	padding: 23px 20px 11px 37px;
	}

.bgfooter p {
	font-size: 9px;
	color: #505050;
	
	}
.bgfooter span{
	text-transform: lowercase; /*added to match comp. jkeyes 20080121*/
}

.bgfooter a:link, .bgfooter a:visited {
	text-decoration: none;
	color: #505050;
	}
	
.bgfooter a:hover, .bgfooter a:active {
	text-decoration: underline;
	color: #505050;
	}


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

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

.wrap_sub_bg {
	background: top left repeat-y url(images/wrap_bg.jpg);
	}

.content_sub {
	margin: auto;
	width: 885px;
	}

.content_sub_right_bg {
	background: top left no-repeat url(images/sub_bg_content_top.jpg);
	padding: 8px 20px 20px 20px;
	}

.content_sub_right {
	border: 1px solid #efefef;
	width: 665px;
	vertical-align: top;
	background: bottom right no-repeat url(images/sub_bkg_puzzle.jpg);
	}

.content_sub_right p {
	padding-bottom: 15px;
	}

.content_sub_left {
	width: 220px;
	vertical-align: top;
	}


/* ----------------------- <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/sub_nav_bg.jpg) no-repeat;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0078c1;
	text-decoration: none;
	width: 221px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/sub_nav_bg.jpg) no-repeat;
	background-position: -221px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0078c1;
	text-decoration: none;
	width: 221px;
	margin: 0;
	padding: 0;
	}
	
.content_sub_left .imageSwap .on a:hover, .content_sub_left .imageSwap .on a:active, .content_sub_left .imageSwap .on a:link, .content_sub_left .imageSwap .on a:visited  {
	background: url(images/sub_nav_bg.jpg) no-repeat;
	background-position: -221px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0078c1;
	text-decoration: none;
	width: 221px;
	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 3px 6px 45px;
	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;}	
	




/* --------------------- Contact Us form styling
------------------------------------------------------------- */

.contactUs {
	
	}

.contactUs span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}

.contactUs .labelText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	width: 150px;
	margin: 0;
	padding: 0;
	background: #113E5D;
	border: 1px solid #999;
	}
	.contactUs .field {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	width: 150px;
	margin: 0;
	padding: 0;
	}

.contactUs .button {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;	
	margin: 0;
	padding: 0;
	background: #666;
	border: 1px solid #999;
	}
	
	
/* -------- 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;
    }

.LogOut
{
	padding-left:50px;
	display: block;
	width: 100px;
}