/* ##### MAIN NAVAGATION ##### */

.main_nav_wrap {
	background: url(../images/main_nav_bg.jpg) repeat-x top left #753d94;
	height: 50px;
	margin: 0px auto 20px;
	padding:0px 20px;
	width: 960px;
	/* BORDER RADIUS */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/* BOX SHADOW */
	-moz-box-shadow:0 2px 1px #FFF;
	-webkit-box-shadow:0 2px 1px #FFF;
	box-shadow:0 2px 1px #FFF;
}
.main_nav {
	margin: 0px auto;
	height:50px;
	width:960px;
}
.main_nav ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
}
.main_nav li{
	float:left;
	height: 46px;
	margin: 0px;
	padding-top:6px;
	width: 136px;
	text-align: left;
}
.main_nav li a{
	color: #FFF;
	display: block;  
	font-family: 'Pontano Sans', sans-serif;
	font-size: 16px; 
	margin: 0px; 
	padding: 9px 10px;
	text-decoration: none;
	text-align: center;
	width: 126px;
}
.main_nav li a:hover, .main_nav ul li:hover a {
	background: #a55fc8;
	color:#303;
	height: auto;
	width: 126px;
	/* BORDER RADIUS */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.main_nav ul li a.active {
	color:#333;
	background: #b777da;
	width: 126px;
	padding: 10px 10px;
	height: auto;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* ##### DROP DOWN ##### */

.main_nav li ul{
	background: url(../images/drop_bg.png)#EEE;
	display: none;
	height: auto;
	padding:5px;
	position: relative;
	margin-top: 5px;
	width: 200px;
	z-index: 200;
	/* BOX SHADOW */
	-moz-box-shadow:0 0 3px #333;
	-webkit-box-shadow:0 0 3px #333;
	box-shadow:0 0 3px #333;
	/* BORDER RADIUS */
	border-radius-bottom-left: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius:4px;
	border-radius-bottom-right: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.main_nav li:hover ul {
	display:block;
}
.main_nav li li {
	display: block;
	float: none;
	height: 36px;
	width: 200px;
}
.main_nav li:hover li a {
	background: none;
	color:#007662;
	width: 200px;
}
.main_nav li ul a{
	display: block;
	font-size: 14px;
	font-style: normal;
	height: 20px;
	margin: 0px;
	padding: 10px 0px 10px 15px;
	text-align: left;
}
.main_nav li ul a:hover, .main_nav li ul li:hover a {
	background:#DDD;
	color:#007662;
	height: 16px;
	width: 185px;
	text-decoration:none;
}
.main_nav p {
	clear:left;
}	

/* ##### SIDEBAR NAVAGATION ##### */

.side_nav_wrap {
	border:1px #CCC solid;
	border-top:1px #AAA solid;
	border-bottom:none;
	padding: 10px;
	width: 200px;
	/* BORDER RADIUS */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/* BOX SHADOW */
	-moz-box-shadow:0 1px 2px #FFF;
	-webkit-box-shadow:0 1px 2px #FFF;
	box-shadow:0 1px 2px #FFF;
}
.side_nav {
	height: auto;
	margin: 0px auto;
	width: 200px;
}
.side_nav ul {
	border-top:1px #AAA solid;
	padding: 0px; 
	margin: 0px; 
	list-style: none; 
}
.side_nav li {
	background: url(../images/side_nav_up_bg.png) left top no-repeat;
	border-bottom:1px #AAA solid;
	margin: 0px;
	width: 200px;
	height: 40px;
	text-align: left;
	/* BOX SHADOW */
	-moz-box-shadow:0 1px 1px #FFF;
	-webkit-box-shadow:0 1px 1px #FFF;
	box-shadow:0 1px 1px #FFF;
}
.side_nav li a{
	display: block;
	margin: 0px; 
	padding: 10px 5px; 
	color: #333; 
	font-size: 12px; 
	font-family: 'Cutive', serif;
	text-decoration: none;
	text-shadow: 0px 1px #FFF;
	text-indent: 5px;
	width: 190px;
}
.side_nav li a:hover, .side_nav ul li:hover a {
	background: #FFF;
	color:#007662;
	height: 20px;
	width: 190px;
}
.side_nav ul li a.active {
	background: #F6F6F6;
	color:#333;
	height: 15px;
	padding: 10px 10px;
	width: 200px;
}

/* ##### FLY OUT ##### */

.side_nav li ul{
	background:#FFF;
	display: none;
	height: auto;
	margin-left: 201px;
	margin-top: -41px;
	position: absolute;
	padding:5px;
	width: 200px;
	z-index: 200;
	/* BOX SHADOW */
	-moz-box-shadow:0 0 3px #999;
	-webkit-box-shadow:0 0 3px #999;
	box-shadow:0 0 3px #999;
	/* Border Raduis */
	border-radius-top-right: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius-bottom-left: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-radius-bottom-right: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.side_nav li:hover ul {
	display:block;
}
.side_nav li li {
	border: none;
	display: block;
	float: none;
	height: 36px;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
.side_nav li:hover li a {
	background: none;
	border: none;
	color:#333;
	width: 200px;
}
.side_nav li ul a{
	display: block;
	font-size: 12px;
	font-style: normal;
	height: 20px;
	margin: 0px;
	padding: 10px 0px 10px 15px;
	text-align: left;
}
.side_nav li ul a:hover, .side_nav li ul li:hover a {
	background-color: #EEE;
	color: #007662;
	height: 16px;
	width: 185px;
}
.side_nav p {
	clear:left;
}