/* 
This style sheet is to hold any structural styles for the entire website when it is rendered on a PC / Laptop
Any classes in this style sheet should be named with the prefix structWeb.
NO classes in this style sheet should be used in any content within SiteCore!
*/

/***********************************START CSS RESET***********************************************/

    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
    { 
	    margin:0;
	    padding:0;
    }

    table 
    {
	    border-collapse:collapse;
	    border-spacing:0;
    }

    fieldset,img 
    { 
	    border:0;
    }

    address,caption,cite,code,dfn,em,strong,th,var 
    {
	    font-style:normal;
	    font-weight:normal;
    }

    ol, ul
    {
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0px;
        margin-bottom:0px;
    }

    ol.nolist, ul.nolist 
    {
	    list-style:none;
	    margin:0;
	    padding:0;
    }

    caption,th 
    {
	    text-align:left;
    }

    h1,h2,h3,h4,h5,h6 
    {
	    font-size:100%;
	    font-weight:bold;
    }

    q:before,q:after 
    {
	    content:'';
    }

    img,abbr,acronym 
    { 
        border:0;
    }

/************************************END CSS RESET************************************************/

/***********************************START DEFAULT STYLES***********************************************/

    body 
    {
	    /*background: url(../images/bg_interior.gif) repeat-x center 0; - Moved to Header */
	    margin: 0;
	    font-family: Arial, Helvetica, sans-serif;
    }

    body.home 
    {
	    background: url(/SiteImages/SiteLanding/SiteLandingBG.jpg) repeat-x center 0;
	    margin: 0;
	    font-family: Arial, Helvetica, sans-serif;
	    overflow-x: hidden;
    }

    a 
    {
	    outline:none;
	    color:#990000;
    }

    li 
    {
	    padding:0;
    }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a 
    {
	    text-decoration:none;
    }

    ul.nolist li, ol.nolist li
    {
	    list-style-type:none;
    }

    ol li 
    {
	    list-style-type:decimal;
    }

    a:hover, p a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover h6 a:hover, .utilites a:hover, #breadcrumbs a:hover 
    {
	    text-decoration:underline;
    }

/************************************END DEFAULT STYLES************************************************/


/* WRAPPERS
----------------------------------------------------------------------------- */

#wrapper {
	width: 100%;
	background: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
}

#wrapper_home {
	width: 100%;
	background: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/wrapper_bg.jpg) no-repeat center 503px;
}

/********************************START DEVELOPER CLASSES*************************************/

    .structWebBody
    {
	    margin: 0 auto;
	    width: 936px;
	    padding:0px 12px 0px 12px;
    }

    .structWebFloatLeft
    {
        float:left;
    }

    .structWebFloatRight
    {
        float:right;
    }

    .structWebClearBoth
    {
        clear:both;
    }

    .structWebClearLeft
    {
        clear:left;
    }

    .structWebClearRight
    {
        clear:right;
    }
    
    .structWebIndent
    {
        margin-left:10px;
    }
    
    .structWebEmphasis
    {
        font-weight:bold;
    }
    
    .structWebAccent
    {
        font-style:italic;
    }
    
    .structWebError
    {
        font-weight:bold;
        color:#990000;
    }
    
    .structWebRegularText
    {
        font-size:12px;
        color:#333; /* Based off .ICMainContentContainer p, .ICListContainer p having same color */
    }
    
    .structWebSmallText
    {
        font-size:9px;
        color:#333; /* Based off .ICMainContentContainer p, .ICListContainer p having same color */
    }

    .structWebCenter
    {
        text-align:center;
    }  
    
/**********************************END DEVELOPER CLASSES**************************************/

/***********************************START INTERIOR PAGE CONTENT CLASSES***********************************************/
    
    .structWebContentContainer /* #content */
    {
	    width: 936px;
	    overflow:hidden;
	    margin:0;
	    /*NOTE: I added the following 3 styles so that text outside of <p> tags is not too large (Stump - 07/26/2011) */
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:12px;
	    color:#333;
        /*END Update*/
    }

    .structWebContentContainer h1 /* .content_twocol h1 */
    {
	    font-family:Georgia, "Times New Roman", Times, serif;
	    font-size:20px;
	    line-height: 26px;
	    color: #333;
	    font-weight: normal;
	    margin:0 0 15px 0;
    }

    .structWebContentContainer p /*.content_twocol p */
    {
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:12px;
	    line-height: 20px;
	    color:#333;
	    padding:0 0 15px 0;
	    clear: both;
    }
    
    .content_onecol 
    {
	    float:left;
	    width:210px;
	    padding:0 0 0 0;
    }
    
/************************************END INTERIOR PAGE CONTENT CLASSES************************************************/

/***********************************START BREADCRUMB CLASSES***********************************************/

    .structWebBreadcrumbContainer /* #breadcrumb */
    {
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:12px;
	    width: 912px;
	    color:#333;
	    overflow:hidden;
	    padding:9px 12px;
	    border-bottom: 1px solid #ccc;
	    margin:0 auto;
	    /* background: url(~/media/B634BF6DFC404757BF741BAFDFD70DC4.ashx) no-repeat 595px 8px; */
    }

    .structWebBreadcrumbContainer a /* #breadcrumb a */
    {
	    color:#333;
	    text-decoration: none;
    }

    .structWebBreadcrumbContainer a:hover /* #breadcrumb a:hover */
    {
	    color:#990000;
	    text-decoration: underline;
    }

    .structWebBreadcrumbContainer a.structWebBreadcrumbCurrentPage /* #breadcrumb a.current_page */
    {
	    color:#999;
	    text-decoration: none;
    }
    
    .structWebBreadcrumb /* Developer Added class */
    {
        max-width:565px;
        float:left;
    }
    
    .structWebTagline /* #tagline */
    {
	    float:right;
	    width: 330px;
	    padding: 0;
    }

    .structWebTagLinehomepage /* #tagline.homepage */
    {
	    float:right;
	    width: 330px;
	    padding: 8px 7px 0 0;
    }    

/************************************END BREADCRUMB CLASSES************************************************/

/***********************************START HEADER CLASSES***********************************************/

    /* HEADER WRAPPER CLASS */
    .structWebHeaderContainer
    {
        background-image:url(/SiteImages/SiteHeader/MainMenuBG.gif);
        background-repeat:repeat-x;
        background-position:left top;
    }

    .structWebHeader /*#header*/
    {
	    display: block;
	    width: 960px;
	    height: 69px;
	    margin: 0 auto;
	    padding: 0;
	    border: none;	
    }

    /* HEADER BRANDING CLASSES */
    .structWebHeaderBranding /*#branding */
    {
	    float:left;
	    height:56px;
	    padding:0 26px 0 24px;
	    margin: 5px 0 0 0;
	    width:132px;
    }

    .structWebHeaderBranding a /*#branding a */
    {
	    /*background:url(../images/logo.gif) no-repeat left top;*/
	    display:block;
	    height:56px;
	    /*text-indent:-9999px;*/
	    width:132px;
    }

    /* HEADER UTILITIES CLASSES */
    .structWebHeaderUtilities /*#utilities */
    {
	    float: right;
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:11px;
	    width: 500px;
	    color:#666;
	    overflow:hidden;
	    padding:8px 12px 0 0;
	    text-align:right;
    }

    .structWebHeaderUtilities a /*#utilities a */
    {
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:12px;
	    color:#666;
	    text-decoration:none;
    }

    .structWebHeaderUtilities a:hover /*#utilities a:hover */
    {
	    color:#000;
	    text-decoration:underline;
    }

    /* HEADER SEARCH CLASSES */
    .structWebHeaderSearch /*#search */
    {
	    float: right;
	    width: 300px;
    }

    .structWebHeaderSearch .structWebHeaderSearchContainer /*#search .container*/
    {
	    float: right;
	    height: 20px;
	    padding:10px 0 0 0;
    }

    .structWebHeaderSearch .structWebHeaderSearchQuery /*#search #query */
    { 
	    float: left;
	    background: url(/SiteImages/SiteHeader/SearchBox.gif) 0 0;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color: #666;
	    width: 204px;
	    height: 20px;
	    padding: 0 6px 0 6px;
	    margin: 0 0 6px 0;
	    border: none;
    }

    .structWebHeaderSearchButton /*button.goBtn */
    {
	    padding: 0;
	    margin: 0;
	    height: 20px; 
	    width: 22px;
	    font-size: 12px;
	    text-align: center;
	    text-transform: uppercase;
	    text-indent: -9999px;
	    background: url(/SiteImages/Buttons/WhiteMagnifyingGlass.gif) no-repeat 0 0; 
	    border: none;
	    cursor:pointer;
    }

    .structWebHeaderSearchButton:hover /*button.goBtn:hover */
    { /* the redundant class is used to apply the hover state with a script */
	    background-position: left bottom; 
    }    


    /* MAIN MENU CLASSES */
    .structWebMainMenu /*#navMain */
    {
	    height:31px;
	    padding:0;
	   margin: 0 auto 1px auto;/*0 0 1px 0;*/
	    width:960px;
    }

    .structWebMainMenuNav, .structWebMainMenuNav * /*#navMain .nav, #navMain .nav * */
    {
	    margin:			0;
	    padding:		0;
	    list-style:		none;
	    z-index: 9999;
    }
    
    .structWebMainMenuNav /* #navMain .nav */
    {
	    line-height:	1.0;
	    height:30px;
	    width:936px;
	    padding: 0 12px 0 12px;
    }
    
    .structWebMainMenuNav ul /* #navMain .nav ul */
    {
	    position:		absolute;
	    top:			-999em;
 	    width:			auto; /* left offset of submenus need to match (see below) */
 	    background: none;
	    margin: -31px 0 0 0;
	    padding-top:31px;
    }

    .structWebMainMenuNav ul li /* #navMain .nav ul li */
    {
	    width:			auto;
    }
    
    .structWebMainMenuNav li:hover /*#navMain .nav li:hover */
    {
	    visibility:		inherit; /* fixes IE7 'sticky bug' */
	    z-index:1000;
    }
    
    .structWebMainMenuNav li /* #navMain .nav li */
    {
	    float: left;
	    display: block;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height:30px;
	    color: #fff;
	    position: relative;
	    margin: 0;
	    padding: 0 22px 0 12px;
	    /*border-right: 1px solid #440000; Removed per Erin 7/11/2012*/
	    /*background:url(/SiteImages/Utility/WhiteArrowDown.gif) no-repeat right 13px; Removed Per Erin 7/11/2012*/
    }

    .structWebMainMenuNav li.structWebMainMenuNavFirst /*#navMain .nav li.first_main */
    {
	   /* border-left: 1px solid #440000; Removed Per Erin 7/11/2012*/
    }

    .structWebMainMenuNav a /* #navMain .nav a */
    {
	    color: #fff;
	    display:		block;
	    position:		relative;
	    text-decoration: none;
	    padding:0;
	    z-index:10000;
    }
    
    /* NOTE on Following Styles - sfHover class comes from Plugins.js, not any of our code, which is why the prefix was not adjusted */
    .structWebMainMenuNav li:hover ul, .structWebMainMenuNav li.sfHover ul /*#navMain .nav li:hover ul, #navMain .nav li.sfHover ul */
    {
        left: -1px;
	    top: 32px; /* match top ul list item height */
	    z-index: 9999;
    }
    
    .structWebMainMenuNav li:hover li ul, .structWebMainMenuNav li.sfHover li ul /* #navMain .nav li:hover li ul, #navMain .nav li.sfHover li ul */
    {
	    top:			-999em;
    }
    
    .structWebMainMenuNav li li:hover ul, .structWebMainMenuNav li li.sfHover ul /*#navMain .nav li li:hover ul, #navMain .nav li li.sfHover ul */
    {
	    left:			10em; /* match ul width */
	    top:			0;
    }
    
    .structWebMainMenuNav li li:hover li ul, .structWebMainMenuNav li li.sfHover li ul /* #navMain .nav li li:hover li ul, #navMain .nav li li.sfHover li ul */
    {
	    top:			-999em;
    }
    
    .structWebMainMenuNav li li li:hover ul, .structWebMainMenuNav li li li.sfHover ul /*#navMain .nav li li li:hover ul, #navMain .nav li li li.sfHover ul */ 
    {
	    left:			10em; /* match ul width */
	    top:			0;
    }

    .structWebMainMenuNav li li /* #navMain .nav li li */
    {
	    display: block;
	    border-right: none;
	    font-weight: normal;
	    width: 180px;
	    padding: 0;
	    margin: 0;
	    float: none;
	    background: url(/SiteImages/SiteHeader/DropDownMenuBG.png) no-repeat 0 0;
    }
    .ie7 .structWebMainMenuNav li li /* #navMain .nav li li */
    {
	    margin-top: -3px;
    }    
            
    .structWebMainMenuNavLastDropDown /* #navMain .nav li li.last_dropdown */
    {
        border-bottom: none; 
        background:url(/SiteImages/SiteHeader/DropDownMenuBG.png) no-repeat 0 bottom;
    }
    .ie7 .structWebMainMenuNavLastDropDown /* #navMain .nav li li.last_dropdown */
    {
        background:url(/SiteImages/SiteHeader/DropDownMenuBG.png) no-repeat 0 -54px; 
        margin-top: -3px;
    }

    .ie7 .structWebMainMenuNavFirstDropDown /* #navMain .nav li li.first */
    {
        margin-top: 0 !important; 
    }

    .structWebMainMenuNavLastDropDown a /* #navMain .nav li li.last_dropdown a */
    {
	    border-bottom: none;
    }
    
    .structWebMainMenuNav li li a /* #navMain .nav li li a */
    {
	    color: #fff;
	    line-height: 14px;
	    position: relative;
	    display: block;
	    padding: 7px 12px;
	    text-decoration: none;
	    text-indent: 0;
	    width: auto;
        border-bottom: 1px solid #ccc;
    }

    .structWebMainMenuNav li li a:hover /* #navMain .nav li li a:hover */
    {
        background: #000;
        color: #fff;
    }

    .structWebMainMenuNavLastDropDown a:hover  /* #navMain .nav li li.last_dropdown a:hover */
    {
        background:url(/SiteImages/SiteHeader/DropDownMenuBG.png) no-repeat -181px bottom;
    }

    .structWebMainMenuNav li.sfHover, .structWebMainMenuNav a:hover /* #navMain .nav li.sfHover, #navMain .nav a:hover */
    {
	    color: #fff;
	    cursor:pointer;
	    text-decoration:none;
    }
    
    /* this item not used until we needed a specially styled item for a 'category' in the top nav*/
    .structWebMainMenuNav li.structWebNavHead, .structWebMainMenuNav li.structWebNavHead:hover /*#navMain .nav li li.navhead, #navMain .nav li li.navhead:hover */
    {
	    width: 176px;
	    padding: 0 2px;
	    color: #ddd;
	    background: #000 url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right -22px;
	    border-bottom: 1px dotted #777;
    }
    
    .structWebMainMenuNav li.structWebNavHead a, .structWebMainMenuNav li.structWebNavHead:hover a /*#navMain .nav li li.navhead, #navMain .nav li li.navhead:hover */
    {
	    border-bottom: none;
    }
    
    .structWebMainMenuNav a.structWebIndent /* #navMain .nav li li a.indent */
    {
	    padding: 7px 12px 7px 22px;
    }
    
    
   /*this item used in conjunction with previous item - structWebNavHead - to keep the look the same for both the li item and the link item*/
     a.specialcategorynav:link
    {
	    color:#DDDDDD !important;
    }

     a.specialcategorynav:visited
    {
	    color:#DDDDDD !important;
    }
    
    
     a.specialcategorynav:hover 
    {
        color: #DDDDDD !important;
	    background: #000 url(/Siteimages/Utility/LeftNavGreyArrow.gif) no-repeat right -22px !important;
    }
    
    
/************************************END HEADER CLASSES************************************************/

/***********************************START FOOTER CLASSES***********************************************/

    .structWebfooter 
    {
	    width: 950px;
	    margin:0 auto;
	    overflow:hidden;
	    padding:10px 0 50px 1px;
	    clear:both;	   
    }

    /*#footer_home {
	    width: 950px;
	    overflow:hidden;
	    padding:10px 5px 50px 5px;
	    border-top: none;
    }*/

    .structWebfooter p {
	    float: left;
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:12px;
	    color:#666;
	    padding: 9px 0 0 0;
	    margin:0;
    }

    .structWebfooter a{
	    color:#666;
	    text-decoration: none;
    }

    .structWebfooter a:hover a:hover {
	    color:#990000;
	    text-decoration: underline;
    }

    /* SOCIAL MEDIA CLASSES */

    .structWebsocialmedia {
	    float: right;
	   
	    height: 30px;
    }

    .structWebsocialmedia a {
	    float: left;
	    display: block;
	    width: 30px;
	    height: 30px;
	    text-decoration: none;
	    margin: 0 5px 0 0;
	    padding: 0;
	   
    }
   
    .structWebsocialmedia a:hover
    {
        text-decoration: none;
        background-position: 0 bottom !important;
    }

/***********************************END FOOTER CLASSES*************************************************/

/***************************************FOLLOWING ARE FOR IPAD RENDERING OF HOME PAGE***************************************/
@media (min-device-width:1024px) and (max-width:1023px),
       screen and (max-device-width:1024px),
			 (max-device-width:480px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) 
{

    .structWebfooter 
    {
	    padding: 10px 5px 30px 5px;
    }  
}

@media (min-device-width:1024px) and (max-width:1023px),
       screen and (max-device-width:480px),
			 (max-device-width:480px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) 
{ 
    .structWebfooter 
    {
	    padding: 10px 5px 350px 5px;
    }  
}

/* * {
	transition: width .5s;
	-moz-transition: width .5s;
	-webkit-transition: width .5s;
}  */
/*********************************************END OF IPAD RENDERING OF HOME PAGE********************************************/