/* CSS by PerreLink Design */
html, body, ul, ol, li,h1,h2,h3,p {  
margin: 0; /* sets the margins to zero on the body */
padding: 0; /* sets the padding to zero on the body */
border: 0; /* deletes any borders */	
}
body {
    background-color: #324A63; 
    background-image: url(images/background.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	margin: 0 auto; 
	min-width: 760px; 
	padding: 0; 
	text-align: center; /* hack for IE to make sure the layout is centred*/
	}
	/*the wrapper div is our container div, all other divs are wrapped within the wrapper*/
#wrapper {
	background-color: #436484; /*sets the wrapper background colour */
	margin: 0 auto; /* centres the wrapper div,  auto determines the left and right margins evenly*/
	text-align: left; /*aligns the text left */
	width: 696px;/*sets the width to 700px */
	background-image: url(images/content-background.jpg); 
	border-right: 1px solid #330000;
		border-left: 1px solid #330000;
			border-bottom: 1px solid #330000;
}

/*start of navigation The UL element defines an unordered list. The element contains one or more LI elements that define the actual items of the list.*/
#topnav {
	width: 696px;
	height: 30px;
	background-image: url(images/navigation-background.jpg);
	background-color: #324A63;
}

#topnav li {
	float: left;/* floats the li left*/
	background-color: #5B7894;
	list-style-type: none;	
}#topnav ul {
	height: 30px;
	text-align: center;/*aligns the text center */
	background-color: #5B7894; 
	
}#topnav ul li a {
	background-image: url(images/navigation-background.jpg);/*background image of our links */
	color: #EDF1F2;
	display: block;/*  A block element displays as a block, it forces a line break. So think of a block as a brick :)*/
	font-weight: bold;
	font-size:85%;
	height: 30px; 
	
	text-decoration: none; 
	width: 87px; /*sets the link widths to 100px the nav div is 700 pixels wide and we have seven links of 100 pixels, yes you guessed it, that equals 700 */
	margin-top: 5px;/*sets the top margin */
	padding-top: 8px;/*sets the padding to 8 pixels */
}

#topnav ul li a:hover,
#topnav ul li a:focus {
	background-image: url(images/navigation-background-hover.jpg);
	color: #C7D8CF;
	display: block;
	margin-top: 5px;
	padding-top: 8px;
	background-color: #970000;
}
#topnav a:active {
	color: #FFF;
	display: block;
	background: url(images/navigation-background.jpg);
}
#header {
	background-image: url(images/header.jpg);
	/*note the dimensions here are the same as our image "header.jpg" */
	height: 242px;
	
/*content div which holds the contentleft div and right div*/
}
#content {
}

#content .contentleft {
   float: left;
   width: 485px;
}

#content .contentleft h2 {
     margin: 0px 5px 15px 15px;
	  font-size: 90%;
	  line-height: 130%;
}

#content .contentleft h1 {
margin: 20px 5px 20px 20px;
font-size: 100%;
}
#content .contentleft p {
margin: 0px 5px 15px 20px;
font-size: 90%;
}

#right {
	width: 198px;
	float: right;

}
#right p{
	margin: 1px 3px 15px 4px;
	font-size: 95%;
	color: #364D63; 	
}

#right a {
color: #2B4054;
text-decoration: underline;
font-weight: bold;
line-height: 180%;
	font-size: 90%;
}
#right a:hover {
color: #B80001;
text-decoration: none;
}

#footer {
	text-align: center;
	background-color: #970000;
	height: 35px;
	font-size: 90%;
}
/*this is our clear div */
.clear {
	clear: both;
	background-repeat: no-repeat;
	height: 25px;
}

h1 {font-size: 120%;color: #970000; 
}

h2 {font-size: 100%;color: #4F769A; 
}
h3 {font-size: 90%;color: #2B4054; margin-left: 25px;
}
.links {font-size:90%; margin-left: 35px;}


#footer p {
	font-size: 95%;
	color: #FFF;
	padding-top: 3px;
}

/* FORM STYLES */

form {
	width: 275px;
	margin: 25px;
}

fieldset{
	padding:10px;
	border: 1px solid #416180;
	margin-bottom:15px;	
width: 275px;
}

input,textarea{
background-color: #C0CDD8;
border: 1px solid #006666;
margin: 4px;
/*padding: 2px;*/
vertical-align: middle;

}

input {
	padding: 5px;
}

label{
	color:#333333;
	font-weight: bold;
	font-size: 80%;	
	}

legend{
margin-left: 25px;
padding: 5px;  /*gives a bit of padding between the border and the text*/
color:#416180;

}
.submitbutton {
	border: 1px solid #003366;
	background-color: #879FB6;
}
#pullquote {	
/*float: left;*/
text-align: center;
width:150px;
padding:4px;
border: 1px solid #3D5368;
font-size:90%;
line-height:1.5em;
margin-top:15px;
margin-left:10px;
margin-bottom:15px;
margin-right:15px;
background-color: #C0CDD8;
font-weight:bold;
color: #880000;
}
.imgleft {
	float: left;
	padding: 10px;
	}
.imgright {
	float: right;
	padding: 10px;
}
.splat{
	color:#FF0000;
}

.filler {
background-image:url(images/navigation-background.jpg);
color:#EDF1F2;
display:block;
font-size:85%;
font-weight:bold;
height:30px;
margin-top:5px;
padding-top:8px;
text-decoration:none;
width:87px;
}