/*---- Elements ----*/
body {
	margin: 0;
	_border:0;
	background: #bdbdbd;
	font: 11px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
	
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, th, td, ol, ul {
	font: 11px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;}

h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0 0 0.75em 0; font-family: "Trebuchet MS", Arial, Helvetica, san-serif;} /* sets the heading font style and removes margins */
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold;}
h5 {font-size: 11px; font-weight: bold;}

img {border:0} /* makes all images default border=0 */

/*---- List Items ----
ul {list-style-type: none;}
ul li {
	padding-left: 17px;
	background: transparent url(images/Bullet.gif) no-repeat 0 0.25em;}
/*	doing the above method allows the image used inplace of the 
	list item marker to align with text properly for all browsers and 
	still align wrapped text to the same place as the first line. 
	relative units are used so it will work with any text size.	*/ 

hr {
	border: none;
	background-color: #CCC; 
	color: #CCC;
	height: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.smalltxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000;
}
.redtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #900;
}
.whitetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF;
}

#Column1 {
	width: 325px; background: #FFFFFF url(images/HomeColumnHeader.jpg) no-repeat top left; border-right: #FFFFFF solid 25px; padding: 10px; text-align: left;}
#Column2 {
	width: 325px; background: #FFFFFF url(images/HomeColumnHeader.jpg) no-repeat top left; border-right: #FFFFFF solid 25px; padding: 10px; text-align: left;}
#Column3 {
	width: 300px; background: #FFFFFF url(images/HomeColumnHeader.jpg) no-repeat top left; padding: 10px; text-align: left;}

/*---- Forms ----*/
input {
	color: #333;
	vertical-align: middle;
	font: 10px Verdana, Arial, Helvetica, sans-serif;}
	
.cvheader input {
	background-color: transparent;}
.formitem {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEE;
	border: 1px solid #333;}
.formitem1 {
	color: #000;
	vertical-align: middle;
	margin: 0 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-color:#333;}
.formitem2 {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 5px 0 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEE;
	border: 1px solid #333;}
	
/*---- Links  ----*/
a:link, a:visited {
	color: #510001;
	outline: none;
	text-decoration: underline;}
a:hover {
	text-decoration: underline;
	outline: none;
	color: #000;}
a:active {
	text-decoration: underline;
	outline: none;
	color: #000;}

/*---   Page Layout and Design Specific   ---*/
#SiteWrapper {
	width: 1000px;
	background: none;
	margin: 0;}
	
#SiteWrapperDefault {
	width: 1000px; 
	background: none;
	margin: 0;}
	
#ContentArea { padding-left: 5px;}

.Default { background: #FFF url(images/BodyRepeat.jpg) repeat-y top left;}	
	
.AccentColor1 {}
.AccentColor2 {}
.AccentColor3 {}


	
.PageContent {
	width:1000px;
	background:#FFFFFF; 	
}
#FooterBackground {
	background: #500001 url(images/FooterBackground.jpg) repeat-x 0 0;}
#SlideshowContainer {
	background: transparent url(images/SlideshowStaticImage.jpg) no-repeat 0 0;
	width:737px;
	height:280px;
	margin: 0;
	overflow:hidden;}
#Slideshow {
	width:737px;
	height:280px;
	overflow:hidden;}
#Slideshow img {border:0;}
#SlideOverlay {}

#ThumbnailGetSocial {
	margin: -15px 0px 0px 826px;
}

#ThumbnailFacebook {
	margin: 13px 0px 0px 860px;
}

#ThumbnailYoutube {
	margin: 0px 0px 0px 13px;
}

#ThumbnailTwitter {
	margin: 13px 0px 0px 860px;
}

#ThumbnailRSS {
	margin: 0px 0px 0px 13px;
}



#Superintendent {
	width: 160px;
	height: 165px; 
	margin: 2px 0px 3px 10px;
}

#NewsLine {
	width: 152px;
	height: 13px;
	background: url (images/NewsLine.jpg) no-repeat 0 0;
	padding: 0px 0px 0px 10px;
}

#TableShadow {
	width: 1000px; 
	background: #e8e8e8 url(images/HomeTableShadow.jpg) no-repeat 0 0;}
#NewsContainer {
	width: 250px;
	border-left:#dfdfdf 1pt solid;
	background-color: #f2eff1; 
	padding: 10px 0 10px 0;}
	
#ThumbnailCalendar {
	margin: 7px 0px 0px 28px;}
#GoToCalendarBtn {
	margin: 14px 0px 0px 75px;}

#HeaderSearch form {
	color: #666;
	margin: 0px 0px 0px -30px;
	}
#HeaderSearch a:link, #HeaderSearch a:visited {
	color: #666;
	padding: 1px 3px;
	text-decoration: none;}
#HeaderSearch a:hover, #HeaderSearch a:active {
	color: #666; 
	text-decoration: underline;}
	
#SearchDividerLine {
	margin: 8px 0px 0px -10px;}
#Search {
	margin: 0px 0px 0px -20px;}
#SearchBar {
	margin: 0px 0px 0px -10px;}
#GoSearchBtn {
	margin: 0px 0px 0px 2px;}
#SearchDividerLine2 {
	margin: 0px 0px 0px -10px;}
#SkywardLogo {
	margin: 0px 0px 0px -10px;}
#StudentDressCodeBtn {
	margin: 1px 0px 0px 8px;}
#CommunityBudgetSurveyBtn {
	margin: 4px 0px 0px 8px;}
#ElectronicSchoolBoardBtn {
	margin: 4px 0px 0px 8px;}
#SchoolsFoundationBtn {
	margin: 4px 0px 0px 8px;}
#StaffDirectoryBtn {
	margin: 4px 0px 0px 8px;}
#CapitalPlanBtn {
	margin: 4px 0px 0px 8px;}
#WhereAreTheyNowBtn {
	margin: 5px 0px 0px 8px;}
#SpanishTranslationBtn {
	margin: 20px 0px 0px 8px;}
#CalendarBtns {
	margin: 20px 0px 0px 8px;}

#SideNavigationContainer {
	width: 264px;
	background:transparent url(images/column1background.png) repeat-y 0 0;
}

.SideNavigation {
	padding: 10px 0 10px 10px; 
	width: 244px; 
	background-color:#e5e5e5;}
.SideNavigationThin {
	padding: 10px; 
	width: 180px; 
	background-color:#e5e5e5;}
#DefaultHdrLeft {height:123px; width: 1000px; overflow:hidden;}



#RightNavTextHeaders {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #9e0001;
}

#TranslateButton {
	margin: 0px 0px 0px 10px;
}


/*---- Page Titles ----*/
.header, #DefaultIncludes .Title, .MainPage p.header, #DefaultIncludes .header {
	color: #4D443F;
	font: 22px "Trebuchet MS", Arial, Helvetica, san-serif;
	margin: 0 0 0.25em 0;}
.subheader {
	font: bold 14px Arial, Helvetica, sans-serif; color: #888681;
}
#DefaultIncludes span.subheader {
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c63;
}

#OurSchoolsBox {
	margin: 18px 0px 0px 0px;
}
#Box1 {
	margin: 0px 0px 0px 0px;
}
#Box2 {
	margin: 0px 0px 0px 0px;
}
#Box3 {
	margin: 0px 0px 0px 0px;
}
#Box4 {
	margin: 0px 0px 0px 0px;
}
#Box5 {
	margin: 0px 0px 0px 28px;
}
#Box6 {
	margin: 0px 0px 0px 0px;
}
#Box7 {
	margin: 0px 0px 0px 0px;
}
#Box8 {
	margin: 0px 0px 0px 0px;
}
#Box9 {margin: 0px 0px 0px 0px;
}


/*---- Copyright and Legal Info ----*/
.LegalText {}
#Legal {
	border-top: none;
	clear: both;
	color: #AAA;
	font: 10px/11px Arial, Verdana, Helvetica, sans-serif;
	height: 30px;
	padding: 5px 10px 5px 6px;}
#Legal :link, #footer :visited { color: #777; }
#Legal hr { display: none }
#Legal #PoweredBy { border: 0; float: left }
#Legal #PoweredBy:hover { background: transparent }
#Legal p { margin: 0;}
#Legal p.left {
	height: 30px;
	float: left;
	margin-left: 1em;
	padding: 0 1em;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size:9px;}
#Legal p.right {
	float: right;
	text-align: right;}

/************** Main Nav **************/
#MainNav {
	float: center;
	}
	
.Border {}
/***************************************/
#RightNavBgLine { 
	border-left: #bdbdbd solid 1px;
	padding: 0;
	width: 175px;
}
/* Index news EVENTS, TOP STORIES, DISTRICT NEWS and SCHOOL NEWS */
#IndexNewsPortalEvents, #IndexNewsPortalSchool, #IndexNewsPortalDistrict, #IndexNewsPortalTop {}
.IndexNewsPortalDistrict, .IndexNewsPortalSchool, .IndexNewsPortalEvents {padding: 10px;}
.IndexNewsPortalEvents a:link, .IndexNewsPortalEvents a:visited, .IndexNewsPortalSchool a:link, .IndexNewsPortalSchool a:visited, .IndexNewsPortalDistrict a:link, .IndexNewsPortalDistrict a:visited, .IndexNewsPortalTop a:link, .IndexNewsPortalTop a:visited {color: #9E0001; font: 24px Georgia, "Times New Roman", Times, serif; text-decoration: none; margin-bottom: 15px; padding: 0;}
.IndexNewsPortalEvents a:hover, .IndexNewsPortalEvents a:active, .IndexNewsPortalSchool a:hover, .IndexNewsPortalSchool a:active, .IndexNewsPortalDistrict a:hover, .IndexNewsPortalDistrict a:active, .IndexNewsPortalTop a:hover, .IndexNewsPortalTop a:active {color: #666;}
.IndexNewsPortalEvents span a:link, .IndexNewsPortalEvents span a:visited, .IndexNewsPortalTopNews span a:link, .IndexNewsPortalTopNews span a:visited, .IndexNewsPortalDistrict span a:link, .IndexNewsPortalDistrict span a:visited, .IndexNewsPortalSchool span a:link, .IndexNewsPortalSchool span a:visited {
	display: block; padding: 0; font: 12px/1.3 Arial, sans-serif; text-decoration: none; margin: 8px 0 0 3px; color: #666;}
.IndexNewsPortalEvents span a:link, .IndexNewsPortalEvents span a:visited {}
.IndexNewsPortalEvents span a:hover, .IndexNewsPortalEvents span a:active, .IndexNewsPortalTopNews span a:hover, .IndexNewsPortalTopNews span a:active, .IndexNewsPortalDistrict span a:hover, .IndexNewsPortalDistrict span a:active, .IndexNewsPortalSchool span a:hover, .IndexNewsPortalSchool span a:active {text-decoration: underline;}

.IndexNewsContainer {width:175px; background: transparent url("images/DistrictNewsHeader.png") no-repeat;}
.IndexSchoolContainer {width:175px; background: transparent url("images/DistrictNewsHeader.png") no-repeat;}
.IndexEventsContainer {width:175px; background: transparent url("images/DistrictEventsHeader.png") no-repeat;}


	
/*---- News Tab Navigation Links ----*/
	/*---- Tabs ----*/
ul#tabnav {
	list-style-type: none;
	margin: 0;
	padding-right: 22px;
	padding-bottom: 26px;
	border-bottom: 1px solid #333;
}
ul#tabnav li {
	padding:0; /* - clear formatting from custom bullet points - */
	background:none; /* - clear formatting from custom bullet points - */
	float: right;
	margin: 5px 5px 0px 5px;
	border-bottom: 1px solid #333;
	background-color: #666;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
ul#tabnav a:link, #tabnav a:visited  {
	display: block;
	width: 135px;
	padding: 4px 0px 4px 0px;
	color: #FFF;
	text-decoration: none;
	background: transparent url(http://images.pcmac.org/websites/Jacksonville117/Jacksonville117/images/tab_rounded_corners.gif) no-repeat 0 0;
}
ul#tabnav a:hover  {
	color: #FFF;
	background-color: #510001;
	text-decoration: none;
}
	/*---- Selected Tab ----*/
td#district li.district, td#school li.school, td#submit li.submit {
	background-color: #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}
td#district li.district a:link, td#district li.district a:visited, td#school li.school a:link, td#school li.school a:visited, td#submit li.submit a:link, td#submit li.submit a:visited {
	background-color: #F5F5F5;
	color: #9F1B15;
	text-decoration: none;
}
/*---- News Page Styling----*/
.News {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000;
}
.News a:link, .News a:visited {}
.News a:hover, .News a:active {}
.NewsTitle {
	color: #000; font-size: 11px;
}
.NewsTitle a:link, .NewsTitle a:visited {
	color: #333; text-decoration: none;
}
.NewsTitle a:hover, .NewsTitle a:active {
	color: #39713E;}

/* ----- NICE TITLES ----- */
#nicetitlecontainer{
	border: 1px solid #CCC;
	background-color: #510001;
	filter: alpha(opacity=80); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:.80;
	opacity:.80;}
div.nicetitle{
	font-size: 10px;
	left: 0;
	padding: 6px;
	position: absolute;
	top: 0;
	text-align:left;
	max-width: 30em;
	z-index: 100;
	width: auto;
	height: auto;}	
div.nicetitle p {
	margin: 0;
	padding-bottom: 3px;
	font: bold 11px Arial, Helvetica, Verdana, sans-serif;
	color:#FFF;
	filter: alpha(opacity=100); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:1;
	opacity:1;}
div.nicetitle p.destination {
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 0px;
	text-align: left;
	filter: alpha(opacity=100); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:1;
	opacity:1;}

/*---- TABLES  ----*/
.td1
{
    FONT-WEIGHT: bold;
    COLOR: #000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #AAA
}
.td2
{
    FONT-WEIGHT: bold;
    COLOR: #444;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F6F5EF
}
.td3
{
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #c63
}
.td4
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #BFBEC2
}
.td5
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD
}
.td6
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD
}
.td7
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD}
.td8
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD}

#PicCap {color: #000}


/*---- Calendar ----*/
.calheader{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #AAA;
}
a.calnav1:link, a.calnav1:visited {
	color: #FFF; text-decoration: none;}
a.calnav1:hover, a.calnav1:active {
	color: #FFF; text-decoration: underline;
}
a.calnav2:link, a.calnav2:visited {
	color: #FFF; text-decoration: none;
}
a.calnav2:hover, a.calnav2:active {
	color: #FFF; text-decoration: underline;
}
.caltd1 {
	background-color: #AAA; color: #FFF; font-weight: bold;
}
.caltd2 {
	background-color: #AAA; color: #FFF; font-weight: bold;
}
.caltd3 {
	background-color: #F4F4F4; color: #000; font-weight: bold;
}
.caltd4 {
	background-color: #E5E5E5;
}

/*---- Small Calendars ----*/
.scal{
	border: 1px solid #000; background-color: white; margin: 5px 5px 0 5px;
}
.scalheader{
    font-weight: bold; font-size: 12px; background-color: #F4F4F4;}
a.scalnav1:link, a.scalnav1:visited {
	color: #AAA; text-decoration: none;}
a.scalnav1:hover, a.scalnav1:active {
	text-decoration: underline;}
.scaldayofweek{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: white; background-color: #AAA;
}
.scalday1{
   font-size: xx-small; color: #E5E5E5; background-color: #E5E5E5;
}
.scalday2{
	font-size: 10px;
}
.scalw{
	font-size: 10px; background-color: #F4F4F4;
}
.scaltoday{
    font-size: 10px; color: #AAA; font-weight: bold;
}

/*---- Calendar View ----*/
.cvheader{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-color: #AAA; color: #FFF;
}
.cvdayofweek{
	background-color: #F4F4F4; font-size: 11px; color: #000;
}
.cvday1{
	background-color: #E5E5E5; font-size: 9px; color: #000;
}
.cvday2{
	font-size: 9px; color: #000; padding-left: 2px;
}

/* ----------------------------------------- */
/* ----- BEGIN COMMON SIDE-NAV STYLES  ----- */


/*---- Side Navigation Menus ----*/
a.IncNavDivision, 
a.IncNavDepartment,
a.IncNavSubDepartment,
a.SubNav,
a.IncNavLinks,
a.QuickLinks,
a.UniversalQuickLinks {
	text-decoration: none;
	display: block; 
	padding: 3px 2px 2px 5px; 
	margin:0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;}
a.IncNavDivision:link, a.IncNavDivision:visited,
a.IncNavDepartment:link, a.IncNavDepartment:visited,
a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited,
a.SubNav:link, a.SubNav:visited,
a.IncNavLinks:link, a.IncNavLinks:visited,
a.QuickLinks:link, a.QuickLinks:visited,
a.UniversalQuickLinks:link, a.UniversalQuickLinks:visited  {
text-decoration: none; color: #5b5b5b;}
a.IncNavDivision:hover, a.IncNavDivision:active, 
a.IncNavDepartment:hover, a.IncNavDepartment:active,
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active
a.SubNav:hover, a.SubNav:active,
a.IncNavLinks:hover, a.IncNavLinks:active, 
a.QuickLinks:hover, a.QuickLinks:active,
a.UniversalQuickLinks:hover, a.UniversalQuickLinks:active  {
text-decoration: none; color: #333;}
 
 #IncNavActiveDivision {font-weight: bold;}
 a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}
 
a.IncNavDepartment {margin-left: 13px; background: none; padding-left:2px; border:0;font-weight: normal;}
a.IncNavDepartment:link, a.IncNavDepartment:visited {color: #5b5b5b;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active {text-decoration: underline; color: #333;}
 
 #IncNavActiveDepartment {font-weight: bold; color: #333;}
 a#IncNavActiveDepartment:hover, a#IncNavActiveDepartment:active {}
 
a.IncNavSubDepartment {margin-left: 25px; background: none; padding-left:2px; border:0;font-weight: normal;}
a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited {color: #5b5b5b;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active {text-decoration: underline; color: #333;}
 
 #IncNavActiveSubDepartment {font-weight: bold;}
 a#IncNavActiveSubDepartment:hover, a#IncNavActiveSubDepartment:active {}
 
a.IncNavPages {display: block; font: 11px Tahoma, Arial, Helvetica, sans-serif; padding: 2px 2px 2px 25px; color: #666;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; color: #5b5b5b;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: underline; color: #333;}

.SubDeptPageIndent { margin-left: 10px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #666;}
a.SubDeptPageIndent:active {color:#333; font-weight:bold;}
 
a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover, a.ActivePage:active {font-weight:bold; color:#333;}/*This is the current page*/
 
/*---- User Links Menus  ----*/
#UserLinksMenu {}
#UserLinksMenu  a.IncNavLinks:link, #UserLinksMenu  a.IncNavLinks:visited {}
#UserLinksMenu  a.IncNavLinks:hover, #UserLinksMenu  a.IncNavLinks:active {}
 
/*---- Quick Links Menus  ----*/
#QuickLinks, 
#UniversalQuickLinks {
	margin: 15px 0 0 0;}
#QuickLinks .QuickLinksTitle, 
#UniversalQuickLinks .UniversalQuickLinksTitle {
	font-weight:bold;
	color: #5b5b5b;
	text-align:center;
	padding: 1px 5px 2px 0;}
#QuickLinks a.QuickLinks, 
#UniversalQuickLinks a.UniversalQuickLinks {text-transform: none;}
#QuickLinks a.QuickLinks:link, #QuickLinks a.QuickLinks:visited,
#UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited {}
#QuickLinks a.QuickLinks:hover, #QuickLinks a.QuickLinks:active,
#UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {}
 
#UniversalQuickLinks {}
#UniversalQuickLinks .UniversalQuickLinksTitle {}
#UniversalQuickLinks a.UniversalQuickLinks {}
#UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited {}
#UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {}
 
/*---- SubNav Links Menus  ----*/
#SubNav {}
#SubNav a.SubNav {}
#SubNav a.SubNav:link, #SubNav a.SubNav:visited {}
#SubNav a.SubNav:hover, #SubNav a.SubNav:active {}


/* ----- END COMMON SIDE-NAV STYLES  ----- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/*---- TOP NAVIGATION ----*/
ul#nav {margin: 0; padding: 0; text-align: center; padding: 0; list-style:none; z-index: 99;}

#nav a {
	text-decoration: none;
	outline: none;
	 z-index: 99;
}

/*li.TopNav ul {display: none;}*/

li.TopNav ul {
	top: 30px;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	font-weight: normal;
	z-index: 99;
	background: #cccccc;
	border: 1px solid #C2C4C3;
	border-top: 0;
	text-align: left;}

li.TopNav {
	display: inline;
	float: inherit;
	position: relative;
	cursor: default;
	padding: 0;
	margin: 4px 2px;
	float: left;
	z-index: 99;
}

li.TopNav a:link, li.TopNav a:visited {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	display:block;
	padding: 7px 12px;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	color: #ffffff; 
	background: #8d0203; 
	border:#ce0d0e 1px solid;
	z-index: 99; 
	text-align: left;
}

li.TopNav a:hover { 
	background: #510001;
	z-index: 99;
}
li.TopNav a:active { 
	background: #none;
	z-index: 99;
}

li.TopNav a.Active:link, li.TopNav a.Active:visited, li.TopNav a.Active:hover, li.TopNav a.Active:active {
 	z-index: 99;
	background: #none;
	color: #fff;
}


li.TopNav li a:link, li.TopNav li a:visited {
	z-index: 99;
	white-space: nowrap;
	_height: 24px;
	_width: 231px;
	_text-align: left;
	color: #333333;
	display: block;
	font-weight: normal;
	text-align: left;
	text-transform:none;
	font-size: 11px;
	margin: 0;
	padding: 4px 10px 4px 10px;
	float:none; 
	background:#CCCCCC; 
	border: none;
}

li.TopNav li a:hover, li.TopNav li a:active {
	z-index: 99;
	color: #000;
	background:url("images/DropDownArrow.gif") no-repeat 3px 50%;
	padding: 4px 6px 4px 14px;
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

.DropTitle {
	font-weight: bold;
	background: #510001;
	color: #FFF;
	padding: 4px 0;
}

/********************* End New Dropdown Menu *************************/