/* -------------------------- <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: 
	- 8/01/08 :: JRH

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

/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
	height:100%;
	}

body {
	font:62.5%/1.25 Arial, Helvetica, sans-serif;
	background-color:#d2dde2;
	}
	
table td {
	vertical-align:top;
}
/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	}

h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font-size:2em;
	}

h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font-size:1.5em;
	}

h3 {
	font-size:1em;
	font-weight:bold;
	}

/***** Common Formatting *****/

p, ul, ol {
	margin:0;
	padding:0 0 1.25em 0;
	}

ul, ol {
	padding:0 0 1.25em 2.5em;
	}

blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
	}

small {
	font-size:0.85em;
	}

img {
	border:0;
	}

table {
	border:0;
	margin:0;
	padding:0;
	}

/***** Links *****/
/*
a, a:link, a:visited, a:hover, a, a:link, a:visited, a:hover {
	color:#007ab4;
	text-decoration:none;
	font-weight:bold;
	}
*/
a:link, a:visited {
	color:#007ab4;
	text-decoration:none;
	font-weight:bold;
	}

a:hover, a:active {
	color:#007ab4;
	text-decoration:underline;
	font-weight:bold;
	}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
	}

input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
	}

textarea {
	width:100%;
	line-height:1.25;
	}

label {
	cursor:pointer;
	}

/***** Global Layout *****/

.wrap {
	width:100%;
	height:100%;
	min-height:100%;
	margin:0 0;
	}

.header {
	padding:12px 0 0 33px;
	width:912px;
	}

.nav-bar {
	float:left;
	padding-left:10px;
	width:712px;
	}
	
	
.nav-bar a:link, .nav-bar a:visited, .nav-bar a:hover, .nav-bar a:active {
	
	text-decoration:none;
	
}

.sign-up-bar {
	clear:both;
	width:100%;
	height:104px;
	background-color:#fff4d4;
	}

	.sign-up {
		width:100%;
		height:104px;
		padding:0 0 0 30px;
		overflow:hidden;
		color:#7d848e;
		font-size:1.1em;
		}

.footer {
	clear:left;
	width:100%;
	height:105px;
	background-color:#bca868;
	text-align:top;
	}	
	
.footer-content {
	background-color:#bca868;
	width:825px;
	padding:10px 0 0 75px;
	text-align:center;
	font-size:1em;
	line-height:1.2em;
	}
	
	.footer-content p {
		padding:0 0 .75em 0;
		}

/***** Homepage Layout *****/

.hp-wrap {
	width:1024px;
	
	
	}

.hp-welcome {
	clear:both;
	width:285px;
	height:164px;
	overflow:hidden;
	padding-left: 33px;
	font-size:1.1em;
}

.hp-wrap h1 {
		font:2.475em normal Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#007cb7;
		margin:0;
		padding:.4em 0 .1em 0;
line-height:24px;
		}
.hp-index-card {
	clear:left;
	float:left;
	
	}

.hp-utility-nav {
	clear:left;
	float:left;
	width:922px;
	height:37px;
	
	}
	
	.hp-utility-nav-links {
		float:left;
		width:490px; /*500px*/
		border-top:1px solid #000;
		margin-top:12px;
		padding-top:4px;
		font-size:1em;
		color:#000;
		}

	.hp-utility-nav a:link, .hp-utility-nav a:visited, .hp-utility-nav a:hover, .hp-utility-nav a:active,  {
		padding:0 4px 0 4px;
		color:#000;
		font-weight:normal;
		}	
		
	.hp-utility-nav a {
		color:#000000;
		padding:0 4px 0 4px;
		font-weight:normal;
		}	

.hp-content {
	position: absolute;
	width: 654px;
	
	overflow:visible;
	left: 304px;
	top: 88px;
	font-size:1.1em;
	line-height:1.4em;
	}
	
	.hp-content p {
		padding-right: 50px;
		padding-bottom:0;
		}

.hp-center {
	width:654px;
	
}

.hp-menu {
	background-color:#007cb6;
	width:654px;
	height:35px;
}

.cms-box {
	background-color:#eaeff2;
	overflow:auto;
	padding:21px;
	min-height:400px;
}

.space {
	width:14px;
}

/***** Subpage Layout *****/

.sub-header {
	width:100%;
	height:148px;
	background:url(images/sub_hdr_bg.jpg) no-repeat;
	background-color:#d2dde2;
	}

.sub-wrap {
	width:100%;
	background:#FFFFFF;
	padding-top:43px;
	}


.sub-wrap-2 {
	width:956px;
	display:table;
	}



.utility-nav {
	clear:both;
	float:left;
	width:956px; /*100%*/
	height:39px;
	background-color:#FFF;
	}
	
	.utility-nav p {
		width:439px;
		border-top:1px solid #000;
		margin-top:12px;
		padding-top:4px;
		margin-left:483px;
		font-size:1em;
		color:#000;
		}

	.utility-nav a:link, .hp-utility-nav a:visited, .hp-utility-nav a:hover, .hp-utility-nav a:active,  {
		padding:0 4px 0 4px;
		color:#000;
		font-weight:normal;
		}	
		
	.utility-nav a {
		color:#000000;
		padding:0 4px 0 4px;
		font-weight:normal;
		}	

.sub-nav {
	float:left;
	width:196px;
	border-right: 1px solid #c7c7c7;
	padding-left:16px;
	}

/*
.sub-content {
	float:left;
	width:355px;
	padding-left:30px;
	padding-bottom:30px;
	font-size:1.1em;
	line-height:1.4em;
	min-height:375px;
	}
	
	.sub-content {
		padding-right:10px;
		}
*/
.sub-content {
	float:left;
	width:355px;
	padding: 0 10px 30px 30px;
	font-size:1.2em;
	line-height:1.4em;
	min-height:375px;
	}

.sub-content-expanded {
	float:left;
	width:700px;
	padding: 0 10px 30px 30px;
	font-size:1.2em;
	line-height:1.4em;
	min-height:375px;
	}
	

	.sub-content h1 {
		font:2.475em normal Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#007cb7;
		margin:0;
		padding:0 0 .5em 0;
		}

.sub-right {
	float:left;
	width:344px;
	}
	
/***** Global Classes *****/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#f0e800; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/* ----------------------- <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: #FFFFFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width: 195px;
	min-height: 20px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/sub_nav_bullet.gif) no-repeat;
	color: #000;
	text-decoration: none;
	width: 195px;
	min-height: 20px;
	margin: 0;
	padding: 0;
	}
	
.imageSwap a.on:link, .imageSwap a.on:visited, .imageSwap a.on:hover, .imageSwap a.on:active 
{
	background: url(images/sub_nav_bullet.gif) no-repeat;
	color: #000;
	text-decoration: none;
	width: 195px;
	min-height: 20px;
	margin: 0;
	padding: 0;
}

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

.imageSwap span {
	display: block;
	color: #000;
	padding: 4px 3px 3px 10px;
	margin: 0;
	text-transform:uppercase;
	font-weight:normal;
	}



.imageSwap2 a:link, .imageSwap2 a:visited {
	display: block;
	background: #FFFFFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #868a94;
	text-decoration: none;
	width: 185px;
	min-height: 20px;
	margin: 0 0 0 10px;
	padding: 0;
	}

.imageSwap2 a:hover, .imageSwap2 a:active {
	background: url(images/sub_nav_bullet.gif) no-repeat;
	color: #868a94;
	text-decoration: none;
	width: 185px;
	min-height: 20px;
	margin: 0 0 0 10px;
	padding: 0;	
	}
	
.imageSwap2 a.on:link, .imageSwap2 a.on:visited, .imageSwap2 a.on:hover, .imageSwap2 a.on:active 
{
	background: url(images/sub_nav_bullet.gif) no-repeat;
	color: #868a94;
	text-decoration: none;
	width: 185px;
	min-height: 20px;
	margin: 0 0 0 10px;
	padding: 0;
}

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

.imageSwap2 span {
	display: block;
	color: #868a94;
	padding: 4px 3px 3px 10px;
	margin: 0;
	text-transform:capitalize;
	font-weight:normal;
	}
	
	
.current {
	background:url(images/sub_nav_bullet.gif) no-repeat;
	}
	

/* dropdown menu */
/******************************************************************************
 main navigation menu. 
******************************************************************************/

.mainNavDropDown
{
    background-color: #fbf4e4;
	padding: 0;
	margin: 0;
	}

.mainNavDropDown_item,
.mainNavDropDown_item a,
.mainNavDropDown_item a:visited /* requird by IE6 to override ancestors. */
{
	background-color: #fbf4e4;
    font: 11px Arial, Helvetica, sans-serif;
    width: 17em;
    border-bottom: solid 1px #b2ddcf;
    height:25px;
	line-height: 25px;
   	padding-top: 5px;
    
}

.mainNavDropDown_item_hover,
.mainNavDropDown_item_hover a,
.mainNavDropDown_item_hover a:visited, /* requird by IE6 to override ancestors. */
.mainNavDropDown_item_hover a:hover, /* requird by IE6 to override ancestors. */
.mainNavDropDown_item_hover a:active /* requird by IE6 to override ancestors. */
{
	/*background-color: #f0e800 ;*/
	
    font: 11px  Arial, Helvetica, sans-serif;
    width: 17em;
    border-bottom: solid 1px #b2ddcf;
    height:25px;
   	padding-top: 5px;
   	line-height: 25px;
}





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