/* -------------------------- <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: 
	- 07/31/06 :: DAB
	- 06/22/09 :: Updated colors of link and hover states to #5a3d22 for new background color on site
	- 11/17/09 :: Updated size of font from 11px to 12px, in body and p

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

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none; /*color: #d6c98a;*/
}
.body
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #5a3d22;
    border: none;
    padding: 0;
    margin: 0;
    background-image: url(/App_Themes/Drash/images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #5a543a;
}
div
{
    padding: 0;
    margin: 0;
}
.container
{
    background: top left repeat-y url(/App_Themes/Drash/images/bkg_map.jpg);
    width: 944px;
    margin: auto;
    padding: 0 0 0 0;
}
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    border: none;
}
h1
{
    font-weight: bold;
    font-size: 14px;
    color: #f3ca10;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
h2
{
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
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: underline;
    color: #5a3d22 /*#f3ca10;#d6b40d;*/;
}
a:hover, a:active
{
    text-decoration: none;
    color: #5a3d22 /*#f3ca10; #d6b40d;*/;
}
/* ----------------------- <genClasses> --------------------------- */

.header
{
    width: 944px;
    padding: 0;
    margin: 0;
    position: relative;
}

.subheader
{
    width: 944px;
    padding: 0;
    margin: 0;
    position: relative;
    height: 180px;
}

.navigation
{
    width: 944px;
    padding: 0;
    margin: 0;
}
.content
{
    background: url(/App_Themes/Drash/images/bkg_map.jpg) top left repeat-y;
    width: 944px;
    padding: 0;
    margin: 0;
}
.map
{
    background: bottom left url(/App_Themes/Drash/images/bkg_map_bottom.jpg) no-repeat;
}
.contentwrap
{
    padding-bottom: 20px;
}
td.home_left_content
{
    width: 263px;
    margin: 0 0 0 0;
    padding: 0px 10px 0 10px;
    vertical-align: top;
}
td.home_left content p
{
    padding: 20px;
}
.home_cta_img
{
    padding-top: 10px;
}
td.home_mid_content
{
    width: 633px;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}
/*td.home_mid_content>div {
	background-color: #ebe5cf;
	margin-top: 10px;
	padding: 10px 0 10px 10px;
	height:145px;
}*/
.welcome-area
{
    background-color: #ebe5cf;
    margin-top: 10px;
    padding: 10px 0 10px 10px;
    height: 145px;
    overflow: hidden;
}
.home_mid_content p
{
    font: Verdana, Arial, Helvetica, sans-serif 30px;
    line-height: 16px;
}
.home_mid_content_subhead
{
    margin: 0px 0px 5px 0px;
}
td.home_right_content
{
    background: top left no-repeat url(images/bkg_home_right.jpg);
    width: 321px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
}
td.home_right_content p
{
    padding: 10px 0 0 30px;
    font: Verdana, Arial, Helvetica, sans-serif 11px;
    font-weight: bold;
    line-height: 16px;
    width: 250px;
    color: #fff;
}
td.home_right_content a:link, td.home_right_content a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #f3ca10;
}
td.home_right_content a:hover, td.home_right_content a:active
{
    font-weight: bold;
    text-decoration: underline;
    color: #f3ca10;
}
.home_right_content_subhead
{
    padding: 20px 0 0 30px;
}
.footer
{
    background: top left no-repeat url(images/footer.jpg);
    width: 941px;
    margin: 5px 0 30px 0;
    padding: 0;
}
.footer p
{
    padding: 10px 0 10px 0;
    font: Verdana, Arial, Helvetica, sans-serif 11px;
    color: #F3CA10;
}
.footer a
{
    color: #F3CA10;
}
/* ----------------------- </genClasses> --------------------------- */

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

.subbody
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    border: none;
    padding: 0;
    margin-top: 0; /*background: top left url(/App_Themes/Drash/images/sub_bg.jpg) repeat-x #5a543a;*/
    background-color: #00CCCC;
}
.subcontainer
{
    background: top left repeat-y url(/App_Themes/Drash/images/sub_bkg_map.jpg);
    width: 944px;
    margin: auto;
    padding: 0 0 0 0;
}
.subcontent
{
    background: top left no-repeat url(/App_Themes/Drash/images/sub_bkg_map_top.jpg);
    width: 944px;
    padding: 0;
    margin: 0;
}
.submap
{
    background: bottom left url(/App_Themes/Drash/images/sub_bkg_map_bottom.jpg) no-repeat;
    min-height: 600px;
    z-index: 2;
}
.subcontentwrap
{
    padding-bottom: 10px;
}
td.sub_left_content
{
    width: 270px;
    margin: 0;
    padding: 25px 0 0 14px;
    vertical-align: top;
}
td.sub_left content p
{
    padding: 20px;
}
td.sub_right_content
{
    width: 582px;
    margin: 0;
    padding: 25px 40px 0 55px;
    vertical-align: top;
    background-color: transparent;
    color: #5a3d22;
}
td.sub_right_content > div
{
    color: #000000;
    padding: 50px 0 0 55px;
}
.sub_right_content p
{
    padding: 10px 0 0px 0;
    font: Verdana, Arial, Helvetica, sans-serif 30px;
    line-height: 16px; /*	width: 525px; 	color: #d6c98a;*/
}
.sub_right_content h1
{
    padding-left: 35px;
    padding-bottom: 8px;
}
.sub_right_content h2
{
    padding-left: 35px;
}
.sub_right_content a:link, .sub_right_content a:visited
{
    font-weight: bold;
    text-decoration: underline;
    color: #5a3d22;
}
.sub_right_content a:hover, .sub_right_content a:active
{
    font-weight: bold;
    text-decoration: none; /*color: #f3ca10;*/
}
.sub_right_content_subhead
{
    padding: 20px 0 0 30px;
}
.navigationlist
{
    padding-top: 30px;
    font-weight: normal;
}
.navigationlist p
{
    padding: 0 0 5px 30px;
    font-weight: normal;
}
.navigationlist a:link, .navigationlist a:visited
{
    font-weight: normal;
}
.navigationlist a:hover, .navigationlist a:active
{
    font-weight: normal;
}
.subnav_header
{
    padding: 0px 0 10px 10px;
}
/* ----------------------- </Sub Page> --------------------------- */




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

.imageSwap
{
    margin: 0;
    padding: 0;
    width: 260px;
}
td .imageSwap a:link, td .imageSwap a:visited
{
    display: block;
    background: url(/App_Themes/Drash/images/subnav_bkg.jpg) no-repeat;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #7b6c33;
    text-decoration: none; /*width: 260px;*/
    margin: 0;
    padding: 0;
}
td .imageSwap a:hover, td .imageSwap .on a
{
    background: url(/App_Themes/Drash/images/subnav_bkg.jpg) no-repeat;
   background-position: -283px 0; /*  this shifts the image over to the left "x-pos y-pos" */
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none; /*width: 283px;*/
    margin: 0;
    padding: 0;
}
.imageSwap .on a:link, .imageSwap .on a:visited, .imageSwap .on a:hover
{
    background: url(/App_Themes/Drash/images/subnav_bkg.jpg) no-repeat;
    background-position: -283px 0; /* this shifts the image over to the left "x-pos y-pos" */
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none; /*width: 283px;*/
    margin: 0;
    padding: 0;
}
div .tertiaryNav a.tertiaryNav:link, div .tertiaryNav a.tertiaryNav:visited
{
    background: none;
    display: block;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    margin: 0;
    padding: 0 0px 0 50px; /*width:223px;*/
}
div .tertiaryNav a.tertiaryNav:hover, div .tertiaryNav a.tertiaryNav:active
{
    background: none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif; /*color: #f3ca10;*/
    text-decoration: none;
    margin: 0;
    padding: 0 0px 0 50px; /*width:233px;*/
}
.tertiaryNav a.tertiaryNavOn:link, .tertiaryNav a.tertiaryNavOn:visited, .tertiaryNav a.tertiaryNavOn:hover, .tertiaryNav a.tertiaryNavOn:active
{
    background: none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    margin: 0;
    padding: 0 0 0 50px; /*width:233px;*/
}
div.quaternaryNav a.quaternaryNav:link, div.quaternaryNav a.quaternaryNav:visited
{
    background: none;
    display: block;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    margin: 0;
    padding: 0 0px 0 45px; /*width:133px;*/
}
div.quaternaryNav a.quaternaryNav:hover, div.quaternaryNav a.quaternaryNav:active
{
    background: none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif; /*color: #f3ca10;*/
    text-decoration: none;
    margin: 0;
    padding: 0 0px 0 45px; /*width:133px;*/
}
.quaternaryNav a.quaternaryNavOn:link, .quaternaryNav a.quaternaryNavOn:visited, .quaternaryNav a.quaternaryNavOn:hover, .quaternaryNav a.quaternaryNavOn:active
{
    background: none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif; /*color: #f3ca10;*/
    text-decoration: none;
    margin: 0;
    padding: 0 0 0 45px; /*width:133px;*/
}
/* styling for dropdown menu */
td a:link, td a:visited
{
    /*color:#000000;*/
}
td a:hover, td a:active
{
    color: #000000;
}
/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap p
{
    padding: 8px 60px 8px 30px;
    margin: 0;
    text-transform: uppercase;
}
/* ---------------------------------------------------------------------------------- */

/* this activates a div to show up where ever it is needed */

.testBoxOff div
{
    display: none;
    background: #000;
}
.testBoxOn div
{
    display: block;
    background: #000;
    padding-bottom: 10px;
    padding-top: 2px;
}
/* this is the super-duper "rollOver" technique for 
creating dynamic third level subnavs with the same background images 7/08/06 */

.testBoxOn div a:link, .testBoxOn div a:visited
{
    display: block;
    background: url(/App_Themes/Drash/images/tertnav_bkg.jpg) no-repeat;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #342d13;
    text-decoration: none;
    width: 283px;
    margin: 0;
    padding: 0;
}
.testBoxOn div a:hover, .testBoxOn div a:active
{
    background: url(/App_Themes/Drash/images/tertnav_bkg.jpg) no-repeat;
    background-position: -283px 0; /* this shifts the image over to the left "x-pos y-pos" */
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #5a543a;
    text-decoration: none;
    width: 283px;
    margin: 0;
    padding: 0;
}
.testBoxOn div p
{
    padding: 5px 15px 0 65px;
    margin: 0;
    text-transform: none;
}
/* ----------------------- </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;
}
/* audio video style */
.activeTab a:link, .activeTab a:visited
{
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline; /*color: #f3ca10;*/
    color: #b39609;
}
.activeTab a:hover, .activeTab a:active
{
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #f3ca10;
}
a.test:visited, a.test:link, a.test:hover
{
    color: #f3ca10 !important;
}
.LabelField
{
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    color: #000000;
}
.ContentField
{
    text-align: left;
    vertical-align: top;
}
a.DownloadMediaLink:link, a.DownloadMediaLink:visited
{
    color: #f3ca10;
    text-decoration: underline;
}
a.DownloadMediaLink:hover, a.DownloadMediaLink:active
{
    color: #f3ca10;
    text-decoration: underline;
}
.ListAlternateRow
{
    padding-top: 1.5em;
}
/* end audio video style */


.button
{
    cursor: hand;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 150px;
    margin: 0;
    padding: 3px 4px;
    background: #EEEEEE;
    border: 1px solid #999;
}
.dataContainer
{
    /*background-color: #EEEEEE;*/
    border: solid 1px #000000;
    padding: 10px 10px 10px 10px;
}
.dropDownList
{
    width: 100%;
}
.gridView
{
    /*background-color: #EEEEEE;*/
    border: solid 1px #000000;
}
.gridView
{
    text-align: left;
}
.labelText
{
    /*background-color: #EEEEEE;*/
    border: solid 1px #000000;
    font-style: italic;
}
.textBox
{
    width: 100%;
}
.valueText
{
    font-weight: bold;
}
/* Careers */
.careers caption
{
    font-family: "Times New Roman" , Times, serif;
    font-weight: bold;
    font-size: 18px;
}
End Default styles /* Style for .NET Menu -- 8/23/07 */ .NavMenu
{
}
.DropDownNav, .DropDownNavHover
{
    width: 225px;
    padding: 5px 10px 5px 0px;
}
.DropDownNav
{
    background-color: #161107;
}
.DropDownNavHover
{
    background-color: #948240;
}
.DropDownNavHover td
{
    color: #FFFFFF;
    background-color: #948240; /*?*/
}
.DropDownNavHover a, .DropDownNav a
{
    font: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 15px;
}
.DropDownNavHover a:hover
{
    color: #000000;
}
.DropDownNavHover a
{
    color: #000000;
}
.DropDownNav a
{
    color: #fff1be;
}
#search-box
{
    position: absolute;
    left: 725px;
    top: 297px;
    font-weight: 500;
    padding: 0 10px 0px 0px;
}
#search-box a, #search-box a:active, #search-box a:link, #search-box a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: White;
}
.email
{
    background: url(/App_Themes/Drash/Images/Email_signup_bkg.png) no-repeat;
    padding: 35px 5px 20px 10px;
    margin: 10px 0px 0px 1px;
    width: 260px;
}
.email p
{
    margin-bottom: 16px;
}
.carousel
{
    background: url(/App_Themes/Drash/Images/featuredStories_bkg.png) repeat-x;
    padding-top: 20px;
    margin-top: 12px;
}
.jCarouselLite li
{
    overflow: hidden;
    float: left;
    width: 130px;
    height: 315px;
    background: url(/App_Themes/drash/images/bg_vertical_line.gif);
    background-repeat: repeat-y;
    background-position: right top;
    padding: 0 14px 0 8px;
}
.jCarouselLite p
{
    padding: 5px 0px 0px 5px;
}
.flash
{
    position: absolute;
    left:0px;
    top:44px;
}
.flash_wrap
{
    background: url('/App_themes/drash/images/no_flash_bkg.jpg') no-repeat left top;
    height: 281px;
    width: 942px;
}
.div-prev
{
    position: absolute;
    margin-left: 0px;
    z-index: 100;
    margin-top: 61px;
}
.div-next
{
    position: absolute;
    margin-left: 618px;
    z-index: 100;
    width: 15px;
    padding-left: 0px;
    margin-top: 61px;
}
.go_button
{
    padding-top: 4px;
}