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

body {
text-align: center; 
background: #5D5D5D;
color: #5D5D5D;
min-width: 400px;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 100%;
line-height: 1.5;
}


#center a {color: #000000;}
#center a:hover {
	color: #000;
	background-color: #E5E5E5;
}

h1, h2, h3, h4, p {margin: 1em 0;}
ul {
	list-style:none;
	margin-right: 2em;
	margin-left: 2em;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
background: #fff url(../images/sidebar-l.gif) repeat-y 0 0;
background-position:left;
text-align: left;
width: 90%; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
border: none;
}

#header, #subnav, .panel {
clear: both; 
width: 100%;
}

#header {
background: #946d84; 
color: #fff; 
text-align: right;
padding: 1px 0;
}

#subnav {
	color: #000;
/*	border-width: 1px 0;
	border-style: solid;
	border-color: #4a1a21;*/
	background-color: #336699;
}

.panel {
	text-align:center;
	padding: 1px 0;
	background-image: url(../images/sidebar-r.gif);
	background-repeat: repeat-y;
	background-position: right;/*background: url(images/brfoot.gif) no-repeat 100% 0px;
/*background: #4a1c21 url(images/blfoot.gif) no-repeat 0 0px;*/
}
.panel div {
margin: 0 auto;

}
#contentfloatholder {/* also makes the right "sliding" tab */
background: url(../images/sidebar-r.gif) repeat-y 100% 0;

float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
	background: url(../images/ladybg.jpg) no-repeat 100% 0;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 40px;
}

#center {
background-color:#FFFF66
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {

  float:left;
  width: 35px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}

#right {
  float:right;
  width: 35px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */
#pagetop {
position: relative;
width: 100%;
padding-top: 1em;
height: 7em;
color: #000;
}

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}

a#toplink {
width: 200px;
height: 8em;

position: absolute;
top: 0;
right: 5px;
}

a#toplink:hover {
background-position: 0 0;
}

#wrapper {
	position: relative;
	z-index: 500;
	border: 1px solid #5D5D5D;
}
.skipimage {
float:right; 
margin-top:-144px;
}
#tab {
z-index:1000;
position:absolute;
left:-16px;
top:20px;
}
#menu5 { /*menu 5 is the insite menu*/
	width: 275px;
	float:right;
	clear: both;
	}

#menu5 li a {
  	height: 38px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
}	
#menu5 li.child a {
  	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	margin-left:30px;
}	

	#menu5 li a:link, #menu5 li a:visited, #menu5 li.login a:link, #menu5 li.login a:visited  {
	color: #777;
	display: block;
	text-align: right;
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 5px;
	
	}
	#menu5 li a:link, #menu5 li a:visited {
	background: #fff url(../images/menu5.jpg) 0 0px;
	}
	#menu5 li.login a:link, #menu5 li.login a:visited {
	background: #fff url(../images/menu9.jpg) 0 0px;
	}
	
#menu5 li a:hover, #menu5 li.login a:hover {
	display:block;
	color: #000;
	background-color:#6699FF;
	text-align: right;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 5px;
	
	}
	#menu5 li a:hover{
	background: #fff url(../images/menu5.jpg) 0 -46px;
	}
	#menu5 li.login a:hover{
	background: #fff url(../images/menu9.jpg) 0 -46px;
	}
	
#menu5 li a:active, #menu5 li.login a:active  {
	color: #fff;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 5px;
	}
	#menu5 li a:active {
	background: #CCCCCC url(../images/menu5.jpg) 0 -92px;
	}
	#menu5 li.login a:active {
	background: #CCCCCC url(../images/menu9.jpg) 0 -92px;
	}
#menu5 li.child a:link, #menu5 li.child a:visited {
	color: #777;
	display: block;
	text-align: right;
	background-color: #fff;
	padding-top: 6px;
	padding-right: 40px;
	padding-bottom: 0px;
	background-image: url(../images/menu7.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	}
	
#menu5 li.child a:hover {
	display:block;
	color: #000;
	background-color:#6699FF;
	background: #fff url(../images/menu7.jpg) 0 -36px;
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 6px;
	padding-right: 40px;
	padding-bottom: 0px;
	
	}
	
#menu5 li.child a:active {
display:block;
	color: #fff;
	background: #fff url(../images/menu7.jpg) 0 -72px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 40px;
	padding-bottom: 0px;
	}
	#bannerbottom{
	text-align:left;
	width:90%;
	height:113px;
	background-image: url(../images/bgbanner.gif);
	background-repeat: repeat-x;
	right: 500px;
	}
	#bannerbottomtxt {
	padding-left:10px;
	padding-top:0px;
	width:100%;
	height:113px;
	overflow:hidden;
	line-height:95%;
	}
	#bannerbottomtxt p{
	margin-right:200px;
	}
	#postit {
	position:relative;
	top:-113px;
	float:right;
	
	width:196px;
	height:113px;
	
	background-image: url(../images/postit.jpg);
	background-repeat: no-repeat;
	}
	#copynotice {
	text-align:center;
	width:96.3%;
	background-color:#74868F;
	color:#FFFFFF;
	display:block;
	position:relative;
	margin: 0 auto;
	height:25px;
	
	}
	#copynotice span {
	text-align:right;
	}
	h1 {
	font-size:140%;
	}
.colourform input,.colourform textarea, .colourform select option {
	color:#83942E;
	background-color:#FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.pdflist {
	list-style-position: inside;
	list-style-image: url(/images/pdfl.gif);
}
.mark {
	list-style-position: inside;
	list-style-image: url(/images/tick.gif);
}