/* CSS Document */
html, body{ margin: 0; padding: 0; border: 0px; }
body {padding: 20px 0px 0px;text-align: center;}
body, td, p, li, input, textarea{	font: 12px Arial, Helvetica, sans-serif;	color: #4d4c49;}
a {font: 12px arial; color:#ca250e;text-decoration:none;}
a:hover {font: 12px arial; color:#ca250e;text-decoration:underline;}
table table {width:auto;}
h1 {
	color: #FFFFFF;
	display: block;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 4px;
	margin: 1px 0px;
}
h2 {
	color: #86a8b0;
	font-size: 13px;
	font-weight: bold;
}
h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
ul {margin:0px; padding:0px 0px 0px 15px;}
li {margin:0px; padding:0px 0px 10px 0px;}

/*----------
Layout
------------*/

#wrapper { 
	width:690px; 	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header{height: 120px;}
#container{padding-bottom:20px;}

#topmenu{  float:right; padding-right:27px;}
#topmenu a{
	color: #4d4c49;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#topmenu a:hover{
	color: #B02006;
}

#content {float:right; width:540px}

#leftnav{
   float: left;
   width: 142px;  
}

#searchBlock{padding-top:60px;}


/*----------
Site Specific Colours
------------*/
h1 {
	background: #86a8b0;
}

#rightNav h1 {
	color: #FFFFFF;
	background: #86a8b0;
	margin: 0px 0px 5px;
}
#rightNav{background:#dee4e8;}
#rightNav a{
	background: url("../images/secMenuArrow.gif") no-repeat left center;
	display: block;
	text-decoration: none;
	margin: 0px 0px 5px 4px;
	padding: 0px 0px 0px 15px;
	font-size: 11px;
}
#rightNav a:hover{
	color: #000000;
	text-decoration: underline;
}



/*----------
Drop-down nav menu
------------*/

#menu {
	font: bold 12px Arial, Helvetica, sans-serif;   
}
.menu-level-0 {
   margin-left: 0px;
	width: 142px
}

.menu-level-1 {
   padding-left: 0px;
   margin-left: 140px;
   width: 150px;
   background: #FFFFFF;
}

.menu-level-2 {
   margin-top:2px;
   margin-left: 150px;
   padding-left: 0px;
   width: 150px;
   background: #FFFFFF;
}

.menu-level-3 {
   margin-top:2px;
   margin-left: 150px;
   padding-left: 0px;
   width: 150px;
   background: #FFFFFF;
}

.menuitem-selected {
   display: block;
   cursor: pointer;
   padding-left: 5px;
   background-position: center left;
   background-color: #FFFFFF;
   margin-bottom: 0px;
   margin-top: 0px;
   margin-right: 0px;
}

.menuitem {
   border:none;
   margin-bottom: 0px;
   margin-top: 0px;
   margin-right: 0px;
}

.menuitem-hidden {
   display: none;
}

.menu-level-0 .menuitem {
   border: 1px #FFFFFF solid;
   background-image: url("../images/arrow.gif");
   background-repeat: no-repeat;
   padding-left: 15px;
   margin-bottom:5px;
   background-position: center left;
   border-right: none; 
}

.menu-level-0 .menuitem-selected {
   border: 1px #FFFFFF solid;
   background-image: url("../images/arrow_down.gif");
   background-repeat: no-repeat;
   padding-left: 15px;
   margin-bottom:5px;
   background-position: center left;
   color: #ca250e;
   border-right: none; 
}

.menu-level-1 .menuitem {
   background-image: none;
   padding-left: 5px;
   border: 1px #000000 solid;
   margin-bottom: 1px;
} 

.menu-level-1 .menuitem-selected {
   border: 1px #000000 solid;
   margin-bottom: 1px;
   color: #ca250e;
   background-image: none;
   padding-left: 5px;
}

