/*
-------------------------------------------------------
Ridgeway
Main stylesheet

Core colours
#588092  Blue
#fabb68  Peach
#fcd29d  Pale Peach
#d47600  Orange 
-------------------------------------------------------
*/


* {margin: 0; padding: 0; border: 0; list-style-type: none;}

body {
	background:#FFF;
	font-size: 62.5%;
	color: #588092;
	border-top: 15px solid #006c75;
	border-bottom: 5px solid #006c75;
}


a {color: #d47600;}


#outer {
	width: 932px;
	margin: 0 auto;
	padding: 0 0 0px 0;
	border:0px #999999 dotted;
	margin-top:0px;
	background:url(../images/outer-bg.jpg) repeat-y; 
}
#BOXA {
	display: block;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	width:212px;
	height:auto;
	
	text-align: left;
	border: 0px solid #000000;
	background:#FFF; 
}
#masthead {

height:104px;
width:212px;      /* was 80 */
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	
	
}

#container {
    float:left;
	width: 700px;
	font: 1.2em/1.4em arial, helvetica, sans-serif;
	border:0px solid black;
	background:url(../images/bg.gif) repeat-y;
	margin-top:3px;
	
	
	
}



ul.navigation,
dl.navigation {
	float: left;
	width: 100%;
	height: 25px;
	background: url(../images/bg-ul.gif);
	border-bottom: 5px solid #fff;
}

ul.sub,
dl.sub {
	background: #d47600;
}

ul.navigation li,
dl.navigation dt,
dl.navigation dd {
	float: left;
	padding: 5px 0 5px 14px;
}

dl.sub dt {
	font-weight: bold;
	color: #fff;
}


ul.navigation li a,
dl.navigation dd a {
	color: #588092;
	text-decoration: none;
}

ul.sub li a,
dl.sub dd a {
	color: #fff;
}

ul.navigation li a:hover {
	border-bottom: 4px solid #d47600;
}

ul.sub li a:hover,
dl.sub dd a:hover {
	border-bottom: 4px solid #fff;
}




#leftcol {
	float: left;
	width: 445px;
	margin: 0 5px 0 0;
	padding: 210px 0 0 0;
}

#rightcol {
	float: left;
	width: 250px;
	padding: 210px 0 0 0;
}

#rightcol #transbox {
	margin: 115px 0 29px 0;
	height: 80px;
}

#rightcol #transbox p {
	margin: 1em 15px;
}

#leftcol a, #rightcol a, #rightcol p a {
	color: #d47600;
	font-style:normal;
	
}

.link {
	color: #588092;
	font-style:normal;
	
}



/*      LIST STYLES    */

#leftcol ol li {
list-style:outside decimal;
margin: 5px 15px 5px 25px;
}

#leftcol ul li {
list-style:outside square;
margin: 5px 15px 5px 25px;
}





/* Homepage slideshow */

#homepage #leftcol {
	background: none;
	padding: 0;
}
#homepage #rightcol {background: none;padding: 0; }

#my_slideshow {
	float: left;
	width: 700px;
	height: 210px;
	
}


/* Styles the images in the bannertop of page */
img.pic1  {
	float: left;
	margin:0px 5px 0px 0px;
	padding:0px;
	
}
img.pic2  {
	float: left;
	margin:0px;
	padding:0px;
	
}

img.pic3  {
	float: left;
	margin:0px 5px 5px 5px;
	padding:0px;
	
}






 h1 {
	font-size: 1.6em;
	color: #C96E0C;
	text-align: left;
	margin: 15px 15px;
	padding: 0px;
}


 h2 {
 font-size: 1em;
	color: #d47600;
	text-align: left;
	margin: 10px 10px 5px 10px;
	padding: 5px;
}



h3 {
	font-size: 0.9em;
	margin: 1em 15px;
	color: #588092;
}

.one {
	font-size: 0.9em;
	margin: 1em 15px;
	color: #588092;
	font-weight:normal;
}



h4 {
	font-size: 1em;
	margin: 1.2em 15px;
	color: #d47600;
}

p {
	margin: 0.2em 15px 1.2em 15px;
}

#leftcol dl {
	margin: 1.2em 15px;
}



#footer {
	font-size:12px;
	background-color: #006c75; 
	color:#FFFFFF;
	vertical-align: middle;
	text-align:center;	
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:none;
	border-top:4px solid white;
	
}

#footer a {
	font-size:12px;
	color:#FFFFFF;
	text-align:center;	
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
			
}



#footer p {
	font-size:12px;
	color:#FFFFFF;
	vertical-align: middle;
	text-align:center;	
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-top: #006666 solid 2px;
		
}



/* Accordian - FAQ */

#faqpage #container {
	min-height: 950px;
}

#basic-accordian {
	margin: 1.2em 15px;
}

.accordion_headings {
	padding: 3px 5px;
	background: #d47600;
	color: #fff;
	border: 1px solid #f6f9f9;
	cursor: pointer;
	font-weight: bold;
}

.accordion_headings:hover {
	background: #588092;
}

.accordion_child p {
	margin: 1.2em 0 1.2em 5px;
}

.header_highlight {
	background: #588092;
}
/*
--------------------------------------------------- 
LEFT NAVIGATION
--------------------------------------------------- */
.Heading{ 
width:202px;
font: bold  18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #588092;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 1px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: #FFFFFF 0px solid ;
/*background-color:#d476008;
*/




}

.glossymenu{
margin:0;
padding: 0;
width: 202px; /*width of menu*/


border-bottom-width: 0;
margin-left:5px;
margin-right:5px;
}

.glossymenu a.menuitem{
font: bold  15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #d47600;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;

border-bottom: #d47600 1px solid ;



}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #d47600;

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: 0px solid #9A9A9A;

}

.glossymenu a.menuitem:hover{


}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/



}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;


}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #588092;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold  13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #588092;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{

color: black;;
}



hr{ margin-bottom:2px;}



#box1, 
#box2,
#box3,
#box4,
#box5,
#box6

 {
	display:block;
	height:200px;
	max-height:200px;
	overflow:hidden;
	background-color: inherit;
	width:225px;
	margin:10px;
	padding:0px;
	border:#AEAEAE 1px solid;
	}

.boxtitle {
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	color: #FFFFFF;
	text-align:center;
	border-bottom:1px solid #AEAEAE;
	background-color: #ABB8CF;
}

.boxtext {
	font-size: 1em;
	margin: 0px 0px;
	padding: 3px;
	color: #7193A2;
	border-bottom:0px solid black;
	background-color: inherit;
}


.addthis_button img {
	border-top: #006666 solid 2px;
	margin: 0px 0px -5px 8px;
	padding: 0px;
	
}


.centre {text-align:center;}

#background {
background-image:url(../images/title.gif);
float: left;
	width: 700px;
	height: 210px;
	margin:0px 5px 0px 0px;
	padding:0px;
	
	
}