@charset "UTF-8";
/* CSS Document */


/********************************************************************
                        NOTES ABOUT STYLE SHEET
The ID rules should not have to be changed. I've noted a few items 
that you can alter (like floating something left instead of right but 
these are used mostly for layout and should go untouched. Make changes 
to fonts, font sizes, font colors by changing the classes at the 
bottom of the document.
*********************************************************************/


body {background: url(../images/background.png) repeat-x top center #97c0de; margin: 0px;} 

#masthead {width: 100%; height: 225px; margin: 0 auto; background: url(../images/masthed-expo.jpg) top left no-repeat #FFF;}



#mastheadOG {width: 930px; height: 175px; margin: 0 auto}
#wrapper {width: 930px; margin: 0 auto; background-color: #fff; border: 1px solid #fff; padding-bottom: 10px}
#nav_wrapperOG {width: 920px; height: 30px; margin: 10px 0; padding: 0 5px}
#nav {width: 800px; height: 20px; float: left}
#share {float: right; padding:10px 5px 0 0px; display:inline;}

#headline h1 {width: 830px; margin: 0; padding: 5px; float:left;}

#feature {width: 930px; padding: 0px;}




ul#topnav {
	margin: 0; padding: 0;
	float:center;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(../images/nav_home.png) no-repeat;
	width: 60px; 
}

ul#topnav a.artsandculture {
	background: url(../images/nav_artsandculture.png) no-repeat;
	width: 66px; 
}

ul#topnav a.business {
	background: url(../images/nav_business.png) no-repeat;
	width: 66px; 
}

ul#topnav a.community {
	background: url(../images/nav_community.png) no-repeat;
	width: 86px; 
}
 
ul#topnav a.crime {
	background: url(../images/nav_crime.png) no-repeat;
	width: 66px; 
}

ul#topnav a.education {
	background: url(../images/nav_education.png) no-repeat;
	width: 66px; 
}

ul#topnav a.food {
	background: url(../images/nav_food.png) no-repeat;
	width: 60px; 
}

ul#topnav a.health {
	background: url(../images/nav_health.png) no-repeat;
	width: 60px; 
}

ul#topnav a.history {
	background: url(../images/nav_history.png) no-repeat;
	width: 66px; 
}

ul#topnav a.homelessandhousing {
	background: url(../images/nav_homelessandhousing.png) no-repeat;
	width: 76px; 
}

ul#topnav a.recreationandleisure {
	background: url(../images/nav_recreationandleisure.png) no-repeat;
	width: 76px; 
}

ul#topnav a.religion {
	background: url(../images/nav_religion.png) no-repeat;
	width: 66px; 
}

ul#topnav a.technology {
	background: url(../images/nav_technology.png) no-repeat;
	width: 76px; 
}

ul#topnav a.transportation {
	background: url(../images/nav_transportation.png) no-repeat;
	width: 96px; 
}

ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	z-index: 99999;
	background: #394669;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 300px;
	float: left;
	z-index:3000px;
}
ul#topnav li .subOG ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #feb729;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #feb729; text-decoration:underline; background-position: 5px 12px ;}



/*Style rule for an image or item that takes up the entire width -- 1 column*/
#lead_photo {width: 920px; margin: 10px 5px 10px 0px;}
#OptLeadPhoto {border:#000 solid; border-width:thin;}

/*Style rules for lead items that take up 2 columns */
#lead2col_wrapper{width: 920px; margin: 5px 5px 0;}
#lead2col_left {width: 455px; float: left; margin-bottom: 10px}
#lead2col_right {width: 455px; float: right; margin-bottom: 10px}
#OptLeadItem {border:#000 solid; border-width:thin;}

/*Style rules for lead items that take up 3 columns */
#lead3col_wrapper {width: 920px; margin: 10px 5px 0}
#lead3col_left_wrapper {width: 610px; float: left}
#lead3col_left{width: 300px; float: left}
#lead3col_middle {width: 300px; float: right}
#lead3col_right{width: 300px; float: right;}
#OptLeadItem {border:#000 solid; border-width:thin;}

/*Style rules defininig the content area and sidebar -- format fonts below using classes */
#content {width: 920px; margin: 10px 5px; clear: both;}

#opt_img {width: 460px; margin: 0 0 10px;  float: right /*change float to left to align left*/}

#related_links {width: 460px; margin: 10px 0 0 10px; float: right; /*change float to left to align left*/ border-top: 1px dashed #000; border-bottom: 1px dashed #000; /*see below for options to change border style*/}


/*****  Art's Audioslideshow Mouse over *******/

#popup1
{
  display: block;
  width: 137px;
  height: 79px;
  background: url("../arts/carl_button.jpg") no-repeat 0 0;

}

#popup1:hover
{ 
  background-position: 0 -79px;
}

#popup1 span
{
  display: none;
}



#popup2
{
  display: block;
  width: 117px;
  height: 79px;
  background: url("../arts/nicholas_button.jpg") no-repeat 0 0;

}

#popup2:hover
{ 
  background-position: 0 -79px;
}

#popup2 span
{
  display: none;
}



#popup3
{
  display: block;
  width: 137px;
  height: 101px;
  background: url("../arts/crystal_button.jpg") no-repeat 0 0;

}

#popup3:hover
{ 
  background-position: 0 -101px;
}

#popup3 span
{
  display: none;
}




#popup4
{
  display: block;
  width: 117px;
  height: 101px;
  background: url("../arts/michael_button.jpg") no-repeat 0 0;

}

#popup4:hover
{ 
  background-position: 0 -101px;
}

#popup4 span
{
  display: none;
}


#popup5
{
  display: block;
  width: 149px;
  height: 141px;
  background: url("../arts/gallery_button.jpg") no-repeat 0 0;

}

#popup5:hover
{ 
  background-position: 0 -141px;
}

#popup5 span
{
  display: none;
}



/*****  Art's Audioslideshow Mouse over *******/




/*BORDER STYLE OPTIONS: dashed, dotted, solid, double, groove, ridge, inset, outset */

/**************************************************************
                DO NOT EDIT THESE CLASSES
Using classes here because sections repeat and can't repeat IDs
in the same document. Do not edit these classes - they are for 
layout.
***************************************************************/
.cw_wrapper {width: 460px; margin: 5px 0 10px 5px; float: right /*change float to left to align left*/}
.cw_thumbnail {width: 200px; height: 125px; float: left; margin: 0; overflow: hidden; border: 1px solid #000 /*take out border declaration for no border or change color style*/}
.cw_text {width: 250px; float: right; margin: 0 0 0 5px}

/*Style rule for a footer item that takes up entire 920 column*/
#pa1col_wrapper {width: 920px; margin: 10px 5px 0; overflow: hidden}


/*Style rules defining the area for a 2 column photo area in the footer */
#pa2col_wrapper{width: 920px; margin: 10px 5px; font: 12px Verdana, Geneva, sans-serif;}
#pa2col_left {width: 455px; float: left}
#pa2col_right {width: 455px; float: right}


/*Style rules defining the area of a 3 column photo area in the footer */
#pa3col_wrapper {width: 920px; margin: 10px 5px}
#pa3col_left_wrapper {width: 610px; float: left}
#pa3col_left{width: 300px; float: left}
#pa3col_middle {width: 300px; float: right}
#pa3col_right{width: 300px; float: right;}

#pa3col_wrapper {margin-bottom: 20px}


/*Style rules defining the area of the footer -- to format text use classes below */
#footer {width: 930px; margin: 10px auto; text-align: center}


/********************************************************************

     CHANGE CLASSES BELOW TO CHANGE FONTS, FONT SIZES AND COLORS

*********************************************************************/


/*Top Global Navigation - Font styles and nav link color/styles */
.navigation {font: bold 10px Verdana, Geneva, sans-serif; color: #000}

.navigation a {color: #004489; text-decoration: none}

/* Font style rules for headlines */
h1, h2, h3, h4, h5, h6 {color: #000; font-family: Verdana, Geneva, sans-serif}


/*Link color*/

a {color: #004489; font-weight:bold; text-decoration: none}
a:visited  {color: #004489}
a:active   {color: #feb729}
a:hover    {color: #feb729;
text-decoration: underline}

a.slider {color: #004489; font-weight:bold; text-decoration: none}
a.slider:visited  {color: #004489}
a.slider:active   {color: #feb729}
a.slider:hover    {color: #feb729;
text-decoration: underline}



/*Font style rules for main content area */
.content {font: 14px "Verdana, Geneva, sans-serif"; color: 000}

/*Font style rules for Author byline*/
.byline {font: bold 16px "Verdana, Geneva, sans-serif"; color: 000}

/*Font style rules for caption under lead photo*/
.caption {font: 12px Verdana, Geneva, sans-serif; color: #000}

/*Font style rules for optional image caption text 
and header*/
.opt_img_caption {font: 12px Verdana, Geneva, sans-serif; color: black}

.opt_img_caption h4 {margin: 3px 0}


/*Font style rules for related links header and text */
.related_links {font: 12px Verdana, Geneva, sans-serif; color: black}

.related_links h4 {margin: 5px 0}


/*Font style rules for class work header and text */
.cw_text {font: 12px Verdana, Geneva, sans-serif; color: black}
.cw_text h4 {margin: 3px 0}


/*Font style rules for footer images -- adds a border around the image comment out to remove */
.paimage img {border: 0px solid #000}

/*Font style rules for the navigational footer text */
.footer {font: bold 12px Verdana, Geneva, sans-serif; color: #cccccc}
.footer a{color: #feb729}

/*Font style rules for home page summaries and thumbnails */

.summary_thumb {border: 1px solid #000}
.summary_text h4 {font: bold 14px Verdana, Geneva, sans-serif; margin: 0}
.summary {font: 11px Verdana, Geneva, sans-serif; color: #000}
.byline {font: bold 11px Verdana, Geneva, sans-serif; color: #000}



/*****************************************
         DO NOT DELETE OR CHANGE
This class is used for layout. If you 
delete it or change it, your page will 
look funny.
******************************************/
.clear {clear: both}

/*****************************************
             DO NOT EDIT
These classes are used to layout the 
summaries on the home page since we need 
them to repeat we cannot use IDs. Do not 
edit any of these class settings

*****************************************/

#left_wrapper {width: 430px; float: left; margin: 0 0 0 10px}
#right_wrapper {width: 430px; float: right; margin: 0 10px 0 0}

.Lsummary_wrapper {width: 450px; margin: 0 0 5px 0; padding-bottom:15px; padding-top:10px; float: left}
.Rsummary_wrapper {width: 450px; margin: 0 0 5px 0; padding-bottom:15px; padding-top:10px; float: right}

.summary_thumb {width: 200px; height: 125px; float: left}
.summary_text {width: 240px; float: right}


/* CSS For Slider */


img.slider {border: none;}
h1.slider {
	font: 3em normal Verdana, Georgia, Times, serif;
	color: #fff;
	text-align: center;
	text-indent: -99999px;
	margin: 100px 0 10px;
}
.container_slider {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
}
#main_slider {
	padding: 0;
	background: #fff;
	border: 1px solid #fff;
}

/*--Main Image Preview--*/
.main_image {
	width: 600px; height: 444px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
	z-index: 960;
}
.main_image h2 {
	font-size: 2em;
	font-weight:bold;
	margin: 0 0 5px;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF;
}
.main_image p {
	font-size: 13px;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
	font-family: Verdana, Geneva, sans-serif;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(/images/arrow-trans.gif) no-repeat 0 center; 
	font-size: 1em; 
	font-family: Verdana, Geneva, sans-serif;

}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(../images/hideshow.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	float: left;
	width: 299px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 3px; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 12px 10px;
	background: #f0f0f0 url(../images/nav_a.gif) repeat-x;
	width: 279px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 14px; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
	font-size: 11px; 
	font-family: Verdana, Geneva, sans-serif;
}	
.image_thumb ul li p{display: none;}

/*modified 1, 2, 3 column styles for use on home page */

/*Style rule for an image or item that takes up the entire width -- 1 column*/
#lead_photo_hm {width: 900px; margin: 10px 0 0; overflow: hidden}


/*Style rules for lead items that take up 2 columns */
#lead2col_wrapper_hm {width: 900px; margin: 10px 0 0}
#lead2col_left_hm {width: 450px; height: 275px; float: left; margin-bottom: 20px}
#lead2col_right_hm {width: 450px; height: 275px; float: right; margin-bottom: 20px}

/*Style rules for lead items that take up 3 columns */
#lead3col_wrapper_hm {width: 900px; margin: 10px 0 0}
#lead3col_left_wrapper_hm {width: 596px; float: left}
#lead3col_left_hm {width: 293px; float: left}
#lead3col_middle_hm {width: 293px; float: right}
#lead3col_right_hm {width: 293px; float: right;}







/*
    AnythingSlider v1.4.1+ Default (base) theme

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 700px;
	height: 390px;
	margin: 0 auto;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #fff;
	color: #feb729;
}
div.anythingSlider .anythingWindow {
	border-top: 0px solid #000;
	border-bottom: 1px solid #fff;
}
div.anythingSlider .start-stop {
	background-color: #333;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #00428d;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #00428d;
}
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}


/* Styles for moving boxes slider */

#slide_wrapper {
    width: 840px;
    margin: 0px auto;
	float:left;
	padding: 5px 0px 20px 35px;
}

#slider {
    width: 840px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 840px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 285px;
	height: 375px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	font:Verdana, Geneva, sans-serif;
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font:Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 -15px 0;
}

.inside p {
	font:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #ccc;
}

p.mb {
	font:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #ccc;
}

a.mb {
	font:Verdana, Geneva, sans-serif;
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

a.mb:hover {
	font:Verdana, Geneva, sans-serif;
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 160px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

/* Styles for moving boxes slider */




/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	padding: 0 45px 28px 45px;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin: -60px 0 0 0;
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../images/arrows-park.png) no-repeat;
	text-indent: -9999px;
}
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; }
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/cellshade.png);
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .thumbNav a:hover {
	background-image: none;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/cellshade.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 0;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

/* NAV CSS CODE */
div.nav_wrapper {
	background: url(../images/masthed-nav.png) top left no-repeat #294563;
	width:100%;
	height:45px;
	margin:0px;
	padding:0px;
	z-index:10;
}


nav {
	width:940px;
	margin: 0px; 
	text-align: left;
	font-family: Verdana; font-size: 10px; line-height:inherit; font-weight:bold;
	z-index:10;
}

nav ul ul {
	display: none;
	z-index:10;
}

	nav ul li:hover > ul {
		display: block;
	z-index:10;
	}


nav ul {
	background: #294563; 
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:10;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	z-index:10;
	}

	nav ul li {
		float: left;
	z-index:10;
	}
		nav ul li:hover {
			background: #263d55;
			border-top-right-radius: 3px; 
			border-top-left-radius: 3px; 
	z-index:10;
		}
			nav ul li:hover a.css_nav {
				color: #feb729;
	z-index:10;
			}
		
		nav ul li a.css_nav {
			display: block;
			margin-top:-5px;
			padding:6px 6px 6px 6px;
			color: #cccccc;
			text-decoration: none;
	z-index:10;
		}
			
		
	nav ul ul {
		background: #263d55; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	z-index:10;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #263d55;
			border-bottom: 1px solid #263d55;
			position: relative;
			width:300px;
			padding-bottom:5px;
			padding-top:5px;
	z-index:10;
		}
			nav ul ul li a.css_nav {
				padding: 5px 20px;
				color: #feb729;
				font-size: 12px;
	z-index:10;
			}	
				nav ul ul li a.css_nav:hover {
					background: #193453;
	z-index:10;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	z-index:10;
	}