/* -------------------------- <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> --------------------------- */
html {
 	height: 100%;
}
body { 
	height:100%;
	background: url(/images/bg.jpg) top left repeat-x #003a5c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	}

.body {
	border: none;
	padding: 0;
	margin: 0;
	}
	
.wrap {
	background: top center no-repeat url(/images/shadow_bg.jpg);
	}
	
.container {
	background: top left repeat-y url(/images/table_bg.jpg);
	width: 882px;
	margin: auto;
	}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	}

table, th, tr, td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	}
	
p, h3, img {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	border: none;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	}	

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 2px 0px 2px 0px;
	}	

p {
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	text-decoration: underline;
	color: blue;
	border: none;	
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: blue;
	border: none;	
	}

/* ----------------------- <Home> --------------------------- */

.home_cta {
	width: 242px;
	vertical-align: top;
	}

.home_left {
	width: 336px;
	vertical-align: top;
	}

.home_left p {
	padding: 0 30px 15px 12px;
	}

.home_middle {
	width: 290px;
	vertical-align: top;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #bfbfbf;
	}

p.newsstory {
	padding-left: 33px;
	padding-bottom: 15px;
	}

p.newsstory a:link, p.newsstory a:visited {
	color: #000;
	}

p.newsstory a:hover, p.newsstory a:active {
	color: #000;
	}

.newstitle {
	padding-left: 22px;
	padding-right: 30px;
	}

.home_right {
	width: 256px;
	vertical-align: top;
	}
	
/* ----------------------- </Home> --------------------------- */

/* ----------------------- <Sub> --------------------------- */
.menuGrad 
{
	z-index: 1;	
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#9FDDFF);
}

.sub_left {
	vertical-align: top;
	width: 230px;
	padding-left: 10px;
	padding-top: 10px;
	}

.subnav_wrap {
	width: 195px;
	background: top left repeat-y url(/images/subnav_bg.jpg);
	}

.subnav_wrap p {
	background: #fff;
	}

.subnav 
{
	text-align:left;
	padding: 0 10px 0 15px;
	}

.subnav p {
	padding-bottom: 12px;
	}

.subnav a:link, .subnav a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}

.subnav a:hover, .subnav a:active {
	text-decoration: none;
	font-weight: bold;
	color: #d01622;
	}

.sub_middle {
	padding: 10px 30px 0 0;
	vertical-align: top;
	width: 400px
	}

.sub_middle_right {
	padding: 10px 0px 0 0;
	vertical-align: top;
	width: 652px
	}

.sub_middle_full {
	padding: 0;
	vertical-align: top;
	width: 882px
	}
	
.sub_middle p {
	padding-bottom: 15px;
	}

.sub_right {
	padding: 35px 5px 0 0;
	vertical-align: top;
	width: 252px;
	}
	
img.volunteercta {
	padding-top: 5px;
	}

/* ----------------------- </Sub> --------------------------- */


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

.table {
	background: top left no-repeat url(/images/banner_bg.jpg);
	width: 882px;
	margin: 0;
	padding: 0;
	}
	
.logo {
	vertical-align: top;
	padding: 20px 0 0px 15px;
	}

.topnav {
	text-align: right;
	vertical-align: top;
	margin: 0;
	padding: 30px 12px 0 0;
	}

.topnav a:link, .topnav a:visited {
	text-decoration: underline;
	color: #007ac3;
	font-size: 10px;
	}

.topnav a:hover, .topnav a:active {
	text-decoration: none;
	color: #007ac3;
	font-size: 10px;
	}
.topnav2 {
	text-align: right;
	vertical-align: top;
	margin: 0;
	padding: 30px 0 0 0;
	}

.topnav2 a:link, .topnav2 a:visited {
	text-decoration: underline;
	color: #007ac3;
	font-size: 10px;
	}

.topnav2 a:hover, .topnav2 a:active {
	text-decoration: none;
	color: #007ac3;
	font-size: 10px;
	}
	
.mainnav {
	padding: 20px 12px 0 0;
	}

.mainnav a:link, .mainnav a:visited {
	padding-left: 0px;
	}

.mainnav a:hover, .mainnav a:active {
	padding-left: 0px;
	}

.bold {
	font-weight: bold;
	}

.italic {
	font-style: italic;
	}

.cross {
	padding-right: 5px;
	}

.readmore {
	text-align: right;
	}

.footer {
	width: 882px;
	margin: auto;
	background: top left no-repeat url(/images/footer.jpg);
	padding-bottom: 30px;
	padding-top: 40px;
	}

.footer_left {
	width: 441px;
	}

.footer_left p {
	padding: 0 25px 0 25px;
	}

.footer_left img {
	padding-right: 30px;
	}

.footer_right {
	width: 441px;
	}

.footer_right p {
	text-align: right;
	color: #bed1dc;
	padding-bottom: 3px;
	}

.footer_right a:link, .footer_right a:visited {
	text-decoration: none;
	text-align: right;
	color: #bed1dc;
	}

.footer_right a:hover, .footer_right a:active {
	text-decoration: underline;
	text-align: right;
	color: #bed1dc;
	}

.information {
	padding-top: 20px;
	}

.information p {
	font-size: 10px;
	color: #40718e;
	padding-bottom: 10px;
	line-height: 14px;
	}

.form_subnav {
	
	}
	
.form_subnav a:link, .form_subnav a:visited {
    display: block;
	 margin: 0 0 10px 0;
	 font: bold 11px Arial, Helvetica, sans-serif;
    color: #0056a0;
    text-decoration: none;
	 background: url(/images/form_cross_icon.jpg) top left no-repeat;
	 padding: 0 0 0 12px;
    }

.form_subnav a:hover, .form_subnav a:active {
    display: block;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #0056a0;
	 background: url(/images/form_cross_icon.jpg) top left no-repeat;
	 padding: 0 0 0 12px;
    text-decoration: underline;
    }

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

/* ----------------------- <Form> --------------------------- */
.formnav {
	padding: 0px 0 0 0;
	}

.formnav a:link, .formnav a:visited {
	padding-left: 0px;
	}

.formnav a:hover, .formnav a:active {
	padding-left: 0px;
	}

.form_middle {
	
	}
	
.form_middle h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #0056a0;
	text-transform: none;
	margin: 15px 0 0 20px;
	}

.question {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #d6effd;
	width: 305px;
	padding: 10px;
	margin: 5px 0 0 10px;
	}

.form_middle .text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	}
		
.form_middle .input {
	border: 1px solid black;
	height: 18px;
	}
/* ----------------------- </Form> --------------------------- */


/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

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



/* -------------- FAQ's module styling here -------------- */

.faq {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	
	
	}
	
.faq .colorBox {
/*	background: #fff4e4; */
	background: #CCCCCC;
	padding:20px;
	width:90%;
	}
	
.faq h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq a:link, .faq a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

.faq a:hover, .faq a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }
/* End FAQ styles */


/* ----------------- Press Room & Press Room Details ------------- */

.pressRoom {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .colorBox {
/*	background: #FEF7CD; */
	background: #CCCCCC;
	}
	
.pressRoom h3 {
	font: 16px Arial, Helvetica, sans-serif;
/*	color: #B3812A; */
	}
	
.pressRoom .title {
	font: 16px Arial, Helvetica, sans-serif;
/*	color: #B3812A; */
	}

.pressRoom .container
{
/*    background-color: #FEF7CD; */
    background-color: #cccccc;
    padding: 5px;
}

.pressRoom .goBackLink a:link, .pressRoom .goBackLink a:hover
, .pressRoom .goBackLink a:active, .pressRoom .goBackLink a:visited
{
    font-size: 9px;
    color: #000000;
    text-decoration: none;
}
	
.pressRoom span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom a:link, .pressRoom a:visited {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
/*    color: #B3812A; */
    text-decoration: underline;
    }

.pressRoom a:hover, .pressRoom a:active {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
/*    color: #B3812A; */
    text-decoration: underline;
    }

.pressRoom .readMore a:link, .pressRoom .readMore a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.pressRoom .readMore a:hover, .pressRoom .readMore a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

.pressRoom .postDate
{
    font-style: italic;
    font-size: 13px;
}

.pressRoom .shortDescription span
{
    font-size: 11px;
}

.pressRoom .release
{
    background-color: #CCCCCC;
    padding: 5px;
}

/* Press Room Detail */

.pressRoom .detail {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .detail .colorBox {
/*	background: #FEF7CD; */
	background: #CCCCCC;
	}
	
.pressRoom .detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .detail span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .detail p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .detail strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .detail em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.pressRoom .detail a:link, .pressRoom .detail a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.pressRoom .detail a:hover, .pressRoom .detail a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.pressRoom .detail .readMore a:link, .pressRoom .detail .readMore a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.pressRoom .detail .readMore a:hover, .pressRoom .detail .readMore a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }  
    
/* End Press Room styles */


/* ----------------- Testimonials & Testimonials Details styling -------------- */

.testimonials {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .colorBox {
/*	background: #EDE1F5; */
	background: #CCCCCC;
	padding:20px;
	width:90%;
	}
	
.testimonials h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials a:link, .testimonials a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.testimonials a:hover, .testimonials a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.testimonials .readMore a:link, .testimonials .readMore a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.testimonials .readMore a:hover, .testimonials .readMore a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

/* --------------- Testimonials Detail --------------- */

.testimonials .detail {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .detail .colorBox {
/*	background: #EDE1F5; */
	background: #CCCCCC;
	padding:20px;
	width:90%;
	}
	
.testimonials .detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .detail span {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .detail p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .detail strong {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .detail em {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.testimonials .detail a:link, .testimonials .detail a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.testimonials .detail a:hover, .testimonials .detail a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.testimonials .detail .readMore a:link, .testimonials .detail .readMore a:visited {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.testimonials .detail .readMore a:hover, .testimonials .detail .readMore a:active {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }
/* End Testimonial styles */

/* --------------- Start CSK styles -------------- */
.errorText
{
    color: #FF0000;
}
.shoppingCart .tdSeperator
{
    width: 20px;
}
.shoppingCart .left
{
    white-space: nowrap;
    width: 200px;
}
/* --------------- End CSK styles -------------- */


/* --------------- Start Survey styles -------------- */

/*--- Alternating table row styles ---*/
.oddRow {background-color: white;}
.evenRow {background-color: #D7EEFC;}

.surveyLeftChecklistColumn {width: 370px;}
.survey_right {
	padding: 10px 20px 0 10px;
	vertical-align: top;
	}

.smallGridViewHeader 
{
	background-color:#007AC3;
	color:White;
	text-align:center;
	white-space:nowrap;
	font-size:xx-small;
}


/* --------------- End Survey styles -------------- */
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid #06419B; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:30px
}

.modalBackground 
{ 
 background-color:#888888; 
 filter:alpha(opacity=70); 
 opacity:0.7;
}

/* Inventory Items Reporting Styles */
.hidden
{
	display: none;
}
.visible
{
	display:block;
}

.itemDetails
{
	width: 100%;
	background-color:Silver;
	text-align:left;
}

.itemDetails thead
{
	background-color: Navy;
}
.itemDetails th
{
	font-weight: bold;
	color: White;
}

.docStorageStyle table, .docStorageStyle th, .docStorageStyle tr, .docStorageStyle td,
.docStorageStyle a:link,
.docStorageStyle a:visited,
.docStorageStyle a:active,
.docStorageStyle a:hover,
.docStorageStyle span
{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}
/* new css starts here */
.headingmain{
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:left;
	text-decoration:none;
	line-height:20px;
}
.centertext{
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:left;
	text-decoration:none;
	line-height:18px;
}
.subheading{
	font-size:16px;
	font-weight:bold;
	color:#00487e;
	text-align:left;
	text-decoration:none;
	line-height:20px;
}
.heightvalue{
	height:10px;
}
.sectioncontent{
	font-size:12px;
	font-weight:normal;
	color:#353535;
	text-align:left;
	text-decoration:none;
	line-height:18px;
}
.blueboldtext{
	font-size:12px;
	font-weight:bold;
	color:#00679d;
	text-align:left;
	text-decoration:none;
}
.hrline{
	background-image:url(../images/hrline.jpg);
	background-repeat:repeat-x;
	background-position:center;
	height:20px;
}
.blueboldtextbig{
	font-size:15px;
	font-weight:bold;
	color:#00679d;
	text-align:left;
	text-decoration:none;
}
.sectioncontent1{
	font-size:11px;
	font-weight:normal;
	color:#353535;
	text-align:left;
	text-decoration:none;
	line-height:18px;
}
.blueboldtextsmall{
	font-size:11px;
	font-weight:bold;
	color:#00679d;
	text-align:left;
	text-decoration:none;
}	
.sectioncontent2{
	font-size:12px;
	font-weight:normal;
	color:#353535;
	text-align:right;
	text-decoration:none;
	line-height:18px;
}
.linktext{
	font-size:12px;
	font-weight:normal;
	color:#00F;
	text-decoration:underline;
}
/* new css ends here */