/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav{
margin-top: 10px;	
}
#mainNav ul{
	 font-family: Arial,Verdana,  Helvetica, sans-serif; 
	 font-size: 1em;
	 font-weight:bold;
		margin-left: 10px;
	margin-right: 10px;
 
 
	padding: 0;
	padding-left: 25px;
	padding-top: 3px;
	list-style:none;
	width: 900px;
	float:left;
	background:  #8ABC12 url(../images/interface/nav_bg.png) repeat-x center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 4px #ffffff;
-moz-box-shadow: inset 0px 0px 4px #ffffff;
box-shadow: inset 0px 0px 4px #ffffff;
}
#mainNav ul li{
float: left;
padding-top: 1px;
padding-bottom: 1px;
 
}
#mainNav ul a{
display: block;
float:left;
padding: 0 42px;
line-height:2em;
line-height:32px;
background:   url(../images/interface/navdivider.gif) no-repeat left center;
font-size: 15px;

text-decoration:none;
color: #fff;
}

#mainNav ul .home a{
background:none;
}

 

 

#home #mainNav .home a, 
#about-us #mainNav .about-us a, 
#oakdene #mainNav .oakdene a, 
#our-team #mainNav .our-team a, 
#contact #mainNav .contact a, 
#themews #mainNav .themews a, 
#general #mainNav .general a, 
#cosmetic #mainNav .cosmetic a{
color:#C9E000;
text-decoration:underline;


}




#mainNav ul a:visited{
 color: #fff;
 text-decoration:none;
 border-bottom: 0;
}
#mainNav ul a:hover{
 color: #C9E000;
 text-decoration:underline;
 border-bottom: 0;
}
#utilities{
	 
}
#utilities ul {
 margin: 0 0;
 margin-top: 60px;
text-align: right;
 padding: 1em 2em;
 padding-top: 0.2em;
 list-style: none;
 
}
#utilities li {
 display: inline;
 margin: 0;
 font-size: 1.2em;
 font-family:"Helvetica Neue", Helvetica, Arial,  sans-serif;
  font-weight: bold;
 padding: 14em 1.5em 14em 1.5em;
 background:  url(../images/interface/utilities-divider.gif) left center no-repeat;
  
}
#utilities a,  #utilities a:link, #utilities a:hover, #utilities a:visited{
 margin-left: 3px; /* Width of the graphic */
 color: #FFF;
 text-decoration:none;
}
 #utilities a:hover{
 color: #333;
 text-decoration:underline;
}
#utilities .first {
  
 background: none;
}
#utilities .first a {
 margin-left: 0;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* 
styles for the left navigation links
*/
 
  
.sidenavtitle{
	 margin: 0px;
	 margin-left: 10px;
	 border-bottom: 2px solid #EDEAEB;
	 line-height: 3em;
	 font-size: 1.3em;
 }

.cbSide {
	width: 210px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;

}
.cbSide ul{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 0.9em;
	padding-left: 0px;
		font-family:Calibri, Arial, Helvetica, sans-serif;

	
}
 
.cbSide li a:link, .cbSide li a:visited{
 
 
color: #003366;
padding-left:19px;
line-height: 250%;
text-decoration: none;
display:block;
width: 180px;
border-bottom: 1px solid #EDEAEB;
font-weight: normal;
 
  
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
}
  


.cbSide li a:hover{

color: #033;
line-height: 250%;
text-decoration: underline;
display:block;
width: 180px;
border-bottom: 1px solid #EDEAEB;
 background-color: #FCFCFC;
 
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}





 
  
/* =Sub Nav
-----------------------------------------------------------------------------*/

/* 
styles for the left navigation links
*/
 
  
.sidenavigationtitle{
	 margin-top: 0px ;
	 margin-bottom: 0px;
	 color: #333333;
	 margin-left: 25px;
 
	 line-height: 2em;
	 font-size: 13px;
	 font-weight: bold;
	 
 }

.sidenavigation{
	 
text-transform: uppercase;
background: url(/images/interface/sidenav_bg.png) top left repeat-x;
background-color: #E1E1E1;
padding-top: 27px;
width: 207px;
padding-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 4px #ffffff;
-moz-box-shadow: inset 0px 0px 4px #ffffff;
box-shadow: inset 0px 0px 4px #ffffff;
margin-bottom: 20px;
}
.sidenavigation ul{
	list-style-type: none;
	margin-top: 5px;
	margin-left: -10px;
	margin-bottom: 10px;
 
 width: 200px;
	font-size: 0.9em;

		font-family:Calibri, Arial, Helvetica, sans-serif;

}
.sidenavigation ul li{
  

}
 
.sidenavigation li a:link, .sidenavigation li a:visited  {
 
 
color: #CC0000;
padding-left:38px;
line-height: 250%;
text-decoration: none;
display:block;

font-weight: bold;
 
  
line-height: 1.4em;
padding-top: 7px;
padding-bottom: 8px;
padding-right: 20px;

}
  
.leftnavselected, .leftnavselectedbig, .sidenavigation li a:hover{
	
	
 
	background: url(/images/interface/leftnav_red.png) top left no-repeat;  
	height: 56px;
	margin-bottom: -6px;
	width: 244px;
	 
 
}
 .leftnavselectedbig , .sidenavigation li.leftnavselectedbig  a:hover, .sidenavigation li.noselectedbig  a:hover{
	background: url(/images/interface/leftnav_redbig.png) top left no-repeat;  
	height: 66px;
	 
 
}
.sidenavigation li.noselectedbig  {
height: 66px;
 margin-bottom: -2px;
}
.sidenavigation li.leftnavselectedbig a:link, .sidenavigation li.leftnavselectedbig a:visited  {
	padding-top: 4px;
padding-bottom: 4px;
 }

.sidenavigation li.leftnavselected a:link, .sidenavigation li.leftnavselected a:visited, .sidenavigation li.leftnavselected a:hover, .sidenavigation li a:hover,   .sidenavigation li.leftnavselectedbig a:link, .sidenavigation li.leftnavselectedbig a:visited, .sidenavigation li.leftnavselectedbig a:hover  {
		color: #FFF;
	
}

.sidenavigation li a:hover{
	margin-bottom: -38px;
}
 
  
