body {
	color: #999999;
	background-color: #CCCCCC;
	margin:0px 0px 10px 0px;
	text-align: center;
	background-image: url(../images/purple_strip.jpg);
	background-repeat: repeat;
/*	background-position: center; */
}

/* Sets the font family and base font size for the site. 
**NOTE: 
You never have to repeat the font family or size unless you want them to be different. 
All other fonts, e.g. in the h1, h2, and h3, are percentages of this base font, which is about 11 points */
body, body div, body p, body th, 
body td, body li, body dd, body a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

/* START Wrapper Layout DIV - surrounds all other DIVS */
#wrap{
	margin:0 auto;
	padding: 0px;
	width:760px;
	margin: 0 auto;
	text-align:left;
	background-color: #FFFFFF;
	height: 100%;
		}


/* START Header Layout DIV - contains the background image and 'Whitehawk Inn' turq1, lime or pink */
#header {
	margin:0;
	padding: 30px 0px 0px 20px;
	width:740px;
	background-color: #663366;
	background-image: url(../images/header_bg_pink.jpg);
	background-repeat: no-repeat;
	height: 70px;
	text-align: left;
	font-weight: bold;
			}
	
			
/* START Housekeep Navigation Layout DIV */
#navhouse{
	display: block;
	text-align:right;
	float: none;
	width: 740px;
	margin:5px 0 20px;
	padding:3px 20px 3px 3px;
					}


/* START Left Layout DIV - contains the main navigation DIV - 'nav' - below */
#left{
	float:left;
	width:200px;
	margin:0;
	padding:0;
	color: #000000;
			}
			
/* START Main Navigation Layout DIV */
#nav {
	width: 100%;
	padding-left: 20px;
	}


/* START Content Layout DIV */
#content{
	width: 500px;
	padding: 0px;
	margin: 0px 0px 0px 250px;
	margin-top: 15px;
	}
	
	
/* START Logo Footer Layout DIV - contains footer logos*/
#homefooterlogo {
	text-align: center;
	margin-top: 30px;
	line-height: 30px;
}


/* START Footer Layout DIV - contains copyright info*/
#footer {
	width: 760px;
	font-size: 80%;
	margin-top: 35px;
	text-align: center;
	padding-bottom: 20px;
}

/* START - Boxes with left and right-aligned content. 10px equals top and bottom margins. 240px is width*/
.leftbox{
float: left;
width: 240px;
margin: 10px 0 10px 0px
}

.rightbox{
float: right;
width: 240px;
margin: 10px 0 10px 0px
}


/* START - General Links - in content area */
a:link {
	color: #694287;
	text-decoration : underline;
	font-weight : bold;
	}
a:visited {
	color: #694287;
	text-decoration : underline;
	font-weight : bold;
		}
		
a:hover {
	color: #F4951E;
	text-decoration : underline;
	font-weight : bold;
	}


/* START - Housekeeping Links (Home, Contact, About)- in 'navhouse' */
#navhouse a:link {
	color: #F5931E;
	text-decoration : underline;
	font-weight : bold;
	}

#navhouse a:visited {
	color: #F5931E;
	text-decoration : underline;
	font-weight : bold;
		}
		
#navhouse a:hover {
	color: #694287;
	text-decoration : underline;
	font-weight : bold;
	}		


/* START - List and List Item styles for Main Nav (nav ul:- list style none takes away bullets; margin 0 takes away the default indentation)- in 'nav' */		
#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

/* Change this nav_button image each term to match the correct colour (pink, lime or turq) */				
#nav li {
	background-repeat : no-repeat;
	background-image : url(../images/nav_button_pink.gif);
	padding-left : 30px;
	margin-bottom: 20px;
	line-height: 20px;
}


/* START - Main nav Links - in 'nav' */		
#nav a:link {
	color: #614D83;
	text-decoration : none;
	font-weight : bold;
	}

#nav a:visited {
	color: #694287;
	text-decoration : none;
	font-weight : bold;
		}
		
#nav a:hover {
	color: #A6CD39;
	text-decoration : underline;
	font-weight : bold;
	}
		
		
/* START - Heading Styles */			
h1.mainhead {
	font-size: 300%;
	color: #FFFFFF;
    }

h1 {
	color: #999999;
	font-size : 200%;
	margin: 0px 0px 20px;
	padding: 0px;
	}
	
h2 {
	color: #694287;
	font-size : 160%;
	margin-top: 15px;
	margin-bottom: 15px
	}
	
h3 {
	color: #694287;
	font-size : 130%;
	margin-top: 10px;
	margin-bottom: 10px;
	}	
	
h4 {
	color: #694287;
	font-size : 110%;
	margin-top: 40px;
	margin-bottom: 8px;
	}	
	
/* this is to change every term.006699 is the dark smoky blue used for main headings AFC62D=lime; 5EBFCE=turq and EF00EF=pink*/	

h5 {
	color: #EF00EF;
	font-size : 110%;
	margin-top: 40px;
	margin-bottom: 8px;
	}	
	
/* START - Image Styles  - this is for every image on the site*/	
img {
	border : 0px none;
}

.picleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
		}
		
.picright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	}

.imgspace {
	margin-right: 45px;
}


/* START - Formatting Styles Styles */	

ul.listnomargin{
padding: 0;
margin: 0
}

ul.listspaced li {
margin-bottom: 8px
}

.bold {
	font-weight: bold;
	}
	
.bolditalic {
	font-weight: bold;
	font-style : italic;
	}
	
.boldcenter {
	font-weight: bold;
	text-align:center;
	}

/* START - Float Clearing Styles */	
br.clear {clear: both;
			display: block;
			line-height: 0px
			}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
	margin-top: 15px;
		}
		
		
/* START - Table Styles. These tables are not being used, but could be used for data tables. */	
	
table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px 1px;
	border-style: solid solid solid solid;
	border-color:  #006699 #006699 #006699 #006699;
	border-collapse: separate;
	/* background-color: #999999; */
}

th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color:  #006699 #006699 #006699 #006699;
	background-color: #006699;
	text-align:left;
	vertical-align: top;
	color:#ffffff
}

td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color:  #006699 #006699 #006699 #006699;
	text-align:left;
	vertical-align: top;
	/* background-color: #999999 */ 
	}	

/*  START - Form code  */


label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	font-family : "Trebuchet MS", arial, sans-serif;
	font-size : 90%;
	border: 1px solid #999999;
	}

label,textarea{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	font-family : "Trebuchet MS", arial, sans-serif;
	font-size : 90%;
	border: 1px solid #999999;
	}
	
label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	border: 0px;
	font-family : "Trebuchet MS", arial, sans-serif;
	font-size : 90%;
}

input.checkboxinput {
	display: block;
	width: 30px;
	float: left;
	margin-bottom: 10px;
	padding-right: 20px;
	border: 0px
	}

label.checkboxcomment {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	}
	
.button {
	border: 2px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #ffffff;
	background-color: #ff0000;
	font-size: 85%;
	font-weight: bold;
	line-height: 100%;
	vertical-align: middle;
	margin: 0;
	width: auto;
	}
	
.required {
color: #ff0000;
}
	
.purplebold {
	color: #663366;
	font-weight: bold;
}