/*   
Theme Name:iDream
Theme URI:http://www.templatesnext.org/theme-idream/
Description:WordPress theme with two columns, four widget areas. The theme options include a removable bottom sidebar, category or page navigation, custom copyright notice. It comes with a lavalamp dropdown menu.
Author:marsian
Author URI:http://www.templatesnext.org/
Version:1.0.1
Tags: two-columns, fixed-width, red, white, right-sidebar, threaded-comments

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

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

/*       +++++++++++ Basic CSS +++++++++++++      */

* {margin:0; padding:0;}

body {
	color: #303334;
	background:url(images/bg-header.png) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
html{background: #a5c55e url(images/bg-green.jpg) top center no-repeat;}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	margin-bottom: 12px;
	margin-top: 0.7em;
	color:#033450;
}

p {	margin:0 0 16px 0;}

a {	outline:none; 	text-decoration:none;	color: #5A8930;}
a:hover {	color:#1481ac;	text-decoration: none;}

a img {	border:none;outline:0;}

.clr {
	display: block;
	clear: both;
}

.clr6 {
	display: block;
	clear: both;
	height: 6px;
}

.clr12 {
	display: block;
	clear: both;
	height: 12px;
}

.clr16 {
	display: block;
	clear: both;
	height: 16px;
}

form {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0 0 16px 10px;
	padding: 0;
	list-style-type: none;
}

ul ul,
ul ul ul{
	margin-bottom: 0px;
}

ul li,
ul li ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 16px;
	background: url(images/item-pointer.png)0 3px no-repeat;
	padding-left: 12px;
	margin-bottom: 6px;
}

ul li ul li {
	background-image: url(images/sq-bullet4.png);
}


ol {
	margin: 0px;
	padding: 0 0 0 24px; /*--Distance between the order numbers--*/
}
ol li {
	margin: 0px;
	padding: 0px 0px;
	margin-bottom: 6px;	
}

hr {border: none 0;
	border-top: 1px dotted #CCCCCC;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}


fieldset {
	border: 1px solid #999999;
	padding: 12px;
}

fieldset legend {
	font-weight: bold;
	color: #333333;
}

input[type=text], input[type=password], input[type=file], select, textarea {
	border: 1px solid #858a8e;
	background-color: #EAECEC;
	color: #333333;
	border:1px solid #999;
	height:20px;
}

input[type=button], input[type=reset], input[type=submit] {
	border: 1px solid #858a8e;
	background-color: #141618;
	color: #123e4f;
	padding: 3px 12px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	margin-top:0;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0px;
	border: 1px solid #7a0000;
	cursor: pointer;
	background-color: #c00000;
	font-weight: bold;
	font-size: 11px;	
}




/*       +++++++++++ Basic Layout +++++++++++++      */
#wrapper {
	display: block;
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

#layoutbottom {
	display: block;
	width: 980px;
	height: 26px;	
	margin-bottom: 12px;
}

#header {
	display: block;
	width: 980px;
	height: 137px;
	padding: 0;	
	margin: 0;
	overflow: hidden;
	position:relative;
}

#outerwrapper {
	display: block;
	background:url(images/innerbg-trns.png) repeat-y;
	padding: 0px 0px;
	margin: 0px 0px;
}

#innerwrapper {
	display: block;
	background:url(images/innerbg-top.png) no-repeat;
	width: 980px;
	padding: 0px;
	margin: 0px 0px;
}

/*       +++++++++++ Header +++++++++++++      */
/*slider*/


#featureditem1 {
	background-image: url(images/header1.jpg);
	background-repeat: no-repeat;
	height: 137px;
	width: 980px;
	margin:0;
}
#featureditem2 {
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;
	height: 137px;
	width: 980px;
	margin:0;
}
#featureditem3 {
	background-image: url(images/header3.jpg);
	background-repeat: no-repeat;
	height: 137px;
	width: 980px;
	margin:0;
}
#slider {
	height: 137px;
	width: 980px;
	overflow: hidden;
	padding: 0;
	margin:0;
	z-index:1;
}
/*End of featured item*/

#header #headerleft{
	display: block;
	position:absolute;
	top:50px;
	left:20px;
	z-index:10;
	width: 620px;
}


#header #headerleft h1 {
	margin: 0px;
	padding: 0px;	
}

#header #headerleft h1 a{
	display: block;
	padding-right: 12px;
	font-size: 35px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-shadow: #000 1px 1px 1px;
}

#header #headerleft h3{
	float: left;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	margin: 0px;
}





/*       +++++++++++ Top navigation +++++++++++++      */

#navouter {
	display: block;
	height: 38px;
	background: url(images/topnavbg.png) repeat-x;	
}

#navouter #nav {
	display: block;
	height: 32px;
	padding: 5px 8px;
}

#navouter #nav ul{	
}

#navouter #nav ul,
#navouter #nav ul li{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: none;
	list-style-type: none;
}

#navouter #nav ul li a,
#navouter #nav ul li a:visited{
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: #a4d146;
	margin: 0px;
	padding: 0px 12px;
	text-decoration: none;
}
#navouter #nav ul li a:hover, #navouter #nav ul li li a:hover {
	color: #fff;
}

#navouter #nav ul li.current_page_ancestor a,
#navouter #nav ul li.current_page_item a {
	color: #000;
	background: #a4d146 url(images/arrow_current.png) top center no-repeat;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* +++++++ Drop down menu CSS +++++++++++++++ */

#navouter #nav ul#dropmenu, 
#navouter #nav ul#dropmenu ul {
	margin:0; padding:0; 
	list-style-position:outside; 
	position:relative; 
	z-index:300; 
	width:100%;
} 

#navouter #nav ul#dropmenu a {font-weight:bold;

} 

#navouter #nav ul#dropmenu a:hover {} 

#navouter #nav ul#dropmenu li {
	position:relative;
} 

#navouter #nav ul#dropmenu ul {
	position:absolute; 
	display:none; 
	width:125px; 
	top:25px; 
	left:-1px;
} 

#navouter #nav ul#dropmenu ul a {
	border-bottom:1px solid #39454f; 
	background-color: #000; 
	padding: 0px 10px;
	background-image:none;
	font-size:12px;
	color:#a4d146;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
} 
#navouter #nav ul#dropmenu ul a:hover{color:#fff;}
#navouter #nav ul#dropmenu li ul {
	width:120px;
} 

#navouter #nav ul#dropmenu li ul a {
	width:120px; 
	height:auto; 
	float:left;
} 

#navouter #nav ul#dropmenu ul ul {
	top:auto; 
	width:144px;
} 

#navouter #nav ul#dropmenu li ul ul {
	left:120px; 
	margin:0px 0 0 25px;
} 

#navouter #nav ul#dropmenu li:hover ul ul, 
#navouter #nav ul#dropmenu li:hover ul ul ul, 
#navouter #nav ul#dropmenu li:hover ul ul ul ul {
	display:none;
} 

#navouter #nav ul#dropmenu li:hover ul, 
#navouter #nav ul#dropmenu li li:hover ul, 
#navouter #nav ul#dropmenu li li li:hover ul, 
#navouter #nav ul#dropmenu li li li li:hover ul {
	display:block;
}  

/*  ===============================
+++++++++++ Main Content Area +++++++++++++      
===================================*/

#maincol {
	display: block;
	width: 640px;
	float: left;
	padding:20px;

}

div.postwrap {
	display: block;
	margin-bottom: 16px;
}

h2.searchtitle-page,
div.postwrap h2.posttitle,
div.postwrap h2.posttitle a,
div.postwrap h2.posttitle a:visited {
	font-size: 20px;
	font-weight: bold;
	color: #033450;
	text-decoration: none;
	margin: 0px 0 0 20px;
}
div.postwrap h2.posttitle-page, div.postwrap h2.posttitle-page a {
	font-size: 20px;
	font-weight: bold;
	color: #033450;
	text-decoration: none;
	margin: 0;
}

div.postwrap h2.posttitle a.searchtitle {	font-size: 14px;}

h2.searchtitle-page,
div.postwrap h2.posttitle-page {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px;
	margin-bottom: 24px;	
}

div.postwrap h2.posttitle a:hover {	color: #950000;}
div.postwrap h3{font-weight:normal; font-size:18px;}

div.postwrap p.postmeta,
div.postwrap div.postmeta {
	display: block;
	min-height: 23px;
	vertical-align: middle;
	color: #84878b;
	font-size: 11px;
	padding: 3px 0px;
	margin: 0px 0 0 60px;
}

div.postwrap p.postmeta a,
div.postwrap div.postmeta a,
div.postwrap p.postmeta a:visited,
div.postwrap div.postmeta a:visited {
	border-bottom: 1px solid #afafaf;
	color: #999999;
}
div.postwrap p.postmeta a:hover,
div.postwrap div.postmeta a:hover {
	border-bottom: 0px solid #afafaf;
}

div.postmeta2 {
	display: block;
	position: relative;
}
div.postmeta2 div.meta2inner {
	display: block;
	position: absolute;
	height: 60px;
	width: 58px;
	background-image: url(images/datebg.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	left: 0px;
	top: -0px;
	border-bottom:1px solid #006;
}

div.postmeta2 div.meta2inner div.pday {
	text-align: center;
	display: block;
	padding-left: 4px;
	font-size: 26px;
	font-weight: bold;
	padding-top: 8px;
}

div.postmeta2 div.meta2inner div.pmonth {
	text-align: center;
	display: block;
	padding-left: 4px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 0px;
}


div.postwrap div.postmeta,
div.postwrap h2.posttitle {
	padding-left: 32px;
}

div.postwrap div.postcontent {}


div.roubcornrcontent {
	display: block;
	padding: 6px 12px;
	background-color: #e6e6e6;
}

div.postwrap div.roubcornrcontent a,
div.postwrap div.roubcornrcontent a:visited{
	color: #666666;
	text-decoration: none;
}

div.postwrap div.roubcornrcontent a:hover{
	color: #CC0000;
	text-decoration: none;
}

div.postwrap span.postcomments {
	display: block;
	width: 124px;
	float: left;
	background-image: url(images/icon-comment.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}



div.postwrap span.posttags-single,
div.postwrap span.posttags {
	display: block;
	width: 312px;
	float: left;
	background-image: url(images/icontag.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
	color: #999999;
}

div.postwrap span.posttags-single {
	display: block;
	float: none;
	width: auto;
	width: 530px;
	padding: 0px 12px 0px 18px;
	min-height: 16px;
}

div.postwrap span.postmore {
	display: block;
	float: left;
	background-image: url(images/icon-more.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}

#nextprevious {
	display: block;
	margin-bottom: 16px;
}

#extrastuff #rssleft,
#extrastuff #trackright,
#nextprevious .alignleft a, 
#nextprevious .alignright a {
	display: block;
	border: 1px solid #bdbdbd;
	padding: 4px 6px;
	background-color: #e6e6e6;
}

h2.arpageTitle {
	display: block;
	font-size: 20px;
	border-bottom: 1px solid #999999;
	margin-bottom: 24px;
}

a.searchmore,
a.searchmore:visited {
	display: block;
	float: right;
	line-height: 18px;
	height: 18px;
	vertical-align: middle;
	font-size: 11px;
	color: #CCCCCC;
	padding: 2px 6px;
	background-color: #2e3135;
	margin-top: 12px;
}

a.searchmore:hover {
	color: #FFFFFF;
}

.ie a.searchmore {
	margin-top: 0px;
}

/*       +++++++++++ Comment page +++++++++++++      */

a.post-edit-link {
	display: block;
	line-height: 22px;
	height: 22px;
	vertical-align: middle;
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
	display: block;
	margin-bottom: 12px;
}

a.post-edit-link:hover {
	text-decoration: none;
}

h3#commentstitle {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	padding-left: 0px;
	padding-bottom: 4px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cecece;
}

ul.commentlist {
}

ul.commentlist li {
	margin: 2px 0px 24px 0px;
	padding: 0px;
	background-image: none;
}

ul.commentlist ul {
	margin-left: 12px;
	margin-top: 16px;
}

ul.commentlist li ul li {
	display: block;
	margin: 2px 0px;
	padding: 4px;
	border-left: 1px solid #cecece;
}

ul.commentlist li ul li ul li {
}

ul.commentlist li ul li ul li {
}

ul.commentlist li ul li ul li ul li {
}

a.gravatar {
	display: block;
	float: left;
	margin: 0px 8px 4px 0px;
}

a.gravatar img{
	border: 4px solid #FFFFFF;
}

a.comment-reply-link {
	display: block;
	margin: 0px;
	padding: 4px;
	border-bottom: 1px solid #cecece;
}

div#respond {}

div#respond h3 {
	margin-bottom: 12px;
}

div.commentbody cite,
div.commentbody cite a {
	color: #666666;
	font-weight: bold;
}
/* ================================      
+++++++++++ Left column side bar +++++++++++++      
================================ */
/*#leftcol {
	display: block;
	width: 200px;
	float: left;
}

div.leftcontent {
	display: block;
	padding: 10px 5px;
	margin-left:15px;
	height:400px;
	background:url(images/sidenav-bg.png) no-repeat;
}*/
/* ================================      
+++++++++++ Right column side bar +++++++++++++      
================================ */

#rightcol {	width: 260px;float: right;padding:0 12px;overflow: hidden;}

div.rightcontent {	display: block;	padding: 12px 16px;}

#searchboxo {
	width:184px;
	display: block;
	padding: 20px 0 16px 0;
	background: url(images/search-bg.jpg) no-repeat bottom #769040;
	margin: 0 0 16px 30px;
}

#searchboxo form input.searchinput {
	display: block;
	float: left;
	width: 110px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	background-image: url(images/inputbg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:none;

}

#searchboxo form input.submitbutton {
	display: block;
	float: left;
	width: 25px;
	margin: 0px;
	height:20px;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0px;
	cursor: pointer;
	background: #fff url(images/submit-btn.png) no-repeat;
	border:none;
	text-indent:-10000px;
}

#rightcol ul.sidebaritem,
#rightcol li.sidebaritem {
	margin: 0px;
	padding: 0px;
	background-image: none;
	list-style-type: none;
}
#rightcol li.sidebaritem ul li, #rightcol .widget ul li{background:url(images/sq-bullet3.png) 0 7px no-repeat;}
div.widget,
div.widget-cat,
#rightcol li.sidebaritem {	margin-bottom: 16px;}
background:url(images/item-pointer.png) no-repeat;
#bottompanel div.col1 h3,
#bottompanel div.col2 h3,
#bottompanel div.col3 h3,
div.widget h4,
div.widget h2{
	font-size: 16px;
	font-weight: normal;
	color: #474747;
	padding: 4px 12px 4px 0;
	margin-bottom: 12px;
	margin-left: 0px;
	text-indent: 0px;
	color:#fff;
	border-bottom:1px dotted #1F2850;
}
div.widget h4{color: #033450;}


div.widget-cat h4,
#rightcol li.widget_categories div.sidebarbox h2.widgettitle, #rightcol li.sidebaritem  h2.widgettitle {
	font-size: 18px;
	font-weight: normal;
	color: #474747;
	padding: 0;
	margin-bottom: 0.7em;
	color: #033450;
	border-bottom:1px dotted #1F2850;
}

div.widget-cat ul li,
li.widget_categories ul li {	
	display: block;
	padding: 0 0px 4px 10px;
	margin: 0;
	color: #9ea2a9;	
}

div.widget-cat ul li ul li,
li.widget_categories ul li ul li,
div.widget-cat ul li ul li ul li,
li.widget_categories ul li ul li ul li{
	border-bottom: 0px solid #1f2225;
	padding: 4px 0px 4px 12px;
	border-left: 1px solid #DFDFDF;
}

div.widget-cat ul li a,
div.widget-cat ul li a:visited,
li.widget_categories ul li a,
li.widget_categories ul li a:visited{
		color: #666666;
	font-weight: bold;
}

div.widget-cat ul li a:hover,
li.widget_categories ul li a:hover{
	color: #333333;
}

table#wp-calendar {
	border-collapse: collapse;
	border: 0px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #00FF00;
	width: 100%;
}

table#wp-calendar caption {
	background-color: #CC0000;
	font-size: 14px;
	padding: 4px 0px;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	border: 1px solid #50545a;	
}

table#wp-calendar tr {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table#wp-calendar td,
table#wp-calendar th{
	border-collapse: collapse;
	border: 1px solid #50545a;
	text-align: center;
}

table#wp-calendar td a,
table#wp-calendar td a:visited{
	font-weight: bold;
	color: #F8C2C4;
}
table#wp-calendar td a:hover{
	color: #FFFFFF;
}

#feedbox {
	display: block;
	background-image: url(images/rssbg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 70px;
}

#feedbox #contrssbox {
	display: block;
	float: left;
	margin: 12px 0px 0px 16px;
}

#feedbox #contrssbox a,
#feedbox #contrssbox a:visited{
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	color: #caced3;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/rss-bg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 96px;
	padding-left: 36px;
}

#feedbox #contrssbox a:hover{
	color: #FFFFFF;
	background-position: 0px -32px;	
}


div.sidebarbox select.postform {
	margin-top: 12px;
}

span.rss-date {
	display: block;
	font-size: 11px;
	color: #999999;
}


/* ++++++++++++ Footer +++++++++++++++ */
#footerbox {
	display: block;
	margin: 0px;
	padding: 10px 10px 10px 20px;
	background: url(images/footer.png) bottom center no-repeat #91b24a;
	border-top: 2px solid #57751c;
}

#bottompanel {
	display: block;
	margin: 0px;
	padding: 0px;
	color:#fff;
}
.roundcornrrbox{}

#bottompanel div.col1,
#bottompanel div.col2,
#bottompanel div.col3 {
	display: block;
	float: left;
	width: 32%;
	margin-top: 0px;
	padding-top: 0px;
}

#bottompanel div.col1 h3,
#bottompanel div.col2 h3,
#bottompanel div.col3 h3 {
	margin-top: 0px;
	padding-bottom:5px;
	padding-top: 0px;
	color:#fff;
	border-bottom:1px dotted #fff;
}
.textwidget a{color:#000;}

#bottompanel div.col2,
#bottompanel div.col3 {
	margin-left: 2%;
}

div.copyr {
	display: block;
	padding: 6px 0px;
	font-size: 11px;
	color: #ffffff;
	margin-top: 12px;
}

#credit {
	display: block;
	width: 864px;
	margin: 0px auto;
	text-align: right;
	color: #707279;
	font-size: 11px;
	padding: 0px 0px 12px 0px;
}

#credit a,
#credit a:visited{
	color: #707279;
	font-size: 11px;
	text-decoration: underline;
	color: #8f9198;
}

#credit a:hover{
	text-decoration: none;
}

/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }
 
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  	border: 1px solid #ddd;
  	text-align: center;
  	background-color: #DFDFDF;
  	padding-top: 4px;
}

div.postwrap div.postcontent div.wp-caption a,
div.postwrap div.postcontent div.wp-caption a:visited {
	border-bottom: 0px solid #FFFFFF;
}

.wp-caption img {
	  margin: 0;
	  padding: 0;
	  border: none;
	  margin-bottom: 4px;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
}

div#extrastuff {
	display: block;
	margin-bottom: 24px;
	margin-top: 12px;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* WP */
blockquote{margin:20px 10px 10px 5px;border-left:4px solid #DDD;background:#ecf5fc;padding:5px 10px;font-size:11px;text-align:justify;}
.commenttext blockquote{border-left:4px solid #B6B6B5;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;}
.wp-caption img{border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#111;margin:0;padding:0 4px 5px;}
div.postwrap img{margin:3px 15px 2px 0;padding: 4px; border: 1px solid #ededed;display: inline; } 
img.centered{ display: block; margin-left: auto; margin-right: auto; } 
img.alignright{ margin: 3px 0 2px 10px; padding: 4px; border: 1px solid #ededed;display: inline; } 
img.alignleft{ margin: 3px 15px 15px 0; padding: 4px; border: 1px solid #ededed; display: inline; } 
.alignleft{float:left;} 
.alignright{float:right;} 
.aligncenter {display:block;margin-left: auto;margin-right: auto;}

abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;}
table{margin:.5em 0 1em;}
table td,table th{text-align:left;border-right:1px solid #414246;padding:.4em .8em; color: #CCCCCC;}
table th{background-color:#1f2225;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #35383d;}
table td{background-color:#3f4248;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#2f3136;}
table tr:hover td{background-color:#25272b;}
table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
.wp_syntax { width:auto; }
.wp_syntax table { border:0 !important; }
.wp_syntax table td { border:0 !important; }
img.wp-smiley{border:0px;vertical-align:middle;}

/*================================================
sidebar menu
================================================*/



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0 ;
	list-style:		none;
	z-index:90;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	list-style-type:		none;
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%; padding:0;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.5em .7em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#0c1d2c;
}
.sf-menu li {	background:url(images/sidenav-underline.png) no-repeat bottom; padding-left:0;}

.sf-menu li ul, .sf-menu li ul li ul, .sf-menu li li{background:	#4abce8; -moz-border-radius-topright: 5px;-moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px;}

.sf-menu li li {		border-bottom:1px solid #4dc2f0;}

.sf-menu li li li {	background:		#4abce8;}
.sf-menu li li ul {margin-left:5px;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:		#04589f;
	outline:		0;
}
.sf-menu li li a:hover, .sf-menu li li a.sfHover {
	background:	 #0CF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	12em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	12em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}