* {
	margin: 0px;	

}

body {
	background: url(bodybg-new.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#page {
	width: 920px;
	margin: 0 auto;
	border:#ccc 1px solid;
	border-radius: 6px;
	padding:20px;
	background: url(contentbg-new.jpg);
	
}

#titleWrapper {
	width:920px;
	margin:0 auto;

}

#title {
	text-align: center;
	font-family: "Lucida Calligraphy";
	font-weight: lighter;
	font-size: 50px;
	float:center;
	padding-top: 20px;
	padding-bottom: 20px;
}

nav {
	border: #ccc 1px solid;
	border-radius: 6px;
	overflow: inherit;
	margin:0 auto 10px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: url(bodybg.jpg);
	font-family: sans-serif;
}

nav ul{
	list-style-type: none;
	display: inline-block;
}

nav ul li {
	float:left;
	margin:0 30px 0 0;
}

nav ul li a {
	text-decoration:none;
	color:black;
	text-transform:capitalize;
}

.active {
	background: url(navhover.jpg) no-repeat;
	background-position: 50% top;
}

nav ul li:hover {
	background: url(navhover.jpg) no-repeat;
	background-position: 50% top;	
}

#mainPhoto img{
	border:#ccc 1px solid;
	border-radius: 6px;
	width:100%;
}

#mainContent { /**/
	margin-top: 30px;
	display:inline-block;
	width:100%;
}


#mainContent #text{ /*makes text keep to the left*/
	margin-top: 5px;
	width: 49%;
	float:left;
}

#mainContent #text p, #mainContent #text2 p{ /*makes paragraph text look nice*/
	font-size: 18px;
	color:#303030;
	padding-bottom: 10px;
	float:left;
}

#mainContent #text a { /*colours links properly*/
	color: #3c6389; 
	text-decoration: none; 
}

#mainContent #text b { /*makes bold content green*/
	color:green;
	font-family: Arial, Helvetica, sans-serif; 
}

#mainContent #indexImage img { /*main page image (not mainPhoto)*/
	border-radius: 6px;
	width: 49%;
	height:300px;
	float: right
}

#mainContent #aboutImage {
	width:49%;
	height:338px;
	border-radius: 6px;
	float: right;
	margin-bottom: 15px;
}

#aboutTeresa { /*text formatting for 'about' page title*/
	margin-bottom: 20px;
	letter-spacing: 1px; 
	font-family: Arial, Helvetica, sans-serif;
	color:green;
	font-weight: lighter;
	border-bottom: green 1px solid
}



#google_map {	/*make google maps keep left*/
	float:left;
}

#courses h1, #courses h3, #courses p{ /*change font NOTE: FIX*/
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#courses h1 {/*colour in main heading in courses page*/
	color:green;
}


form { /*make contact form stay left aligned with margin*/
	float:left;
	display: block;
	margin-left: 150px;
	margin-right: auto;
}

form input[name=cf_name], form input[name=cf_email]{ /*make name and email same width as comment box*/
	width:280px;
	
}


form textarea { /*make comment box fixed size*/
	width: 280px;
	height: 225px;
	resize:vertical;
}

#phone { /*keep phone div left (needs fixing, currently is a workaround)*/
	float: left;

}

#mainContent #contact { /*font formatting FIX*/
	font-family: Arial, Helvetica, sans-serif;
}

#recommendations h6{ /*Formatting for recommendations (index)*/
	font-size: 13px; 
	letter-spacing: 1px; 
	font-family: Arial, Helvetica, sans-serif;
}

#IE_notice { /*text formatting for notice for IE users*/
	font-style: normal; 
	display: block; 
	text-align: center;
	text-transform: uppercase; 
	font-size: 10px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
}

#IE_helpImage{ /*make helpImage on the IE help page fixed*/
	width:920px;
}

footer { /**/
	text-align: center;
	margin-top: 30px;
}





/*Dont touch this stuff, this is for the recommendations on main page*/

code { 
	font-family: "Courier New", Courier, Monaco, monospace;
	background: #f2f2f2; 
	margin-bottom: 20px; 
	display: block; padding: 20px; 

}	
blockquote p { 
	margin-bottom: 10px; 
	font-style: italic; 
}
blockquote cite { 
	font-style: normal; 
	display: block; 
	text-align: right; 
	text-transform: uppercase; 
	font-size: 10px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	font-family: Arial, Helvetica, sans-serif;
}

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 880px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: #fbffec url(
	http://sandbox.sebnitu.com/jquery/quovolver/demo/images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 10px 0; padding: 20px; border: 1px solid #edffaf;
	}