/*************************************************************************************************

	Great Expectations [MASTER]

	* Created by: Sam Whisker [www.jgmwebdesign.co.uk]
	* Document created: 30th March 2009
	* Copyright (c) 2009 Sam Whisker

*************************************************************************************************/


/* Import the global reset document
   http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
@import "reset.css";


/*	Sticky Footer Solution 
	by Steve Hatcher 
	http://stever.ca
	http://www.cssstickyfooter.com
	N.B. also add padding to div#page_wrapper
-------------------------------------------------------------- */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
div#page_wrapper { padding-bottom: 83px; } /* must be same height as the footer */



/* Golbal CSS settings
-------------------------------------------------------------- */
* { font-family:Arial, Verdana, Helvetica, sans-serif; }

body { background:#c6b176 url(../images/page_bg.jpg) repeat-x top;}


/* Clearfix Hack
-------------------------------------------------------------- */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* Page Wrapper
-------------------------------------------------------------- */
div#page_wrapper {
	background:url(../images/header_bg.jpg) no-repeat;
	width:912px;
	margin-left:auto;
	margin-right:auto;
	padding-top:150px;
}

/* Branding
-------------------------------------------------------------- */
h1#branding a {
	background:url(../images/logo.png) no-repeat;
	display:block;
	width:180px;
	height:95px;
	text-indent:-9000px;
	outline: none;
	margin-left:360px;

}

/* Main Nav
-------------------------------------------------------------- */
div#menu {
	float:left;
	width:597px;
	height:118px;
}


/* Content Wrapper
-------------------------------------------------------------- */
div#content_wrapper {
	float:left;
	width:530px;
	margin-top:116px;
	margin-bottom:30px;
	
	

}

/* Blackboard
-------------------------------------------------------------- */
div#blackboard {
	float:right;
	width:313px;
	height:418px;
	margin-top:116px;
}

/* Content
-------------------------------------------------------------- */
div#content { }

div#content h1 {
	font-size:2em;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:bold;
	color:#090906;
	font-style:italic;
}
div#content p.sub_text {
	font-size:1.3em;
	margin-bottom:15px;
	font-weight:bold;
	color:#090906;
	text-align:justify;
	line-height:16px;
}
div#content p {
	color:#090906;
	font-size:1.2em;
	line-height:16px;
	text-align:justify;
	margin-bottom:15px;
}
div#content p a {
	color:#090906;
}

div#content p a:hover {
	color:#090906;
	text-decoration:none;
}
div#content ul {
	margin-left:20px;
}
div#content li {
	color:#090906;
	font-size:1.2em;
	margin-bottom:8px;
	list-style:circle;
}


/* Contact Form
-------------------------------------------------------------- */
form#frm_contact label {
	display:block;
	font-size:1.6em;
	margin-bottom:5px;
}

form#frm_contact input[type="text"], form#frm_contact textarea {
	display:block;
	font-size:1.4em;
	border:1px solid #333333;
	padding:3px;
	margin-bottom:10px;

}
form#frm_contact input[type="text"]:active,
form#frm_contact input[type="text"]:focus,
form#frm_contact textarea:active,
form#frm_contact textarea:focus {
	background:#FFFF99;
}




/* Page list view list item
-------------------------------------------------------------- */
div.page_list_item {
	margin-bottom:20px;
}
div.page_list_item h2 {
	color:#d15900;
	font-size:1.8em;
	margin-bottom:5px;
	text-transform:uppercase;
	font-style:italic;
}
div.page_list_item p {
	color:#6c6a5d;
	font-size:1.2em;
	line-height:16px;
	margin-bottom:5px;
}
div.page_list_item p a {
	color:#d15900;
	text-decoration:none;
}

div.page_list_item p a:hover {
	color:#fff;
	text-decoration:none;
	background:#d15900;
}


/* Flickr image gallery
-------------------------------------------------------------- */
div.flickr_item {
	background:url(../images/gallery_bg.png);
	float:left;
	width:91px;
	height:91px;
	margin-right:10px;
	margin-bottom:10px;
}
div.flickr_item a img {
	padding:8px;
}


/* Footer
-------------------------------------------------------------- */
div#footer {
	background:url(../images/footer_bg.jpg) repeat-x bottom;
	position: relative;
	margin-top: -83px; /* negative value of footer height */
	height: 83px;
	clear:both;
}
div#footer_inner {
	padding-top:38px;
	width:910px;
	margin-left:auto;
	margin-right:auto;
}

ul#footer_nav li {
	list-style:none;
	display:inline;
}
ul#footer_nav li a {
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
	margin-right:20px;
	text-transform:uppercase;
}