/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #333333;
background-image: url(../images/bgs/bodybg.jpg);
background-repeat: repeat;
}

#wrapper {
width: 810px;
margin:10px auto;
margin-top:25px;
background-image: url(../images/bgs/wrapper_slice.jpg);
background-repeat: repeat-y;
text-align:left;
}

#banner {
	width: 810px;
}

#navcol {
position:absolute;
width:150px;
min-height:655px;
margin-left:28px;
margin-top:15px;
float:left;
/*border:#8ca9ff 1px solid;*/
}

#navcol p{
font-size:70%;
color:#0033CC;
font-weight:bold;
}
#navcol a {
	color: #0033CC;/*set the link colour*/
	text-decoration: none;/*remove the underline*/
}

#navcol a:hover, #navbox a:focus {
	color: #8ca9ff;/*set the hover and focus text colour*/
	text-decoration: underline;/*set an underline to show on hover and focus*/
}

#navbox {
width:148px;
border:#8ca9ff 1px solid;
background-color:#CCFFEE;
}


/*Begin styling the navigation*/
#navbox ul {
	list-style-type: none;/*set the appearance of the bullet*/
	list-style-position: outside;/*set the list position to inside*/
	padding: 5px 0 5px 10px;/*set the padding on the ul*/
	margin: 0 5px 0 5px;/*set the margin on the ul*/
	color: #5577FF;/*set the text colour - this provides the title to each of the link sub divisions, for instance: About Us, Getting Involved, Contact Us*/
	font-weight: bold;/*sets the background colour*/
}

/*sets the styling of li element*/
#navbox ul li {
	padding: 0;/*zeroes the padding*/
	margin: 0;/*zeroes the margins*/
	line-height: 120%;/*set the line-height*/
	font-size: 70%;/*scales the font size to 70% of the default on the body selector*/
}

/*styles the nested ul element that contains our navigation links*/
#navbox ul li ul {
	/*padding: 0 0 0 10px;zero the padding to 3 sides and 10px to the left*/
	border: none;/*declare none to prevent inheriting a border*/
}

/*styling the li in the nested ul*/
#navbox ul li ul li {
	padding: 0;/*zero the padding*/
	margin: 0;/*zero the margins*/
	line-height: 120%;/*set the line height*/
	font-size: 100%;/*increase the font size in relation to the parent ul*/
}

/*start laying out the links styles on the nested list*/
#navbox ul li a{
	color: #0033CC;/*set the link colour*/
	text-decoration: none;/*remove the underline*/
}

#navbox ul li a:hover, #navbox ul li a:focus {
	color: #8ca9ff;/*set the hover and focus text colour*/
	text-decoration: underline;/*set an underline to show on hover and focus*/
}

#content {
margin-left:184px;
margin-right:25px;
/*padding:5px;*/
}

/*sets the content text*/
#content p {
	font-size: 80%;/*scales the font to 80% of the default set int he body selector*/
	margin: 5px 0 0 10px;/*sets the required margins on the p element*/
	padding: 0;/*zeroes the padding*/
	color: #333333;/*sets the colour for the text*/
	line-height: 130%;/*set a line height for easier reading*/
}
#content a:link {
	color: #333333;
}
#content a:visited {
	color: #333333;
}
/*sets the styling for the h1 element within the content div*/
#content h1 {
	font-size: 120%;/*scales the text size against the body selector default*/
	font-family: Georgia, "Times New Roman", Times, serif;/*sets the font face*/
	/*margin: 10px 15px 0 10px;sets the margins on the h1*/
	padding: 0 0 3px 0;/*sets the padding on the h1 element*/
	color: #0033CC;/*sets the text colour for the h1 text*/
	font-weight: 500;/*sets the font weight a little less than bold, if not supported in a given browser defaults to a normal weight. If you want bold for your h1 delete this property and value pair - or simply comment them out*/
}

#content h2 {
	font-size: 95%;/*scales the text size against the body selector default*/
	font-family: Georgia, "Times New Roman", Times, serif;/*sets the font face*/
	/*margin: 15px 15px 0 10px;sets the margins on the h2*/
	padding: 10px 0 3px 0;/*sets the padding on the h2 element*/
	color: #0033CC;/*sets the text colour for the h2 text*/
	font-weight: 500;/*sets the font weight a little less than bold, if not supported in a given browser defaults to a normal weight. If you want bold for your h1 delete this property and value pair - or simply comment them out*/
}
#content h3 {
	font: italic 120% Georgia, "Times New Roman", Times, serif;
	color: #990033;
}


/*float styles for the images in the content div*/
.left {
	float: left;/*float the image to the left*/
	border: 1px solid #000;/*add a border around the image*/
	margin: 5px 10px 0 0;/*set a margin to the top and right to give clearance against the text the top margin aligns the image with the top of the p element*/
}

.right {
	float: right;/*float the image to the right*/
	border: 1px solid #000;/*add a border around the image*/
	margin: 5px 10px 0 10px;/*set a margin to the top and left to give clearance against the text the top margin aligns the image with the top of the p element*/
}

.center {
float:none;
border: 1px solid #000;
}

#footer {
clear:both;
width:810px;
height:68px;
background-image: url(../images/bgs/footer_bg.jpg);
}

#fcontent {
width:757px;
margin-left:28px;
padding-top:15px;
}

#fcontent p{
font-size: 75%;
color:#FFFFFF;
text-align:center;
}

#fcontent a{
color:#FFFFFF;
	text-decoration: underline;/*set an underline to show on hover and focus*/
}

#fcontent a:hover{
text-decoration:none;
}
.clearit{
clear: both;
}.redtext {
	color: #990033;
}