﻿/* -------------------------- <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;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
color: #333333;
	}
	
/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

/***** Common Formatting *****/

p {
	margin: 0;
	padding: 0;
	}

ul, ol {
	padding: 0 0 20px 20px;
	}

blockquote {
	margin: 1.25em;
	padding: 1.25em 1.25em 0 1.25em;
	}

small {
	font-size: 0.85em;
	}

img {
	/*border: none; */
	}

/***** Links *****/

a:link, a:visited {
	text-decoration: underline;
	color: #111031;
	}

a:hover, a:active {
	text-decoration: none;
	color: #111031;
	}

a:focus { outline: none; }

/***** 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 {
	}
body {
background-image: url(Images/bg_tile.gif);
background-position: center top;
background-repeat: repeat-x;
}

.master {
	background-color: #fffffff;
	background-position: top;
	background-repeat: repeat-x;
	height: 600px;
	min-height: 600px;
	height: auto;
}



.head_toolbar {
    float: right;
    color: #fff;
    margin: 0px 0px 0 0;
}
.head_toolbar a,
.head_toolbar a:link,
.head_toolbar a:visited {
    color: #aeaeaa;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}

.head_toolbar a:hover,
.head_toolbar a:active {
    color: #fff;
    font-size: 11px;
    background-color: #1F1D44;
    text-decoration: underline;
    text-transform: uppercase;
}

.head_toolbar p {
margin: 0;
padding: 0;
color: #546CA5;
font-size: 15px;
margin-top: 25px;
margin-right: 20px;
font-family: Arial, Helvetica, sans-serif;
}

/* Containers & Primary Rows */

.header {margin-left: auto; margin-right: auto; width: 975px; height: 143px; z-index: 1; background-image: url(Images/body-tail.jpg);}
/* for IE 7*/
.header img
{border:none;}
.prinav 
{
    margin-left: auto; 
    margin-right: auto; 
    width: 975px; 
    height: 42px; 
    z-index: 2; 
    background-image: url(Images/navbg.gif);
}
.prinav img
{
	border:none;
}
.priimg {margin-left: auto; margin-right: auto; width: 960px; height: 305px; padding-top: 17px; z-index: 3
}

.priimg_sub 
{
    margin-left: auto; 
    margin-right: auto; 
    width: 960px; 
    /*height: 167px; */
    z-index: 3; 
}

.secnav {margin-left: auto; margin-right: auto; width: 960px; height: 26px; z-index: 4; background: #1F1D44
}



.content_container {
margin-left: auto; margin-right: auto; width:960px; margin-top: 15px; height: 350px; height: auto; margin-bottom: 35px;
}

.content_container_sub {
margin-left: auto; margin-right: auto; width:960px; margin-top: 15px; height: auto; min-height: 250px; border-bottom: solid 1px #bbbbbb; padding-bottom: 30px; margin-bottom: 15px; display: table;
}

.small_image {
padding: 0px 5px 5px 0px;
}

.content_sub {
width: 670px;
display: block;
padding-bottom: 15px;
padding-right: 15px;
margin-bottom: 25px;
}

.content_left {
width: 635px;
float: left;
border-right: solid 1px #bbbbbb;
}

.content_left_sub {
display: inline;
width: 696px;
float: left;
border-right: solid 1px #bbbbbb;
padding-right:10px;
}
.content_right_sub {
display: inline;
width: 234px;
float: left;
padding-left: 15px;
}

.content_right {
width: 305px;
float: left;
padding-left: 15px;
}

.mini_image {
padding: 1px 1px 1px 1px;
border: solid 1px #bbbbbb;
}

.top_text {
width: 610px;
display: block;
padding-bottom: 15px;
padding-right: 15px;
border-bottom:1px solid #BBBBBB;
}

.left_text {
float: left;
display: inline;
width: 304px;
padding: 0px 15px 0px 0px;
}

.center_text {
float: left;
display: inline;
width: 285px;
padding: 0px 15px 15px 15px;
}

.content_left_border {
background-color: #bbbbbb;
width: 1px;
}

.footer {
margin-left: auto;
margin-right: auto;
width: 975px;
display: block;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
line-height: 25px;
height: 78px;
background-color: #999999;
font-weight: bold;
clear: both;
position: relative;
}

.footer_padding {
width: 740px;
margin-left: auto;
margin-right: auto;
}

.footer a {
font-family: Arial, Helvetica, sans-serif;
color: #ffffff !important;
text-decoration: none !important;
}

.footer a:hover {
text-decoration: underline;
}

.pipe_spacing {
padding-left: 5px;
padding-right: 5px;
}


.header_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #333333;
line-height: 55px;
font-weight: bold;
text-transform: uppercase;
}

.header_text_alt {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #333333;
line-height: 55px;
font-weight: bold;
text-transform: uppercase;
}

.header_text_sub {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #1f1d44;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
}

.top_text {
font-size: 11px;
}

.content_container h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #333333;
line-height: 55px;
font-weight: bold;
text-transform: uppercase;

}

.content_container h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #333333;
line-height: 55px;
font-weight: bold;
text-transform: uppercase;
}

.content_container p {
font-size: 11px;
}

.left_text h1 {
font-size: 19px;
font-weight: bold;
}

.left_text h2 {
font-size: 14px;
font-weight: bold;
}

.left_text p {
font-size: 14px;
}


.center_text h1 {
font-size: 16px;
font-weight: bold;
}

.center_text h2 {
font-size: 14px;
font-weight: bold;
}

.center_text p {
font-size: 14px;
}

.posted_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #917b4e;
}

.inset_text {
	color: #9F865E;
	font-size: 11px;
	line-height: 20px;
}


.news_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #1f1d44;
line-height: 18px;
font-weight: bold;
}

.news_text_small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555555;
line-height: 18px;
}

.right_links a {
color: #1f1d44;
font-size: 14px;
text-decoration: none;
}

.right_links a:hover {
text-decoration: underline;
}





/***** Wrapper *****/
.wrap {
	width: 960px;
	margin: 0 auto;
	}

.container {  /*min-height hack*/
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:500px;  
	height:500px;/*Should have the same value as the min height above*/  
	} 
	

/* Triple Top Content Modules */
	
.top_content {
width: 960px;
margin-left: auto;
margin-right: auto;
height: 210px;
}

.top_content_left {
width: 305px;
height: 203px;
float: left;
display: inline;
background-color: #8ec00f;
}

.top_content_center {
width: 306px;
height: 203px;
float: left;
display: inline;
background-color: #f5ac05;
margin-left: 22px;
}

.top_content_right {
width: 305px;
height: 203px;
float: left;
display: inline;
background-color: #e54f41;
margin-left: 22px;
}


.green_heading {
width: 285px;
background-color: #548903;
border-bottom: solid 1px #ffffff;
height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
padding-left: 20px;
padding-top: 10px;
}

.orange_heading {
width: 286px;
background-color: #e4780f;
border-bottom: solid 1px #ffffff;
height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
padding-left: 20px;
padding-top: 10px;
}

.red_heading {
width: 285px;
border-bottom: solid 1px #ffffff;
background-color: #c53123;
height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
padding-left: 20px;
padding-top: 10px;
}

.inset_content {
width: 235px;
margin-left: 20px;
margin-right: 50px;
}

.blue_subheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #0e156b;
line-height: 22px;
font-weight: bold;
}

.inset_content_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #0f0d3e;
}

.button_learn {
text-align: right;
}


.button_learn_1 img{
position: absolute;
margin-left: 140px;
top: 545px;
border: none;
}

.button_learn_2 img{
position: absolute;
margin-left: 140px;
top: 545px;
border: none;
}

.button_learn_3 img{
position: absolute;
margin-left: 140px;
top: 545px;
border: none;
}

/***** 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: #ffc; }

.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; }

img, div { _behavior: url(/client/iepngfix.htc) }

.right_links a {
color: #1f1d44;
font-size: 14px;
text-decoration: none;
}

.right_links a:hover {
text-decoration: underline;
}

.breadcrumbs {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #b6bfac;
padding-bottom:1em;
display:block;
}

.breadcrumbs a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #b6bfac;
text-decoration: none;
}

.breadcrumbs a:hover {
text-decoration: underline;
}
.social {
margin-top: 10px;
margin-bottom: 10px;
width: 285px;
height: 92px;
background-color: #19163a;
border: 1px solid #333333;
}

.social h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #ffffff;
margin-left: 10px;
margin-top: 6px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
}

.ourcomleft {
width: 180px;
display: inline;
float: left;
}

.ourcomright {
display: inline;
float: right;
padding-top: 10px;
padding-right: 10px;
}

.ourcomright img {
border: 0;
padding-left: 10px;
}

.news img {
margin-top: 5px;
}

.textboxfield {
clear: both;
padding-top: 15px;
}

.field {
/*float: left;*/
display: inline;
height: 16px;
border: 0;
line-height: 14px;
font-size: 12px;
}

.textfield img {
float: left;
display: inline;
}
.calendar 
{
font-size:12px;
}
