/* This style sheet was written by Paul Dell and was distributed  with the SUNFLOWER COLOURS Template available at http://www.dellwebsites.com 
- Please delete all comments before uploading to the web */

/* WE STONGLY RECOMMEND THAT YOU OPEN THIS STYLE SHEET TOGETHER WITH THE HTML FILE TO GET A BETTER UNDERSTANDING */


/* SETS ALL PADDING AND MARGINS TO ZERO */
*{
	margin:0;
	padding:0;
}

html{
/* sets the min width; not supported in IE */
	min-width:770px;
}

body{
	text-align:center;/* this is to accomodate an old IE bug allowing the overall layout to center*/
	font: normal 101%/140% Arial, Helvetica, sans-serif;/* sets the font weight size, line height and family*/
	background:#B3C2D0 url(images/background.png) 0 0 repeat-x;/* sets the body bg colour the path to our bg image, the positon and repeats the image across the page*/
}


#contentwrapper,
#footerwrapper{
/* 100% width to give the background  fullscreen */
	width:100%;
}

#contentwrapper{
	background:#F7F7F7 url(images/contentbg.png) 50% 100% repeat-y; /* sets the background colour and path to the background image, tiles the image down the div and centers the bg image */
	float:left; /* floats the div left */
}

#footerwrapper{
	background:transparent url(images/footerbg2.png) 0 0 repeat-x; /* sets the path to the background image */
	clear:both;/* cleared so that we start a new line below previous element floats. */
}
#content,
#header,
#footer{
	width:770px; /* sets the width to 770px */
	margin:0 auto;/* centers  */
	position:relative;/* Position relative so we can position child divs absolutley but keep them relative to their parents */
	text-align:left; /* realigns the content back to where it should be, see body */
}

#header{
	height:130px; /* sets the height of the header div */
	background:transparent url(images/header.jpg) ; /* sets the path to the bg image */
}

/*start positioning the right and left columns*/

#rightcontent{
	width:500px; /* sets the width */
	float:left; /* floats the div left */
	padding:40px 0 20px 0; /* top  right bottom left */
	margin-left:60px;} /* sets the left margin to 60px */

#leftcolumn{
	display:inline; /* sets the display to inlinewithin the current block */
	width:180px; /* sets the width */
	float:left; /* floats the div left */
	padding:40px 0 20px 0;  /* top  right bottom left */
	margin-left:20px; /* sets the left margin to 50px */
	color:#8B725A; /* sets the font colour */
	font-size:80%; /* sets the line height */
}


/* header nav list */

#header ul{
	display:block; /* sets the display to block as to create a button effect*/
	position:absolute; /* absolute positioning*/
	top:105px;/* positions the div 105px from top*/
	left:270px; /* positions the div 270 pxs left*/
}

#header li{
	display:block;/* creates a clickable area, this makes our links act like buttons*/
	float:left;
	width:90px;
	margin-left:3px;
}

#header li a{
	height:20px;/* sets the height to 20 pixels */
	text-align:center;/* aligns the text center */
	font-size:75%;/* sets the font size */
	font-weight:bold; /* sets the font weight */
	line-height:20px; /* sets the line height */
	text-decoration:none; /* removes the underline from the links */
	text-transform:lowercase; /* sets the font to lowercase */
	border-top: solid 1px white; /* places a white border */
	padding: 0; /* zero padding */
}

/*below is the styling of the one and two links */
#header li.two a{
	background: #7E9AC4;/* sets the background colour */
	display:block; 
	color: #000;/* sets the font colour */
}
#header li.two a:hover{ 
    background: #E0E9EF;
	color: #000;
}

#header li.one a{
	background: #E0E9EF; /* sets the link state background colour */ 
	display:block; 
	color: #000;
}
#header li.one a:hover{
	background: #7E9AC4; /* sets the hover state background colour */
	color: #000; /* sets the font colour to black on hover state */
}



#content ul{
	margin:8px 0 3px 10px;
	padding-left:10px;/* sets some padding left */
	list-style-type:square; /* sets the list button to square */
}

ol{
	margin:10px;
	padding-left:10px;
	list-style-type:square;
	font-size: 80%;
	font-weight: bold;
}

blockquote{
	margin:10px;
	padding-left:15px;
	font-style:italic;
	border-left:5px inset #CB8E02;
}

/* create a border around our images */
img{
	padding:2px;
	border:3px double #F2F2F2;
}

/*Set font size for content area */
#content{
	font-size:90%;
}

p{
	margin:5px 0 5px 0;
	font-size: 90%;
}

a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding: 3px;
}

a:hover{
	background:#5575A5;
	color:#000;
}


/* headings stuff */

h1,/* sets all the heading font family */
h2,
h3,
h4{
 font-family:Georgia, Times New Roman, Times, serif;
 margin-bottom:20px;color:#000;}
h1{
	font-size:110%;
}

h2,h3,h4,h5,h6{

	font-size:105%;
}



/* footer stuff */
#footer{
	height:150px;/* sets the height of the header div */
	background:transparent url(images/footerbg.png) ; /* sets the path to the bg image */
}


#footer p{/*positions the footer text*/
	margin: 0 0 0 300px;
	padding-top: 30px;}
	
/*footer link styles*/
	
#footer a{
	border-top: solid 1px #D4DEE7;
	color: #000;
}
#footer a:hover{
	border-top: solid 1px #5575A5;
	color: #000;
	background: #5575A5;
}

/* FORM STYLES */
form {width: 450px;}

fieldset{
	padding:10px;
	border:1px solid #5575A5;
	margin-bottom:15px;
	width: 460px;
}

.textarea2{
background:#F0F0FF;
border: 1px solid #006666;
margin: 4px;
padding: 6px;
}

input,textarea{
	border: 1px solid #006666;
	margin: 4px;
	background: url(images/formbackground.png);
}
/*styles the input fields*/
/*styles the form fields*/
label{
	color:#000;
	font-size: 90%;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color:#000;
}
.submitbutton {
	border: 1px solid #003366;
	background:#7E9AC4;
	color: #000;
}

/*end of form styles */



/*We have explained all there is to explain here and we have ommitted some comments which just repeat
themselves please do not contact us for any answers that you are able 
to obtain from here http://www.w3schools.com/css/default.asp  we cannot possibly reply to questions
that are available elsewhere.
Here is a link to get you started, remember to read, and then read again.
http://www.w3schools.com/css/default.asp Have fun and we wish you the best of luck*/