﻿/* 
 * COLORS
 *
 * Orange              - #f26322
 * Top Blue Nav        - #14647D
 * Side bar Blue       - #134F6E
 * Footer Blue         - #13637C
 *
 * Z-INDEX Levels
 *
 * 5 - #MSOTlPn_MainTD
 * 5 - #navbar_links
 * 7 - #s4-DOTD-middle .s4-status-s1
 * 2 - #logoSwoosh
 * 2 - #swoosh_notch
 * 2 - #footer-fixed
 * 1 - #navbar_dropdown
 * 1 - #divInside_LaDOTD Menu_Text, #divBusiness Menu_Text, #divGovernment Menu_Text, #divResidents Menu_Text
 * 0 - #s4-leftpanel
 * 0 - #navbar_Blue
 * 0 - #navbar
 * 0 - #DOTD-content-Outer
 * -100 - #divContentAreaWhiteSpace
*/
/*
 * To change the topbanner to another size, change these style classes
 *
 *		#navbar_dropdown
 *      .Menu_Text
 *      .cycle-slideshow img
 *      #DOTD_TopBanner
 *      #divDOTD_NewsBanner
 *      .divTopImageBanner
 *      .imgTopImageBanner
 *
 * ... and change this function in sp_homepage_adjustments.js
 *      AdjustForBanner 
 *
 */
/* hide body scrolling (SharePoint will handle) */
html, body {
     padding: 0px ;
     margin: 0px;
     _padding: 0px 1px;
/*
     _height:100%;
     min-height: 600px;
     _height:100%;
         _overflow: hidden;
*/
}
html 
{
     _overflow: hidden;
    overflow: hidden;
    background-color: #a5c4d2;
    background-repeat: repeat-y;
    background-position: center top;
    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);
    _height: 100%;
    height: 100%;
/*
    overflow: visible;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
*/
}
body {
    background-color: #a5c4d2;
    background-repeat: repeat;
    background-position: center top;
    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);
    width: 100%;
	margin: 0px;
	padding: 0px 1px;
    overflow:auto;
    overflow-y: auto;
    height: 100%;
/*
    min-height: 500px;
*/
}
/* fix scrolling on list pages */
#s4-bodyContainer {
	position: relative;
    }
.body_2col_950  {   background-image:url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);  }
.body_1col_950  {   background-image:url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);  }
.body_2col_950_shift  {   background-image:url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);  }
.body_1col_950_shift  {   background-image:url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);  }
.body_2col_full {   
    background-image:url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);
    background-position: left top !important;
    background-repeat: repeat-y !important;
}
.body_1col_full, .spbody_1col_full {
    background-image:none; 
    background-color: white; 
}
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
	background:#F2F2F2;
    }

/* if you want to change the left nav width, change this and the margin-left in .s4-ca */
body #s4-leftpanel {
	width:215px;
	background: url(https://wwwapps.dotd.la.gov/style2013/images/left-side-swoosh-bg.png) #105774 no-repeat left top;
	background-color: #134f6e;
    }		
/* div area scroll bars turned off */
.ms-wpContentDivSpace
{
    overflow: visible !important;
}
/* body area normally has a white background */
.s4-ca {
/*
	background:transparent none repeat scroll 0 0;
*/
	margin-left: 215px;
	overflow: visible;
    }	
#s4-bodyContainer { 
	width: 950px !important; 
	margin-left:auto; 
	margin-right:auto; 
	}
.s4-ql a.selected {
    background: none;
}
/* Aligns the Top Bars */
.ms-cui-ribbonTopBars { 
/*
	width: 950px !important; 
*/
   	margin-left:auto; 
	margin-right:auto;
    overflow: visible;

}   
/* Turns off the border on the bottom of the tabs */
.ms-cui-ribbonTopBars > div { 
	border-bottom:1px solid transparent 
	!important; 
	}
body #s4-workspace, body .s4-workspace
{
/*
    height: 100% !important;
*/
    margin: 0px auto;
    overflow: visible;
    overflow-y: scroll;
}
.s4-workspace {
    background-color: White;
  	background-image:url(https://wwwapps.dotd.la.gov/style2013/images/background_page.png);
}
.s4-ql UL.root {
	margin-top: 50px;
	}
.s4-ql UL.root > li > .menu-item {
	color: #f2f2f2;
	font-family: Arial;
	font-size: 10pt;
	line-height: 1.5;	
	}
#MSOTlPn_MainTD 
{
    position: absolute;
    right: -200px;
    z-index: 5;
}
#tdBottomRightZone
{
    border-left: #0099cc 2px solid;
    padding-left: 15px;
    padding-top: 0px;
}
    #tdBottomRightZone ul
    {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
    }
    #tdBottomRightZone li
    {
        list-style-image: none;
        list-style-type: none;
        margin: 0px auto 10px 0px !important;
        padding-left: 0px;
    }
    #tdBottomRightZone li a
    {
        font-family: Tahoma, Verdana, Segoe, sans-serif;
        font-size: 12px !important;
        font-weight: bold !important;
        color: #13637c !important;
    }
    #tdBottomRightZone .ms-rteElement-P
    {
        color: #576170;
        font-weight: bold;
        font-family: Tahoma, Verdana, Segoe, sans-serif;
        font-size: 15px;
    }

/********************************************************************
*
* SharePoint Only
*
********************************************************************/
#s4-DOTD-middle .s4-status-s1
{
    position: absolute;
	top: 142px;
	z-index: 7;
}
#s4-DOTD-middle
{
	top: 128px; 
	position: relative;
	height: auto;
	background-color: transparent;
}
#s4-statusbarcontainer
{
    top: 0px;
	z-index: 7 !important;
}
#pageStatusBar
{
    position: absolute;
    top: 0px;
	z-index: 7 !important;
}
.menu-vertical ul
{
    margin-left: 15px;
}
/********************************************************************
*
* Basic Master
*
********************************************************************/
    .welcome-splash
    {
        display: none;
    }
#Outer_TopBar
    {
        position: static; 
        margin: 0px auto;
    }
		#topbar
		{
		    position: absolute;
		    top: 0px;
		    left: 0px;
		    width: 100%; 
		    display:block; 
		    height: 128px; 
		    padding-bottom: 2px;
		}
		#logoSwoosh 
		{
            background-color: White;          
		    height: 107px;
		    left: 0px;
            margin-left: 10px;
            -moz-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.49); -webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.49); box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.49);
            padding-left: 26px;
            padding-top: 10px;
		    position: absolute;
		    text-align: left;
		    top: 0px;
		    width: 185px;
		    z-index: 2 !important;
/*
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/LaDOTD-banner_WhiteSwoosh.png);
		    background-repeat: no-repeat;
*/
		}
/*
        #logoSwoosh_right
		{
		    position: absolute;
		    top: 0px;
		    left: 215px;
		    z-index: 0;
		    background-repeat: no-repeat;
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/LaDOTD-banner_WhiteSwoosh_right.png);
		    height: 128px;
		    width: 216px;
			}
*/
		#SiteLogo
		{
			width: 160px;
			left: 30px;
/*
			top: 20px;
*/
		}
		#topNavbar
		{
		    position: absolute;
		    top: 2px;
		    right: 5px;
		    width: 950px;
		    height: 26px;
		    padding-top: 1px;
		    display:block;
		    vertical-align: middle;
		}
		#topNavbar a 
		{
		    padding-top: 3px; 
		    padding-right: 10px; 
		    display:inline; 
		    float: right;
            font-family: Sans-Serif, Arial;
		    font-size: 7.5pt;
		}
		#topNavbar a:link, #topNavbar a:visited 
		{
		    color: #3c4c54;
		    text-decoration: none;
		}
		#topNavbar a:hover, #topNavbar a:active
		{
		    color: Blue;
		    text-decoration: underline;
		}
		#SocialIcons { 
		    display:inline; 
		    float: right;
		    margin-right: 10px;
		    margin-top: 0px;
		    padding-top: 0px;
            width: 90px;
		}
		#SocialIcons a{ 
		    padding-right: 5px; 
		    display:inline; 
		    float: right;
		    margin-top: 0px;
		    padding-top: 0px;
		}
        #TopBar_SearchBar, #Search_and_MyDOTD
		{
		    position: absolute;
		    top: 27px;
		    right: 0px;
		    width: 950px;
		    height: 35px;
		    padding-top: 1px;
		    display:block;
		    vertical-align: middle;
		}		
		#SearchButton 
		{
		    position: absolute;
            right: 115px;
		    bottom: 10px;
		    width: 36px;
		    height: 27px;
		}
		#SearchField 
		{
		    position: absolute;
            right: 150px;
		    width: 345px;
		    height: 35px;
		    background-position: left;
		    background-repeat: no-repeat;
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/LaDOTD-banner_SearchInput.png);
		}
		#SearchField input
		{
            font-family: sans-serif, Verdana, Arial;
		    font-size: 9pt;
		    color: #999999;
		    border: none;
		    height: 14px;
		    width: 325px;
		    padding-top: 1px;
            padding-bottom: 2px;
		    margin-left: 15px;
		    margin-top: 6px;
		}
		#TopBar_MyDOTD
		{
		    position: absolute;
		    right: 15px;
		    bottom: 39px;
		    width: 86px;
		    height: 26px;
		}
		#TopBar_MyDOTD a 
		{
		    display:inline; 
		    float: right;
		    margin-top: 0px;
		    padding-top: 0px;
		}
		.NavigationBar_Blue 
		{
		    color: #f2f2f2;
		    background-color: #14647d;
		    font-family: Arial;
		    font-size: 9pt;
		    font-weight: bold;
		}
		#navbar_Blue
		{
		    position: absolute;
		    bottom: 41px;
		    right: 103px;
		    width: 479px; 
		    height: 24px;
            padding-left: 12px;
		    background-color: transparent; 
		    background-repeat: no-repeat;
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/navbar_blue.png);
		    z-index: 0;
		}
		#navbar_Blue a
		{
		    color: #f2f2f2;
/*
    		    font-family: Arial;
*/
            font-family: sans-serif, Verdana, Arial;
		    font-size: 9pt;
		    font-weight: bold;
		    display:inline; 
		    float: left;
		    margin-top: 0px;
		    padding-top: 4px;
		    padding-left: 11px;
		    padding-right: 11px;
		}
		#navbar_Blue a:link, #navbar_Blue a:active, #navbar_Blue a:visited, #navbar_Blue a:hover
		{
		    text-decoration: none;
		}
		#navbar_Blue a:hover
		{
		    text-decoration: underline;
		    color: Yellow;
		}
        /********************************************************
        *
        *   Main Navigation Menu
        *
        *********************************************************/
		#divInside_LaDOTD, #divBusiness, #divGovernment, #divResidents {
			overflow: hidden;
			border: none;
			display: none;
			}
		#aInDOTD hover + #divInside_LaDOTD {
			display:inline;	
		}
		#divInside_LaDOTD .Menu_Text, #divBusiness .Menu_Text, #divGovernment .Menu_Text, #divResidents .Menu_Text{
			position: absolute;
			border: none;
			top: 0px;
			right: 0px;
			width: 100%;
			height: 100%;
			overflow: hidden;
			text-align: left;
			z-index: 1;
		}
		#navbar_dropdown{
            position: absolute;
			font-family: Arial;
			font-size: 11.5pt;
			color: white;
			top: 128px;
			right: 0px;
			height: 240px;
			width: 100%;
			overflow: hidden;
			border: none;
			z-index: -1;
		}
		#navbar_dropdown img
		{
		    margin-right: 8px;
		    margin-top: 2px;
		}
		#navbar_dropdown a, #navbar_dropdown a:link, #navbar_dropdown a:visited {
			font-family: Arial;
			font-size: 11.5pt;
			color: white;
			font-weight: bold;
		}
		#navbar_dropdown a:hover, #navbar_dropdown a:active {
			font-family: Arial;
			font-size: 11.5pt;
			color: Yellow;
			font-weight: bold;
		}

		.Menu_Text {
			height: 240px;
			width: 100%;
			color: #f2f2f2;
            text-align: right;
/*		    opacity: .8;
*/		    background-color: orange; 
		    overflow: hidden; 
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/Home-Nav_background_950x240.png);
		}
		#navbar
		{
		    position: absolute;
		    bottom: 2px;
		    right: 0px;
		    width: 100%; 
		    height: 41px;
		    background-color: Orange; 
		    background-repeat: repeat-x;
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/background_MainNavigation.png);
		    z-index: 0;
		}
		#navbar_links {
			position: absolute;
		    bottom: 0px;
		    right: 0px;
		    width: 100%; 
		    display: block; 
		    height: 41px;
		    font-family: Arial;
		    z-index: -1;
		}
		#button_Residents
		{
		    position: relative;
            float: right;
		    height: 41px;
		    z-index: 4;
		}
		#button_Business
		{
		    position: relative;
            float: right;
		    height: 41px;
		    z-index: 4;
		}
		#button_Government
		{
		    position: relative;
            float: right;
		    height: 41px;
		    z-index: 4;
		}
		#button_Inside_LaDOTD
		{
		    position: relative;
            float: right;
		    height: 41px;
		    z-index: 4;
		}
        .navbar_SubLink
        {
		    font-size: 9pt;
            font-weight: normal; 
        }
        /********************************************************
        *
        *   Portal Menu
        *
        *********************************************************/
        #divPortalMenu
        {
            position: absolute;
            top: 1px;
            right: 6px;
            width: 105px;
            height: 103px;
			overflow: hidden;
			border: 1px solid #666666;
			display: none;
            z-index: 50;
            background-color: #f26322;
            padding-top: 2px;
        }
        #divPortalMenu ul
        {
            list-style-type: none;
            list-style: none;
            margin: 0px;
            padding: 0px;
            width: 100%;
        }
        #divPortalMenu li
        {
            margin-left: 0px;
            padding-left: 15px;
            padding-bottom: 4px;
            width: 100%;
            height: 16px;
        }
        #divPortalMenu .ListHighlight_on
        {
            background-color: #f0f0f0;
        }
        #divPortalMenu .ListHighlight_off
        {
            background-color: #f26322;
        }
        #divPortalMenu a:link, #divPortalMenu a:visited
        {
            width: 100%;
            text-align: left;
            color: White;
            font-family: Sans-Serif, Arial;
            font-weight: bold;
            font-size: 11px;
            text-decoration: none;
        }
        #divPortalMenu a:hover, #divPortalMenu a:active
        {
            width: 100%;
            text-align: left;
            color: Blue;
            font-family: Sans-Serif, Arial;
            font-weight: bold;
            font-size: 11px;
            text-decoration: none;
        }
        #divPortalMenu_JustText
        {
            width: 115px;
            height: 20px;
            display: inline;
            cursor: col-resize;
        }

		#DOTD-content-Outer
		{
		    position: absolute; 
		    top: 0; 
		    left: 215px; 
		    width: 735px; 
		    height: auto; 
		    overflow: scroll;
		    z-index: 0;
		}
		#s4-DOTD-middle
		{
			background-color: #FFFFFF;
            background-repeat: no-repeat;
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/main-body-top-swoosh.png);
            background-position: right top;
		}
		#s4-DOTD-content
		{
            background-repeat: no-repeat;
			background-image: url(https://wwwapps.dotd.la.gov/style2013/images/grey-bottom-swoosh-bg.png);
            background-position: left bottom;
/*
			min-height: 400px;
*/
			padding: 3px 5px 0px 5px;
            width: 725px;
		}
        #s4-DOTD-content img
        {
            border: none;
        }
		.ms-WPTitle, h1, .ms-rteElement-H1, h2,  .ms-rteElement-H2, h3, .ms-rteElement-H3, .localHeader, .localHeader a:link, .localHeader a:visited, .localHeader a:hover,
		.ms-standardheader
			{
			color:  #F17D41;
			font-family: Arial;
			font-weight: 600;
			}
		h1, h2, .ms-rteElement-H1
			{
			color:  #F17D41;
			font-family: Tahoma, Verdana, Segoe, sans-serif;
            font-size: 13pt;
			font-weight: bold;
			}
    .ms-WPTitle a:link, .ms-WPTitle a:active, .ms-WPTitle a:visited, .ms-WPTitle a:hover
    {
		color:  #F17D41;
		font-family: Arial;
		font-size: 11.5pt;
    }
    .ms-WPTitle a:active, .ms-WPTitle a:hover
    {
		text-decoration: underline;
		color: #0072bc;
    }
    #s4-DOTD-content a:link, #s4-DOTD-content a:visited,
    #s4-DOTD-content li a:link, #s4-DOTD-content li a:visited,
    .ms-WPBody A:link, .ms-WPBody a:link, .ms-WPBody A:visited, .ms-WPBody A:visited,
    .ms-WPBody li a:link, .ms-WPBody li a:active, .ms-WPBody li a:visited, .ms-WPBody li a:hover{
        font-size: 10pt;
        font-weight: bold;
        color: #2c98df;
        text-decoration: none;
    }
    #s4-DOTD-content a:active, #s4-DOTD-content a:hover,
    #s4-DOTD-content li a:active, #s4-DOTD-content li a:hover,
    .ms-WPBody A:active, .ms-WPBody a:active, .ms-WPBody A:hover, .ms-WPBody a:hover,
    .ms-WPBody li A:active, .ms-WPBody li a:active, .ms-WPBody li A:hover, .ms-WPBody li a:hover
    {
        font-size: 10pt;
        font-weight: bold;
        color: blue;
        text-decoration: underline;
    }
    a.contacts_anchor:link, a.contacts_anchor:visited
    {
        font-size: 10pt;
        font-weight: bold;
        color: #1a5b92 !important;
        text-decoration: none;
    }
    a.contacts_anchor:hover, a.contacts_anchor:active
    {
        font-size: 10pt;
        font-weight: bold;
        color: blue !important;
        text-decoration: none;
    }
/***************************************************
 *  Home page promo signs on blue swoosh
 ***************************************************/
    #divBlueSwoosh
    {
/*
        visibility:hidden; 
*/
        display: none;
        position: absolute; 
        background-image: url(https://wwwapps.dotd.la.gov/style2013/images/blue-swoosh-bg.png);
        background-color: white;
        top: 368px; 
        height: 147px; 
        width: 950px;
        z-index: 1;
        overflow: hidden;
    }
    #divPromoButtonList
    {   
        width: 950px;
        left: 0px;
        top: 0px;
        height: 147px;
        display: inline;
    }
    .PromoButton
    {
        display: inline; 
        margin-left: 60px; 
        margin-top: 20px;
        cursor: pointer;
    }
/***************************************************
 *  SharePoint Content Area - Hidden Metadata Panel Style
 ***************************************************/
    .company-hiddeninfo{ 
        background-image: url(/_layouts/images/contentFooter.png); 
        background-position: top left; 
        background-repeat: repeat-x; 
        border: 2px #4e648a dashed; 
        border-top: 8px #4e648a solid; 
        background-color: #EEE; 
        padding: 10px; 
        margin-bottom: 20px; 
        width: 600px; 
        margin: auto; 
    } 
    .company-hiddeninfo-label{ 
        font-family: Arial, sans-serif !important; 
        font-size: 20px; 
        color: #4e648a; 
        font-weight: bold; 
        padding: 5px 0px 10px 8px; 
        text-align: left !important; 
    } 
    .company-hiddeninfo-notrequired, 
    .company-hiddeninfo-required{ 
        padding: 3px 0px 3px 0px; 
    } 
    .company-hiddeninfo-notrequired .ms-formfieldcontainer{ 
        border-left: 3px transparent solid; 
    } 
    .company-hiddeninfo-required .ms-formfieldcontainer{ 
        border-left: 3px #F00 solid; 
    } 
    .company-hiddeninfo .ms-formfieldvaluecontainer{ 
        background-color: #FFF; 
    } 
/***************************************************
 *  SharePoint / ASP.Net combined styles
 ***************************************************/
.center
{
    text-align: center;
}				
.left
{
    text-align: left;
}				
.right
{
    text-align: right;
}				
.justify
{
    text-align: justify;
}				
h1, h2, h3, h4, h5, h6 
    {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    }
h1, #Content h1, #s4-DOTD-content h1 { color: #f26322; font-size: 20px; font-weight: normal; line-height: 20px; }
h2, #Content h2, #s4-DOTD-content h2 { color: #f26322; font-size: 11pt; }
h3, .ms-rteElement-H3, .localHeader, #Content h3, #s4-DOTD-content h3 { color: #f26322; font-size: 11pt; }

h4, h5, h6,
#Content h4, #s4-DOTD-content h4, #Content h5, #s4-DOTD-content h5, #Content h6, #s4-DOTD-content h6
	{
	color:  #404040;
	font-weight: 600;
	font-size: 10pt;
	}
/*
#Content h3, #s4-DOTD-content h3
    {
    color: #f26322;
    font-weight: normal;
    font-size: 14pt;
    font-family: Tahoma;
    margin-bottom: 8px;
    }
#Content h4, #Content h5, #s4-DOTD-content h4, #s4-DOTD-content h5
    {
    color: #666666;
    font-weight: normal;
    font-size: 13pt;
    font-family: Verdana;
    font-variant: small-caps;
    }
*/
#Content 
{
    clear: both;
}
#Content, #Content p, #s4-DOTD-content, #s4-DOTD-content p, .ms-WPBody, .ms-WPBody p
    {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
    }
#s4-DOTD-content td, #Content td, .ms-WPBody td
    {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
    vertical-align: top;
    }
#divContentAreaWhiteSpace 
{
	position: absolute;
	background-color: white;
	height: 1000px;
	z-index: -100;
		}
#s4-DOTD-content ul, .ms-WPBody ul
{
    border-collapse: collapse;
    list-style-type: square;
    list-style-image: url(https://wwwapps.dotd.la.gov/style2013/images/breadcrumbs_arrow.png);
    list-style-position: outside;
    page-break-before: avoid;
    text-align: left;
}
#s4-DOTD-content li, .ms-WPBody li,#Content li
{
    margin: 0px auto 10px -25px;
}
/***************************************************
 *  SharePoint / ASP.Net combined Footer styles
 ***************************************************/
#outerFooter {
/*
        bottom:0;                                                       
    position:fixed;                                                 
    z-index:500;                                                    
    _position:absolute;                                             
    _top:expression(eval(document.documentElement.scrollTop+        
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:30px; 
    width: 100%;                                                   
			margin-left: -9px !important;
			margin-right: -9px !important;
*/
    clear: both;
    display: inline-block;
			position: relative;
			height: 30px;
			width: 100%;
    }
#footer-fixed {
	background-color: #0f4a5d;
	color: #f0f0f0;
	font-family: Arial;
	font-size: 7.5pt;
	text-align: left;
	position: relative;
	width: 950px; 
	height: 30px;
	overflow: visible;
	z-index: 2;
    margin: 1px auto 0px auto !important;
/*
*/
		}
		#innerFooter {
			position: relative;
			clear: both;
			display: inline;
		}
		#innerFooter .footer_sitemap_closed
		{
			position: relative;
			display: inline;
			float: left;
			width: 200px;
            height: 15px;
			margin-top: 10px;
		    background-repeat: no-repeat;
		    background-position: 4px 2px;
		    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/home_footer_arrow_right.png);
		    padding-left: 12px;
			text-align: left;
		}
		#innerFooter .footer_locationinformation
		{
			position: relative;
			display: inline;
			float: right;
			width: 700px;
			padding-top: 10px;
			padding-right: 8px;
			text-align: right;
		}
		#innerFooter a
		{
		    color: #f2f2f2;
		    text-decoration: none;
		}
		#innerFooter a:hover, #innerFooter a:active
		{
		    text-decoration: underline;
		}
		#innerFooter .footer_orange
		{
		    color: #f26322;
		}
#Content .MyDOTD_Release_date
{
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: 0px;
}
#Content .MyDOTD_Release_bodycopy
{
    color: Black;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 16px;
    
}
/***************************************************
 *  SharePoint / ASP.Net combined LeftMenu styles
 ***************************************************/
#s4-leftpanel
{
	height: 100%;
	background-color: #134f6e;
	text-align: left;
	color: White;
    position: absolute;
    padding-top: 20px;
    z-index: 0;
}
#s4-leftpanel .LeftMenu, .LeftMenu
{
    text-align: left;
    padding: 18px  3px 8px 20px;
    color: #f2f2f2;
    font-family: Arial;
    font-size: 10pt;
    line-height: 1.5;
}
#s4-leftpanel .menu-item
{
    line-height: 20px;
    margin-left: 0px;
}
#s4-leftpanel td a, #s4-leftpanel td a:link, #s4-leftpanel td a:visited,
#s4-leftpanel li a, #s4-leftpanel li a:link, #s4-leftpanel li a:visited,
a.LeftMenu, a.LeftMenu:link, a.LeftMenu:active, a.LeftMenu:visited,
    .menu-item, a.menu-item, a.menu-item:link, a.menu-item:active, a.menu-item:visited
{
    color: #f2f2f2;
}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:visited,
    .menu-item, .menu-item a, .menu-item a:link, .menu-item a:active, .menu-item a:visited
{
    color: #f2f2f2;
}
#s4-leftpanel li a:hover, #s4-leftpanel li a:active,
#s4-leftpanel td a:hover, #s4-leftpanel td a:active,
a.LeftMenu:hover, a.menu-item:hover,
.LeftMenu a:hover, .menu-item a:hover
{
    color: Yellow;
}
a.linkstyle_bullet_email, a.linkstyle_bullet_email:link, a.linkstyle_bullet_email:visited, 
    #Content a.linkstyle_bullet_email, #Content a.linkstyle_bullet_email:link, #Content a.linkstyle_bullet_email:visited
{
    background-image: url(https://wwwapps.dotd.la.gov/style2013/images/email_dkgrey_bullet.gif);
    padding-left: 18px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
    height: auto;
    text-decoration: none;
    width: auto;
}
/***************************************************
 *  SharePoint Right Column style
 ***************************************************/
.ms-rte-layoutszone-outer
{
    border-left: 1px solid #14647d;
}
.ms-rteElement-Hr
{
    background-color: #f26322;
    border: none;
}
/***************************************************
 *  Home page news banner  - cycle2 -
 ***************************************************/
    #DOTD_TopBanner
    {
        visibility:hidden; 
        position: absolute; 
        top: 128px; 
        height: 240px; 
        width: 950px;
    }
    #divDOTD_NewsBanner
    {
         width: 950px; 
         height: 240px; 
         background-color: White; 
         overflow: visible;
         position: absolute; 
         top: 0px; 
         left: 0px;
    }
    #divDOTD_NewsBanner .cycle-slideshow, #divDOTD_NewsBanner .Rotator-Banner {
        position: absolute;
        width: 950px;
        height: 240px;
        overflow: hidden !important;
        z-index: 1;
        cursor: pointer;
    }
/***************************************************
 *  Home page scrolling signs on bottom of page
 ***************************************************/
    #divScrollingSigns
    {
        height: 72px;
        overflow: hidden;
        width: 900px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #divSmallSignRotator img, .Rotator-Ads img
    {
        margin: 6px 20px 6px 20px;
        cursor: pointer;
    }    
    #divScrollingSigns .cycle-slideshow, #divScrollingSigns .Rotator-Ads {
        position: absolute;
        width: 900px;
        height: 72px;
        overflow: hidden !important;
        z-index: 1;
        cursor: pointer;
    }
    .cycle-slideshow img, .Rotator-Banner img { 
        position: absolute; 
        top: 0; 
        left: 0;
        width: 950px;
        height: 240px;
        padding: 0; 
        display: block;
        z-index: 2 !important;
    }
    .cycle-title {
        font-size: 14px;
    } 
    .cycle-caption {
        position: absolute; 
        z-index: 4 !important;
        height: 80px;
        width: 100%;
        background-color: rgba(0,0,0,.5);
        bottom: 25px;  
        left: 10px; 
        line-height: 18px; 
        overflow: visible !important;
    } 
/*
.cycle-caption 
    { 
        position: absolute; 
        color: white; 
        bottom: 25px; 
        left: 10px;
        line-height: 18px; 
        z-index: 4; }
*/

/* overlay */
    .cycle-overlay  
    {
        background: url(https://wwwapps.dotd.la.gov/style2013/images/blue_square3.png) repeat;
        bottom: -10px; 
        height: 120px;
        left: 0px;
        line-height: 18px;
        margin-left: 10px;
        padding: 15px; 
        position: absolute; 
        vertical-align: middle;
        width: 350px; 
        z-index: 3 !important;
    }
/*
        background-image: url(https://wwwapps.dotd.la.gov/style2013/images/blue_square2.png);
        background-repeat: repeat;
        color: white; 
        font-family: Tahoma, Verdana, Segoe, sans-serif;
        font-size: 11px;
        background-repeat: repeat;
        padding: 8px 10px 8px 10px;
*/

    .cycle-navigation {
        bottom: 7px;
        position: absolute;
        z-index: 4 !important;
        left: 25px;
        height: 20px;
        width: 230px;
        font-family: sans-serif;
/*
        bottom: 48px;
        position: absolute;
        z-index: 4 !important;
        left: 14px;
        height: 20px;
        width: 230px;
*/
    }
    .cycle-pager {
        cursor: pointer;
        height: 20px;
        line-height: 18px;
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
    } 
    .cycle-pager span {
        display: inline-block;
        cursor: pointer;
        font-family: sans-serif;
        font-size: 36pt;
        height: 18px;
        vertical-align: bottom;
        line-height: 18px;
        width: 14px;
        text-align: center;
        color: #ddd;
        padding: 1px 1px 0px 1px;    
        margin-bottom: 0px;
        overflow: visible;
        width: 16px;
    }
    .cycle-pager SPAN.cycle-pager-active {
        color: #d69746;
    }
/*
    #cycle-prev, #cycle-next
    {
        display: inline-block;
        width: 20px;
        height: 16px;
    }
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
 */
/***************************************************
 *  Landing page banner
 ***************************************************/
    .divTopImageBanner
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 950px;
        height: 240px;
        overflow: visible;
    }
    .divTopImageBannerDescription
    {
        position: absolute; 
        bottom: -10px; 
        left: 10px;
        width: 350px; 
        height: 80px;
        padding: 8px 10px 8px 10px;
        z-index: 4;
        color: white; 
        padding: 15px; 
        background: url(https://wwwapps.dotd.la.gov/style2013/images/blue_square3.png) repeat;
/*
        opacity:  .35;
*/
    }
    .imgTopImageBanner
    {
        width: 950px;
        height: 240px;
    }
    .TopImageBannerDescriptionTitle
    {
        font-size: 30px;
        font-weight: bold;
        color: White;
        font-family: Tahoma, Verdana, Segoe, sans-serif;
        line-height: 14px;
        -webkit-font-smoothing: antialiased; 
        text-shadow: 1px 1px 1px rgba(256, 256, 256, 0.004);
    }
    .TopImageBannerDescriptionText
    {
        line-height: 16px;
        padding-top: 10px;
        color: White;
        font-size: 13px;
        font-weight: normal;
        font-family: Tahoma, Verdana, Segoe, sans-serif;
    }

/***************************************************
 *  Home page news
 ***************************************************/
    #Content .HomeNewsList li
    {
        margin-bottom: 20px;
    }
    .HomeNewsList
    {
        color: #333333 !important;
    }
    .HomeNewsList a:link, .HomeNewsList a:visited
    {
        color: #333333 !important;
        font-weight: bold;
        text-decoration: none;
    }
    .HomeNewsList a:hover, .HomeNewsList a:active
    {
        color: Navy  !important;
        font-weight: bold;
        text-decoration: underline;
    }
/***************************************************
 *  Contacts web part table style
 ***************************************************/
.table_data_1ds, td .table_data_1ds, th .table_data_1ds,
#Content .table_data_1ds, #Content td .table_data_1ds, #Content th .table_data_1ds
{
    vertical-align: top;
}
th .table_data_1ds, #Content th .table_data_1ds
{
    text-align: left;
}
/***************************************************
 *  Breadcrumbs and MyDOTD styles
 ***************************************************/
.ms-pagebreadcrumb, #SP_Breadcrumbs
{
    clear: both;
    width: 100%;
    float: left;
    height: 18px;
    font-family: Arial;
    font-size: 9pt !important;
    padding-left: 0px;
    padding-bottom: 10px;
}
#SP_Breadcrumbs a:link, #SP_Breadcrumbs a:active, #SP_Breadcrumbs a:visited, #SP_Breadcrumbs a:hover
{
    color: #0072bc;
    font-size: 9pt;
    font-family: Arial;
    padding-right: 6px;
    text-align: left;
}
#SP_Breadcrumbs a:active, #SP_Breadcrumbs a:hover
{
    text-decoration: underline;
    color: blue;
}
#SP_Breadcrumbs 
{
    font-family: Arial;
    font-size: 9pt !important;
}
#SP_Breadcrumbs a, #SP_Breadcrumbs a:link, #SP_Breadcrumbs a:visited,
.ms-pagebreadcrumb, .ms-pagebreadcrumb a, .ms-pagebreadcrumb a:link, .ms-pagebreadcrumb a:visited, .ms-pagebreadcrumb a:hover, .ms-pagebreadcrumb a:active 
    {
    font-size: 9pt !important;
    color: #666666 !important;
    text-decoration: none;
    }
.ms-pagebreadcrumb a, .ms-pagebreadcrumb a:link, .ms-pagebreadcrumb a:visited, .ms-pagebreadcrumb a:hover, .ms-pagebreadcrumb a:active, .ms-pagebreadcrumb > img
    {
    font-size: 9pt !important;
    color: #666666 !important;
    padding-right: 6px;
    }
.ms-pagebreadcrumb > img
    {
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    }
#SP_Breadcrumbs a:hover, #SP_Breadcrumbs a:active,
.ms-pagebreadcrumb a:hover, .ms-pagebreadcrumb a:active 
    {
    font-size: 9pt !important;
    color: Blue !important;
    text-decoration: underline;
    }
img.breadcrumb {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(http://wwwapps.dotd.la.gov/style2013/images/bread.gif) no-repeat;
  width: 17px; /* Width of new image */
  height: 15px; /* Height of new image */
  padding-left: 17px; /* Equal to width of new image */
  background-position: 4px 2px;
}

#MyDOTD_Breadcrumb_left
{
    display: inline;
    float: left;
    width: 300px;
    height: 18px;
}
#MyDOTD_Breadcrumb_right
{
    float: right;
    display: inline;
    width: 380px;
    height: 18px;
}
.MyDOTD_LoggedIn
    {
        display: inline;
        float: right;
        text-align: right;
        color: #666666;
    }
.MyDOTD_LoggedIn a, .MyDOTD_LoggedIn a:link, .MyDOTD_LoggedIn a:visited, .MyDOTD_LoggedIn a:hover, .MyDOTD_LoggedIn a:active 
    {
        display: inline;
        text-decoration: none;
        color: #666666;
    }
.MyDOTD_LoggedIn a:hover, .MyDOTD_LoggedIn a:active 
    {
        text-decoration: underline;
        color: Navy;
    }

/* SharePoint Ribbon adjustments */
.mystyleStyle-Bold
    {
    -ms-name:"Bold";   
    font-weight: bold; 
    } 
/* Add to Markup Styles Section */
h3.mystyleElement-Title   
    {   
    -ms-name:"Heading 3";   
    font-size: 30px;
    color: Green; 
    }
    .ms-ToolPaneOuter
    {
        position: fixed;
        top: 0px;
        right: 0px;
    }
    .ms-WPBorder
    {
        border: none;
    }
.CenterColumn_Row_alt
    {
        background-color: #F2F2F2; 
    }
/*********************************************************************
*
* DistrictParish_Menu
*
*
**********************************************************************/
        #pnlLogin 
        {
            width: 195px;
        }
        #menu_MyDOTD_DistrictParish
        {
            clear: both;
            font-family: Verdana;
            color: #f2f2f2;
            font-size: 10pt;
            width: 190px;
            padding-left: 23px;
        }
        .MyDOTD_DistrictParish_Header
        {
            color: #f26322;
            font-weight: bold;
            margin-bottom: 6px;
        }
        #menu_MyDOTD_DistrictParish ul
        {
            margin-top: 0px;
            margin-left: -20px;
        }
        #menu_MyDOTD_DistrictParish ul, #menu_MyDOTD_DistrictParish li
        {
            list-style-image: none;
            list-style-type: none;
            white-space: nowrap;
        }
        #menu_MyDOTD_DistrictParish li
        {
            height: 24px;
            color: #f2f2f2;
        }
        #menu_MyDOTD_DistrictParish a, #menu_MyDOTD_DistrictParish a:link, #menu_MyDOTD_DistrictParish a:visited, #menu_MyDOTD_DistrictParish a:active, #menu_MyDOTD_DistrictParish a:hover 
        {
            font-family: Verdana;
            font-size: 10pt;
            display: inherit;
            color: #f2f2f2;
            text-decoration: none;
        }
        #menu_MyDOTD_DistrictParish a:hover 
        {
            color: Yellow;
            text-decoration: underline;
        }
        