/* Main Nav Styles---------------------------------------------------------------------------------------------*/

#MainNavWrapper
{
    height: 51px;
}
#MainNavWrapper ul, #MainNavWrapper li
{
    margin: 0px;
    padding: 0px;
}
.ddsmoothmenu
{
    width: 737px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 10pt;
}
.ddsmoothmenu ul
{
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li
{
    position: relative; /*NEEDED in order for fly out to position correctly*/
    display: inline;
    float: left;
    cursor: pointer;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a
{
    display: block;
    height: 50px; /*DON'T NEED WHEN USING IMAGES IN MAIN NAV 	position:absolute;*/
    text-indent: -9999px;
}

li#MainNavItem1 a
{
    width: 123px;
    height: 51px;
    background-image: url(/Localization/S4KF/Templates/Images/Common/nav-about.jpg);
    background-repeat: no-repeat;
}
li#MainNavItem2 a
{
    width: 123px;
    height: 51px;
    background-image: url(/Localization/S4KF/Templates/Images/Common/nav-contactus.jpg);
    background-repeat: no-repeat;
}
li#MainNavItem3 a
{
    width: 123px;
    height: 51px;
    background-image: url(/Localization/S4KF/Templates/Images/Common/nav-news.jpg);
    background-repeat: no-repeat;
}
li#MainNavItem4 a
{
    width: 123px;
    height: 51px;
    background-image: url(/Localization/S4KF/Templates/Images/Common/nav-programs.jpg);
    background-repeat: no-repeat;
}
li#MainNavItem5 a
{
    width: 123px;
    height: 51px;
    background-image: url(/Localization/S4KF/Templates/Images/Common/nav-resources.jpg);
    background-repeat: no-repeat;
}
li#MainNavItem6 a
{
    width: 122px;
    height: 51px;
    background-image: url(/Localization/S4KF/Templates/Images/Common/nav-gallery.jpg);
    background-repeat: no-repeat;
}
/*  Measurements for the nav image replacement
 
	The distance from the top to the:
	
	initial state = 0 
	rollover state = 50px
	selected state = 50px

	The distance from the left to the MainNavItem:
	
	1 = 88px
	2 = 211px
	3 = 370px
	4 = 618px
	5 = 762px

	The width of MainNavItem:
	
	1 = 123px
	2 = 159px
	3 = 248px
	4 = 144px
	5 = 133px
*/

/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    background-color: #206d1f;
    background-image: none; /*value of none is required when using image in main nav*/
    border-bottom: 1px dotted #6ca800;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{
    float: none;
    display: list-item;
    height: auto !important;
    width: 112px !important;
    padding: 10px 5px !important;
    border-top: 1px dotted #6ca800;
}
.ddsmoothmenu ul li ul li:hover
{
    background-image: none; /*background of menu items during onmouseover (hover state)*/
    background-color: #6ca800;
    color: #ffffff;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a
{
    color: #c7e98a !important;
    line-height: 14px;
    font-family: "Times New Roman" , Times, serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    background-image: none !important;
    text-indent: 0px !important;
    width: 112px !important;
    height: auto !important;
}
.ddsmoothmenu ul li ul li:hover a
{
    color: #ffffff !important;
    text-indent: 0px !important;
    text-decoration: none;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu
{
    height: 1%;
}
/*Holly Hack for IE7 and below*/
/* ## CSS classes applied to down and right arrow images - ONLY NEEDED WHEN DROP-DOWN NAV AVAILABLE - ALSO NEED TO UNCOMMENT IN JAVASCRIPT - DELETE THIS IF NOT USING ## */
/*
.downarrowclass {
	position:absolute;
	top:12px;
	right:7px;
}
.rightarrowclass {
	position:absolute;
	top:6px;
	right:5px;
}
*/

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: transparent;
}
.toplevelshadow
{
    /*shadow opacity. Doesn't work in IE*/
    opacity: 0.8;
}
/* Sub Nav Styles---------------------------------------------------------------------------------------------*/
#SubNavWrapper
{
    float: left;
    padding: 19px 0;
    width: 352px;
    background-color: #f49ac1;
}
#SubNav
{
    padding: 0 30px; /*needed for FF*/
    width: 292px;
    font-family: Verdana, Arial, sans-serif;
}
#SubNav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#SubNav li
{
    margin: 0;
    padding: 0;
    display: inline;
    cursor: pointer;
}
#SubNav a
{
    /*display: block;*/
    padding: 0;
    margin: 0;
    text-decoration: none;
}
#SubNav div
{
    /*any styles we need to apply to all divs within the main navigation*/
    padding-top: 2px;
    padding-bottom: 3px;
    cursor: pointer;
    border-bottom: 1px solid #fcc8de;
}
/*#SubNav div:hover, #SubNav li.selected div {
	background-color:#ffffff;
}*/
#SubNav div:hover p, #SubNav li.selected p
{
    color: #CC6699;
}
#SubNav p
{
    /*if the navigation is images then don't display the text*/
    margin: 0;
    padding: 0;
    font-size: 11pt;
    color: #ffffff; /*background:url(/Templates/Images/Content/subnav-arrow.gif) no-repeat 0 6px;*/
}
/* TertiaryNav Styles ----------------------------------------------------		
	#PageWrapper #InnerWrapper #ContentWrapper #TertiaryNav {
		margin:0;
		padding:0;
	}
	
	#PageWrapper #InnerWrapper #ContentWrapper #TertiaryNav ul {
		padding:5px 4px 4px 7px;
		margin-top:6px;
		margin-left:0;
		background-color:#8F8F8F;
		min-height:17px !important;
	}
	
	#PageWrapper #InnerWrapper #ContentWrapper #TertiaryNav ul li {
		margin:0;
		padding:0;
		display: inline;
		list-style:none;
		color:#FFFFFF;
	}
	
	#PageWrapper #InnerWrapper #ContentWrapper #TertiaryNav ul a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:12px;
	}
	
	#PageWrapper #InnerWrapper #ContentWrapper #TertiaryNav ul a:hover{
		text-decoration:underline;
	}
	
	#PageWrapper #InnerWrapper #ContentWrapper #TertiaryNav ul li.navFirst {
		margin-left:5px;
	}
*/
/* FooterNavWrapper Styles---------------------------------------------------------------------------------------------*/
#FooterWrapper
{
    background-image: url(/Localization/S4KF/Templates/Images/Common/green-line-bg.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    float:left;
    padding-top:15px;
    width:737px;
    border-left:1px solid #1E180E;
border-right:1px solid #1E180E;
}
#FooterTop
{
    background-color: #ffffff;
    margin: 0px auto;
    text-align: center;
    min-height: 160px;
    width:737px;
}
#FooterTop h1
{
    padding: 10px;
}
#FooterLogos
{
    margin: 0px auto;
    text-align: center;
}
#FooterLogos ul {
margin:0px auto;
text-align:center;
padding:0px;
}
#FooterLogos li
{
    display: inline;
    list-style-type: none;
    list-style-position: inside;
    padding-right: 15px;
}
#FooterBottom
{
    background-image: url(/Localization/S4KF/Templates/Images/Common/footer-bg-pattern.gif);
    background-repeat: repeat;
    padding: 5px;
    margin: 0px auto;
    text-align: center;
    width:727px;
}
#FooterBottom ul
{
    margin: 0px auto;
    padding: 10px !important;
}
#FooterBottom li
{
    display: inline;
    margin-right: 1px;
    padding: 1px 10px;
    font-size: 11px;
}
#FooterBottom p
{
    font-size: 11px;
    color: #2c1a0c;
    margin: 0px;
}
#FooterBottom a
{
    color: #b44c00;
    text-decoration: underline;
    font-size: 11px;
}
#FooterBottom a:hover
{
    text-decoration: none;
}
#FooterBottom li a
{
    color: #2c1a0c;
    text-decoration: none;
    font-size: 11px;
}
#FooterBottom li a:hover
{
    color: #b44c00;
}
.pipe
{
    border-right: 1px dotted #b44c00;
}
/* Site Map Styles---------------------------------------------------------------------------------------------*/
#SiteMapWrapper
{
    width: 550px;
}
#SiteMapWrapper #SiteMapLeft
{
    float: left;
}
#SiteMapWrapper #SiteMapRight
{
    float: right;
}
#SiteMapWrapper #SiteMapRight, #SiteMapWrapper #SiteMapLeft
{
    width: 268px;
}
#SiteMapWrapper ul
{
    padding-left: 20px;
    padding-bottom: 10px;
    font-weight: bold;
}
#SiteMapWrapper ul li
{
    margin: 8px 7px 1px 0;
    font-size: 10pt;
    font-style: normal;
    list-style-type: none;
}
#SiteMapWrapper ul li a
{
    color: #CC6699;
    text-decoration: none;
    font-weight: bold;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
#SiteMapWrapper ul li ul
{
    margin: 0;
    padding: 2px 0 10px 19px;
    font-weight: bold;
}
#SiteMapWrapper ul li ul li
{
    list-style-type: disc;
    color: #7A62AA;
}
#SiteMapWrapper ul li ul a
{
    font-size: 10pt;
    text-decoration: underline;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    color: #7A62AA;
}
#SiteMapWrapper ul li ul a:hover
{
    text-decoration: none;
}