/* -------------------------- <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 {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	}

body {
	font:62.5%/1.25 Arial, Helvetica, sans-serif;
	background-color:#d2dde2;
	background-image:url(/App_Themes/metromin2/Images/hp_header_tile.jpg);
	background-repeat:repeat-x;
	}
	
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 {
	
	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:0px;
	
	}

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

.nav-bar {
	float:left;
	padding-left:10px;
	width:712px;
	z-index: 9999;
	}
	
.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:134px;
	background-color:#fff4d4;
	margin:0px;
	}

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

.footer {
	clear:both;
	width:100%;
	height:134px;
	background-color:#bca868;
	}	
	
.footer-content {
	color:#FFFFFF;
	padding:10px 0 0 0px;
	text-align:center;
	font-size:1em;
	line-height:1.2em;
	}
	
	.footer-content p {
		padding:0 0 .75em 0;
		}
	.footer-content a:link, .footer-content a:visited, .footer-content a:hover, .footer-content a:active {
		color:#FFFFFF;
		text-decoration:underline;
		}
/***** Homepage Layout *****/
.hp-header {
	background:url(images/hp_header.jpg);
	background-repeat:no-repeat;
	height:84px;
	width:933px;

	}
	
.hp-nav-bar {
	position:absolute;
	top:14px;
	left:218px;
	
	}
	
.hp-header-tile {
	background:url(images/hp_header_tile.jpg);
	background-repeat:repeat-x;

	}



.hp-welcome {
	border:1px solid red;
	width:235px;
	overflow:hidden;
	padding: 50px 0px 0px 0px;
	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;
		}
.hp-index-card {
	float:left;
	}

.hp-content {
	float:left;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.4em;
	}
	
	.hp-content p {
		padding-right: 50px;
		padding-bottom:0;
		}

.hp-center {
	width:654px;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.4em;
	}
	.home-header{
	background-image:url(/App_Themes/metromin2/Images/hp_header.jpg);
	background-repeat:no-repeat;
	height:84px;
	width:933px;
	padding:0px;
	margin:0px;
	clear:both;
	}

.home-content{
	clear:both;
	width:100%;
	padding:0px;
	margin:0px;
	}

.home-left{
	float:left;
	width:279px;
	padding:0px;
	margin:0px;
	}

.home-right{
	float:left;
	width:654px;
	padding:0px;
	margin:0px;
	}

.home-table{
	float:left;
	padding:0px;
	margin:0px;
	}

.home-cms-01{
	background-color:#eaeff2;
	padding:15px;
	}
.home-cms-01 p{

	}
.home-cms-02{
	background-color:#eaeff2;
	padding:15px;
	}
.home-cms-02 p{
	line-height:1.3em;
	}
.home-cms-03{
	background-color:#eaeff2;
	padding:15px;
	}
.home-cms-03 p{
	line-height:1.3em;
	}
.home-welcome-text{
	width:230px;
	margin-left:20px;
}
#home-utility-nav  {
		color:#fff;
		font-weight:bold;
		background-color:#6aadcd;
		padding:10px;
		text-align:center;
		}
#home-utility-nav  a{
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		margin:0 12px 0 12px;
		text-decoration:underline;
		}
#home-utility-nav  a:hover{
		text-decoration:none;
		}	

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

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

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


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



.utility-nav {
	
	float:left;
	width: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: 10px 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
{
    padding: 5px 0px 0px 0px;
    background-color: #fbf4e4;
    z-index: 9999;
}

.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;
    padding: 5px 5px 5px 5px;
    border-bottom: solid 1px #b2ddcf;
    height:25px;
    
}

.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;
    padding: 5px 5px 5px 5px;
    border-bottom: solid 1px #b2ddcf;
    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;}