/* CSS Document -- menu styles at end */

/* General styles */

* {
margin: 0px;
border: 0px;
padding: 0px;
}

body {
background-color: #FEE5A0;
width: 100%;
text-align: center;
font: 76%/150% Arial, Helvetica, sans-serif;
color: #333333;
}

#container {
margin: 0px  auto; position: relative;
background:#929292;
width: 90%;
text-align:left;
min-width: 700px;
max-width: 1400px; /*min and max not recognised by IE6, headnav width specified for now to help*/
}

a {
}

a:visited, a:active, a:link {text-decoration: none; }
a:hover {text-decoration: underline; }

sub /*for the subscript*/ {
margin: 0px 0px -10px;
padding: 0px;
font-size: 0.8em;
top: -8px;
line-height: 1em;
/*border: 1px solid transparent;*/
}

em /*for emphasis as italics*/ {
font-style: oblique;
}

.amber, #nav2 a.amber {
color: #FEE5A0;
}



/*header styles*/
#header {
	background: url(../images/bgheader.gif) top left repeat-x #FFFFFF;
	height: 220px;
	text-align: right;
}

#headnav {
position: relative;float: right;
top: 0px;right: 0px;
background: url(../images/headpic.gif) top right no-repeat;
width: 700px; /* temporary fix to stop IE6 folding up cos of not recognising min/max width*/
height: 160px;
}

#headnav ul {padding-top: 170px;} 
/*this hangs the menu text under the header pic*/

#headnav ul li {
color: #FEE5A0; font-size: 1em;
	margin-right: 10px;
	display:inline; 
} 

#headnav ul li a {color: #FEE5A0;}

#headnav a:link, #headnav a:visited, #headnav a:active {
color:#FEE5A0; text-decoration:none;
}

#headnav a:hover {
color:#FEE5A0; text-decoration:underline;
}

#logo {
position: absolute; background: url(../images/logo_trans.gif) top left no-repeat;
height: 194px; width: 208px; left: 0px; top: 0px;
}

#logo span {display: none;}





/*sidecol styles*/
#sidecol {
position: relative; float: left;
width:220px; margin: 0px;	
/*background: url(/menuimages/menutop.gif) no-repeat left top;
padding-top: 18px; if nothing else goes in?*/
}

/* Hides from IE5-IE7-mac \*/
* html #sidecol {height: 1%;}
 /* End hide from IE5-IE7-mac */
/*Holly hack*/

#sidetopspace {
  background: url(/menuimages/menutop.gif) no-repeat left bottom;
  padding: 0px 0px 0px 17px;
  position: relative;
} /*For the top of the menu*/

#sidetopspace p { text-indent: -3000px; color: #3f3f3f;
/*This is placeholder to preserve menu top*/}

.sidefloater {
float: left;
font-style: oblique;
font-size: 1.6em;
color: #FEE5A0;
line-height: 2em;
}

.sidefloater p {
text-align:right; 
width: 181px;
padding-left: 10px;
}



/*footer styles*/
#footer {
background: #929292;
width: 100%;
clear: both; /* This force container to fill space behind, whereas clear left did not (for Safari/FF) */
}

#tagline {
background: url(../images/tagline.gif) bottom right no-repeat; 
text-align: left; font-size: 0.8em;
width: 100%; padding-top:40px;
}

#tagline a:link{color:#333333;}
#tagline a:visited{color:#333333;}
#tagline a:hover{color:#333333;}
#tagline a:active{color:#333333;}



/* Main column styles */

#maincol {
background: url(../images/bgmaincol.gif) top left repeat-y #CCC1B2;
margin-left: 231px;
height: 1%; /*Shows full bg image in IE 5-6 */
 }
 
#topic {
position: relative; 
/*allows IE6 to show top corner correctly*/
background: url(../images/maincoltop.gif) top left no-repeat;
background-color: transparent; 
padding-top: 2px;
/*This stops IE6 cutting div a pixel lower in maincol and showing a pixel of main col bg. With 2px pad, top image now in right position in all browsers now*/
height: 1%; /*Shows full bg image in IE 5-6 */
} 

#maincol h1 {
font-size: 2.4em; line-height: 1.2em; 
font-weight: bold;
padding: 20px 0px 10px 25px; color: #1B11D0; 
}

#maincol p, #maincol ul { 
list-style-position:inside; 
padding: 15px 20px 0px 25px;
}

#maincol li {
padding-bottom: 5px;
}

#topic a, #links a, #comments a {
font-weight: bold;
color: #333333;
background-color:#B0A5B7;
}

#maincol h2 {
font-size: 1.6em; line-height: 1.2em; 
font-weight: normal;  
padding: 30px 20px 5px 25px;
text-transform: uppercase;
color: #1B11D0;
}

#maincol h3 {
font-size: 1.3em; line-height: 1.2em; 
font-weight: bold;  
padding: 15px 20px 0px 25px;
color: #1B11D0;
}

#maincol #links p {
padding: 7px 20px 0px 25px;
}

#maincol #links p a {margin-right: 0.5em;}



/* Floating bits */
img#topfloat {
clear: right; float: right;
padding: 0px 0px 20px 20px;
display: inline; position: relative; 
}

#mainimage{
float: right; clear: right;
padding: 0px 0px 20px 20px;
display: inline; position: relative; 
}

#mainimage p {
padding:0; margin:0; text-align:right; 
font-style:italic; font-size:0.9em; line-height:10px;
}

.float {
width: 220px; 
clear: right; float: right;
padding: 20px 0px 20px 20px;
display: inline; position: relative; 
}

#maincol p.box {
background-color: #3F3F3F; color:#FFFFFF;
padding: 10px;
}
p.box a {color: #B0A5B7; font-weight: bold;}

#maincol h3.boxhead {
background: url(../images/boxhead.gif) left top repeat-y #1B11D0;
padding: 6px 10px; font-weight: normal;
color: #FFFFFF;
}





/* Comment part */
.comment_form{margin:10px 25px; margin-top:15px; color:/*border-top:solid 2px #FFF; I don't think we need this if each entry has a white line after it anyway? WF*/}
.comment_displaycontent{margin-left:25px; color:#000;}
.comment_displayauthor{margin:15px 25px; color:#000; border-bottom:solid 1px #FFF;padding:10px 0;}
.input1{height:30px; margin-top:5px;}
.hx1{background-color:#FFF; border:2px solid #FEE5A0;}
.hx2{background-color:#FFF; border:2px solid #FEE5A0;}
.hx7{background-color:#FFF; border:2px solid #FEE5A0; margin-top:5px;}


#comments p {
padding-top: 0px;
} 

#comments p.cname {
font-weight:bold; font-size: 1.2em; 
color: #ffffff; padding-top: 15px;
}

#comments p.cdetail {
color: #ffffff;
}

#commentform {
}


.response {margin-left: 25px; margin-right: 25px; border-bottom: #FFFFFF solid 1px;}

#formfiller {
	margin-top: 10px;
	background-color: #FFFFFF;
	height: 100px;
	width: 440px; /* fix this width on final form entry to match minimum width of header IE cheat */
	border: 2px solid #FEE5A0;
	margin-left: 25px;
}

#minifiller {
	display: block; margin-top: 10px;
	background-color: #FFFFFF;
	height: 20px;
	width: 150px;
	border: 2px solid #FEE5A0;
	margin-left: 25px;
}



/*bottom secondary nav*/
#nav2 {
position: relative;
background-color: transparent; width: 100%;
background: url(../images/maincolbottom.gif) left bottom no-repeat;
clear: right; padding: 0px;
}

#nav2 ul li {
display:inline; line-height: 1em;
}

#nav2 ul li a {
display:inline; padding-left: 10px;
font-size: 0.9em; color: #787878; font-weight: normal; 
}

a#topbutton {
color: #FEE5A0; padding-right: 10px; font-weight:bold;
display: block; background:none;
text-align: right; position: relative; 
top: -5px;
}

/*Blendy images stuff*/



/* Menu CSS */
/* New sidebar navigation starts here */
#Sidebar {
    float:left;
    width:200px;
    padding: 0 0 38px;
  background: url(/menuimages/menubottom.gif) no-repeat left bottom;
}
  
/* New sidebar navigation ends here */

/*expanding menu stuff goes here*/
#ExpandingSidebar {
 list-style: none;
  width: 200px;
  padding: 0;
  background-color:#929292;
  color: #FFF;
  font-weight:bold;
  line-height:1.4em;
}

#ExpandingSidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
    
#ExpandingSidebar li {
    width: 210px;
    margin: 0;
	color: #fff;
}

#ExpandingSidebar li.level1 a {
    display: block;
    padding: 7px 7px 7px 7px;
    background-color: #929292;
	background-image:url(/menuimages/level1new.gif);
	background-repeat:no-repeat;
	background-position: left top;
    color: #fff;
    text-decoration: none;
    width: 200px;
}

#ExpandingSidebar li.level2 a {
    display: block;
    padding: 7px 0px 5px 0.5em;
    background-color: #929292;
	color: #FFF;
    text-decoration: none;
    width:185px;
}

#ExpandingSidebar li.level3 a {
    display: block;
    padding: 0px 0 3px 20px;
    background-color: #929292;
    font-weight: normal;
	color: #fff;
    text-decoration: none;
    width:175px;
}

#ExpandingSidebar li.levelcurrent1 a {
    display: block;
    padding: 8px 7px 7px 7px;
    background-color: #929292;
	background-image:url(/menuimages/level1current.gif);
	background-repeat:no-repeat;
	background-position: left top;
	color: #fff;
    text-decoration: none;
    width:200px;
}

#ExpandingSidebar li.levelcurrent2 a {
    display: block;
    padding: 7px 0px 5px 0.5em;
    background-color: #929292;
    color: #5F2C7A;
    text-decoration: none;
    width:185px;
}

#ExpandingSidebar li.levelcurrent3 a {
    display: block;
    padding: 0px 0 3px 20px;
    background-color: #929292;
    color: #5F2C7A;
	font-weight: normal;
    text-decoration: none;
    width:175px;
}

html>body #ExpandingSidebar li a {
    width: auto;
}


#ExpandingSidebar li.level1 a:hover {
    padding: 7px 7px 7px 7px;
  	background-image:url(/menuimages/level1overnew.gif);
	background-repeat:no-repeat;
	background-position: left top;
	color: #fff;
    text-decoration: none;
}

#ExpandingSidebar li.level2 a:hover, #ExpandingSidebar li.level3 a:hover {
    /*border: 1px solid #000;
    background-color: #929292;
    color: #5F2C7A;*/
	text-decoration:underline;
}

/* Search stuff */

#search{
width:450px; height:auto;
margin:20px auto;} 

#search h3{margin:5px 0 15px -25px;}