﻿/* -------------------------- <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
	- 3/12/08 :: DW - updated default font to Arial, from Verdana
	- 3/13/08 :: KN - updated default font size from 11px to 12px for content	

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

.body
{
    border: none;
    padding: 0;
    margin: 0;
}

p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000;
    border: none;
}

h1
{
    font-weight: normal;
    font-size: 14px;
    color: #000;
    padding: 0;
    margin: 0;
    text-transform: uppercase; /* Optional */
}

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: #951100;
}

a:hover, a:active
{
    text-decoration: underline;
    color: #951100;
}

/* ----------------------- <genClasses> --------------------------- */
.wrap
{
    width: 948px;
    margin: auto;
    padding: 0;
}

.banner
{
    background: url(images/bg_banner.jpg) top left no-repeat;
    width: 948px;
    margin: 0;
	padding:0;
}

.menu_home_nav
{
    padding-top: 47px;
}

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

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

.content_left
{
    width: 295px;
    vertical-align: top;
    padding: 27px 0 0 20px;
}
.sub_content_left
{
    width: 295px;
    vertical-align: top;
    padding: 27px 0 0 0px;
}

.left_new_sub_content
{
    padding: 15px 0 0 22px;
}

.content_middle
{
    width: 610px;
    vertical-align: top;
    padding: 27px 0 0 0;
}

.content_middle p
{
    padding: 0 50px 20px 0px;
    line-height: 18px;
}

.welcome
{
    background-image: url(images/bg_welcome.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #fff;
    padding: 10px 0 0 10px;
}
.content_right
{
    width: 300px;
    vertical-align: top;
    padding: 27px 0 0 0;
}

.sub_content_right
{
    width: 633px;
    vertical-align: top;
    padding: 40px 0 0 20px;
}


.content_right p
{
    padding: 5px 50px 5px 12px;
    font-weight: bold;
    color: #cea340;
    line-height: 16px;
    font-size: 10px;
}

.sub_content_right p
{
    padding: 0 14px 10px 5px;
    line-height: 18px;
}

.content_right a:link, .content_right a:visited
{
    text-decoration: underline;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.content_right a:hover, .content_right a:active
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}

.email
{
    background: url(images/bg_email.jpg) top left no-repeat;
    padding: 35px 40px 20px 10px;
}

.email p
{
    padding-top: 10px;
}

input.text
{
    font-size: 10px;
    padding: 2px;
    width: 180px;
    letter-spacing: 1px;
}

input.go_button
{
    font-size: 10px;
    padding: 1px;
    width: 50px;
    letter-spacing: 1px;
    margin-left: 2px;
}

.footer
{
    border-top: solid 1px #999;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 910px;
    margin: auto;
    margin-top: 30px;
}

.footer_content
{
    margin: 0;
    padding: 0;
}

.footer_content_left
{
    width: 300px;
    float: left;
}

.footer_content_left p
{
    font-size: 10px;
    padding-top: 4px;
}

.footer_content_right
{
    float: right;
    vertical-align: top;
}


td.home_right_content
{
    background: top left no-repeat url(images/bkg_home_right.jpg);
    width: 321px;
    margin: 0;
    padding: 0 0 0 0;
    vertical-align: top;
}

td.home_right_content p
{
    padding: 10px 30px 0 15px;
    font: Arial, Verdana, Helvetica, sans-serif 11px;
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
    width: 250px;
    color: #951100;
}

td.home_right_content a:link, td.home_right_content a:visited
{
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    color: #000;
}

td.home_right_content a:hover, td.home_right_content a:active
{
    font-weight: bold;
    font-size: 10px;
    text-decoration: underline;
    color: #000;
}

.home_right_content_subhead
{
    padding: 27px 0 0 0px;
}



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

.breadcrumbs
{
    font-size: 9px;
    color: #a4a4a4;
    padding: 20px 20px 0 20px;
}

.breadcrumbs a:link, .breadcrumbs a:visited
{
    font-size: 9px;
    color: #951100;
    text-decoration: underline;
}

.breadcrumbs a:hover, .breadcrumbs a:active
{
    font-size: 9px;
    color: #a4a4a4;
    text-decoration: none;
}


/* ----------------------- </imgRollOver> --------------------------- */


.imageSwap a:link, .imageSwap a:visited
{
    display: block;
    background: url(images/subNav_BG.jpg) repeat-y;
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color: #951100;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
}
.imageSwap a:hover, .imageSwap :active
{
    display: block; /*background: url(images/subNav_BG.jpg) repeat-y;*/
    background-position: -295px 0; /* this shifts the image over to the left "x-pos y-pos" */ /*font: bold 12px Arial, Verdana,  Helvetica, sans-serif;*/
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}

.imageSwap .on a:link, .imageSwap .on a:visited, .imageSwap .on a:hover, .imageSwap .on a:active
{
    display: block; /*background: url(images/subNav_BG.jpg) repeat-y;*/
    background-position: -295px 0; /* this shifts the image over to the left "x-pos y-pos" */ /*font: bold 12px Arial, Verdana,  Helvetica, sans-serif;*/
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}

.imageSwap span
{
    padding: 0px 0px 0px 40px;
}

.imageSwap .subnavselected
{
    display: block;
    color: #ff0000;
    font-size: 10px !important;
    background: url(images/tertNav_BG.jpg) repeat-y !important;
    overflow: visible !important;
    padding: 5px 0 5px 15px !important;
    font-weight: normal;
}

.imageSwap .subnavselected2
{
    display: block;
    color: #000 !important;
    font-size: 10px !important;
    background: url(images/tertNav_BG.jpg) repeat-y !important;
    overflow: visible !important;
    padding: 5px 0 5px 15px !important;
    font-weight: normal;
}

div .tertiaryNav a.tertiaryNav:link, div .tertiaryNav a.tertiaryNav:visited
{
    display: block;
    font: bold 10px Arial, Verdana, Helvetica, sans-serif;
    background: url(images/tertNav_BG.jpg) repeat-y;
    color: #951100;
    text-decoration: none;
    overflow: visible;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

div .tertiaryNav a.tertiaryNav:hover, div .tertiaryNav a.tertiaryNav:active
{
    display: block;
    font: bold 10px Arial, Verdana, Helvetica, sans-serif;
    background: url(images/tertNav_BG.jpg) repeat-y;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

div .tertiaryNav a.tertiaryNavOn:hover, div .tertiaryNav a.tertiaryNavOn:active, div .tertiaryNav a.tertiaryNavOn:link, div .tertiaryNav a.tertiaryNavOn:visited
{
    display: block;
    font: bold 10px Arial, Verdana, Helvetica, sans-serif;
    background: url(images/tertNav_BG.jpg) repeat-y;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

div .quaternaryNav a.quaternaryNav:link, div .quaternaryNav a.quaternaryNav:visited
{
    display: block;
    font: bold 9px Arial, Verdana, Helvetica, sans-serif;
    background: url(images/tertNav_BG.jpg) repeat-y;
    color: #951100;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

div .quaternaryNav a.quaternaryNav:hover, div .quaternaryNav a.quaternaryNav:active
{
    display: block; /* background-position: -295px 0; /* this shifts the image over to the left "x-pos y-pos" */
    font: bold 9px Arial, Verdana, Helvetica, sans-serif;
    background: url(images/tertNav_BG.jpg) repeat-y;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

div .quaternaryNav a.quaternaryNavOn:hover, div .quaternaryNav a.quaternaryNavOn:active, div .quaternaryNav a.quaternaryNavOn:link, div .quaternaryNav a.quaternaryNavOn:visited
{
    display: block;
    font: bold 9px Arial, Verdana, Helvetica, sans-serif;
    background: url(images/tertNav_BG.jpg) repeat-y;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}


/* ----------------------- </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: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8px;
}
.clsVerdana_10
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
}
.clsVerdana_12
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}
.clsVerdana_14
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}
.clsVerdana_16
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
}
.clsVerdana_24
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 24px;
}





/* Modules */
.errorText
{
    color: #FF0000;
}

/* ShoppingCart */
.shoppingCart .tdSeperator
{
    width: 20px;
}

.shoppingCart .left
{
    white-space: nowrap;
    width: 200px;
}

/* -------- Document Library styling ---------------- */

.DocumentLibrary
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
    width: 95%;
}

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

.DocumentLibrary a:hover, .DocumentLibrary a:active
{
    font: bold 10px Arial, Verdana, 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 Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
}

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


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

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

.testimonials .colorBox
{
    /*background: #FFF;*/
    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 Arial, Verdana, Helvetica, sans-serif; /*color: #000000;*/
    text-decoration: none;
}

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

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

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

/* testimonials Detail */

.testimonials .detail
{
    font: 10px Arial, Helvetica, sans-serif; /*color: #000000;*/
}

.testimonials .detail .colorBox
{
    /*background: #EDE1F5; */
    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 Arial, Verdana, Helvetica, sans-serif; /*color: #000000;*/
    text-decoration: none;
}

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

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

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

/* Style for .NET Menu -- 8/23/07 */
.NavMenu
{
}

.DropDownNav td, .DropDownNavHover td
{
    width: 225px;
    padding: 5px 10px 5px 0px;
    font: Verdana;
    font-size: 11px;
    font-weight: normal;
    padding-left: 15px;
}

.DropDownNav
{
    background-color: #B71500;
}

.DropDownNavHover
{
    background-color: #D01800;
}
.DropDownNavHover td
{
    color: #FFFFFF;
    background-color: #D01800; /*?*/
}
.DropDownNavHover a, .DropDownNav a
{
    text-decoration: none;
}

.DropDownNavHover a:hover,
.DropDownNavHover a:visited
{
    color: #000000;
}
.DropDownNavHover a
{
    color: #000000;
}

.DropDownNav a
{
    color: #fff1be;
}


#featuredStories
{
    clear: both;
    width: 100%;
    position: relative;
    background: url(images/bg_gallery.gif) top left no-repeat;
    padding-top: 20px;
}
#featuredStories > div
{
    height: 250px;
    overflow: hidden;
    width: 550px;
    position: relative;
    margin: 0 10px 0 23px;
}
#featuredStories .link-prev, #featuredStories .link-next
{
    overflow: hidden;
    position: absolute;
    top: 100px;
    width: 20px;
}
#featuredStories .link-prev
{
    left: 7px;
}
#featuredStories .link-next
{
    right: 7px;
}
/*
#featuredStories ul
{
    left: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 3500px;
}
#featuredStories ul li
{
    display: inline;
    float: left;
    width: 130px;
    padding:0 5px 0 5px;
    background:url(/App_Themes/reevesems/images/bg_vertical_line.gif) ;
    background-repeat:repeat-y;
    background-position:right top;
    height:250px;
    text-align:center;
	text-align:left;
}

#featuredStories p
{
	padding:0;
	

}*/
.flash_wrap
{
    height: 190px;
    width: 948px;
    background: url('/App_Themes/ReevesEMS/Images/no_flash_img_bkg.jpg') no-repeat left top;
}
.carousel
{
    background-image: url(/App_Themes/reevesems/images/bg_gallery.jpg);
    background-repeat: repeat-x;
    padding-top: 5px;
}
.jCarouselLite li
{
    overflow: hidden;
    float: left;
    width: 125px;
    height: 215px;
    background: url(/App_Themes/reevesems/images/bg_vertical_line.gif);
    background-repeat: repeat-y;
    background-position: right top;
    padding: 0 10px;
}
.jCarouselLite p
{
    padding: 10px 0px 5px 0px;
}

.div-prev
{
    position: absolute;
    margin-left: 0px;
    z-index: 100;
    margin-top: 125px;
}
.div-next
{
    position: absolute;
    margin-left: 590px;
    z-index: 100;
    background: #fff;
    width: 10px;
    padding-left: 0px;
    margin-top: 125px;
}

.bg-nav {
background:url(/App_Themes/reevesems/images/bg-nav.gif);
background-repeat:repeat-x;
}
