/* CSS Document */
/*-----------------------------------
Colour codes
#magenta page background: #c06
#white content background: #fff
#orange header background: #ef8410
#text colour: #000
#navbar beige backgound colour #F5A762
#navbar white text colour: #fff
#navbar text click colour: #F5A762
#*/

/*-----------------------------------
Table of Contents
1. Body
2. Page/ #page
3. Header/ #header
4. Slideshow/ #rotator
5. Picture frame/ #picframe
6. Logo links/#logoframe
7. Navigation/ #navbackground
8. Content/ #container
9. Right column/ #linklist
10. Footer/ #footer


-----------------------------------*/
html {
margin : 0;
padding : 0;
}
body {
color : #000;
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-decoration : none;
background-image : none;
background-color : #c06;
}
p {
margin-top : 0;
font-size : 0.75em;
}
a:link {
color : #c06;
}
a:visited {
color : #c36;
}
h1 {
font-size:1em;
font-weight:bold;
color:#F63;
}
h2 {
font-size : 1em;
}
h3 {
letter-spacing : 1px;
margin-bottom : 0;
color:#F30;
font-weight : bold;
font-size : 1.3em;
}
/*specific DIVs for header, container for content etc*/
#page {
	position : absolute;
	left : 15%;
	top : 14px;
	width : 740px;
	height : 800px;
	background-color : #fff;
	right : 15%;
	z-index: 2;
}
#page2 {
position : absolute;
left : 15%;
top : 14px;
width : 740px;
height:1500px;
background-color : #fff;
right : 15%;
}


#navbackground {
	z-index : 0;
	top : 18px;
	left : 10px;
	width : 140px;
	height : 740px;
	background-color : #ef8410;
	position : absolute; /*this makes the difference between chaos and order*/
	float : left;
}
#header {
position : absolute;
left : 10px;
top : 18px;
width : 720px;
height : 150px;
z-index : 7;
background-color : #ef8410;
background-image : url(images/LogoWebHeader.gif);
background-repeat : no-repeat;
background-position : left 0%;
}
/*this is the slideshow routine*/
#rotator
{
	border: 3px outset #F5A762;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 175px;
	height: 131px;
	left:200px;
	top:5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* this takes away the link colour border outside images*/
#rotator img
{
	border: 0;
	cursor: pointer;
	width: 175px;
	height: 131px;
}
#rotator img
{
	display: none;
	position: absolute;
}
/*end of slideshow routine*/
/*basic header picframe for other pages*/
#picframe
{
border: 3px outset #F5A762;
	position: relative;
	width: 175px;
	height: 131px;
	left:200px;
	top:5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#picframe img
{border:0;
	cursor: pointer;
	width: 175px;
	height: 131px;
}
/*this is the main content*/
#container {
	position : absolute;
	float : left;
	padding : 10px;
	left : 157px;
	top : 268px;
	width : 402px;
	text-align : justify;/*no z-index or it makes the flyout menu transparent*/
}
/*this is the main content 2nd option with list*/
#container2 {
position : absolute;
float : left;
padding : 10px;
left : 156px;
top : 250px;
width : 402px;
font-size:1.1em;
font-weight:bold;
line-height:1em;
}
/*no z-index or it makes the flyout menu transparent*/
/*left container of 2*/
#container3 {
	position : absolute;
	float : left;
	padding : 10px;
	left : 156px;
	top : 250px;
	font-size:1em;
	font-weight:bold;
	width: 129px;
}
/*no z-index or it makes the flyout menu transparent*/
/*right container of 2*/
#container4 {
	position : absolute;
	float : left;
	padding : 10px;
	top : 250px;
	font-size:1em;
	font-weight:bold;
	left: 155px;
	width:407px;
	line-height:100%;	
}
/*no z-index or it makes the flyout menu transparent*/
/*logos on Links page*/
#logoframe
{
	position:relative;
	float:left;
	width:150px;
	height:60px;
	top:2px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:0px;
	border-top-width: 1px;
	border-right-width: 5px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-color: #ccc;
	border-style:solid;
}
#logoframe img
{
border:1px;
cursor:pointer;
width:150px;
height:60px;
}
#intro {
position : absolute;
float : left;
z-index : 1;
left : 156px;
top : 192px;
width : 402px;
padding : 10px;
text-align : justify;
}

/*right hand side info block*/
#linklist {
	position : absolute;
	float : left;
	top : 42px;
	left : 580px;
	padding : 10px;
	margin-top : 150px;
	width : 130px;
	color : #c06;
	z-index : 11;
	font-size : 0.9em;
	line-height : 0.9em;
	text-align : left;
	text-decoration : none;
	font-weight : bold;
	border : 1px outset #c06;
}
/*menu bar left*/
#navigation {
z-index : 1000;
font-size : 105%;
font-weight : bold;
margin-top : 235px;
margin-left : 10px;
margin-right : 15px;
vertical-align : text-bottom;/*this removes gap in IE in list items where submenu occurs*/
}
#navigation ul {
padding : 0;
margin : 0;
list-style-type : none;
width : 140px;
}
#navigation li {
padding-left:20px;
	position : relative;
	height : 26px;
	background : #c06;
}
/*gets rid of table*/
#navigation table {
position : absolute;
border-collapse : collapse;
top : 0;
left : 0;
z-index : 100;
font-size : 1em;
}
/*styles links*/
#navigation a, navigation a:visited {
display : block;
text-decoration : none;
height : 25px;
color : #fff;
border : 1px solid #f60;
border-width : 0 1px 1px 0;
}
#navigation a:hover {
color : #fff;
background : #f5a762;
}
#navigation :hover > a {
color : #fff;
background : #f5a762;
}
#navigation ul ul {
	visibility : hidden;
	position : absolute;
	top : 0;
	left : 130px;
	font-size : 75%;
	z-index: 5;
}
#navigation ul li:hover ul, ul a:hover ul {
visibility : visible;
z-index : 999; /*brings submenu to the front of content except it seems in IE*/
}
#footer {
	position : absolute;
	left : 152px;
	top : 751px;
	width : 407px;
	height : 46px;
	z-index : 9;
	padding : 10px;
	text-align : center;
	font-size : 0.75em;
}

.txtSimple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}