/************************************************************************
	Title: LMH Website re-design
	Company: Lady Margaret Hall
	File: global.css
	
	GLOBAL CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		DVA  [www.dva.co.uk] - Dan Viveiros		[danv@dva.co.uk]

	Listing Order:
	==============

	Universal
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Forms

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

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/
html, body {
	margin: 0px;
	padding: 0px;
}

* html html, * html body {
	text-align: center;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
}

p {
	margin-bottom: 10px;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom: 10px;
}

h1 {
	font-family: "Helvetica 45 Light";
	font-size: 25px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
#container {
	width: 750px;
	margin: auto;
}

* html #container {
	text-align: left;
}

#header {
	background-color: Aqua;
	height: 130px;
	padding: 10px 30px 10px 30px;
}

#tools {
	float: right;
	height: 130px;
	width: 300px;
}

#nav {
	background-color: Black;
	height: 30px;
}

#bannerhome {
	position: relative;
	height: 238px;
}

#bannerint {
	position: relative;
	height: 140px;
	background-image: url(assets/intbanner_7.jpg);
}

#bannerhome #bannerbutton {
	position: absolute;
	bottom: 0px;
	width: 665px;
	height: 40px;
	text-align: right;
	padding: 0px 55px 0px 30px;
	color: #FFFFFF;
}

* html #bannerhome #bannerbutton {
	width: 745px;
	margin-bottom: -5px;
}

#bannerint #bannerbutton {
	position: absolute;
	bottom: 0px;
	width: 665px;
	height: 40px;
	text-align: left;
	padding: 0px 55px 0px 30px;
	color: #FFFFFF;
}

#nav {
	background-color: Black;
	height: 30px;
}

#breadcrumb {
	text-align: right;
	margin-bottom: 10px;
}

#content {
	background-color: #FFFFFF;
	padding: 20px 30px 20px 30px;
}

#left {
	width: 170px;
	float: left;
}

#copywrapper {
	float: left;
	padding-left: 10px;
	width: 510px;
}

#pageheading {
}

#middle {
	width: 320px;
	float: left;
	padding-right: 20px;
}

#middlewide {
	width: 510px;
	float: left;
}

#right {
	width: 170px;
	float: right;
}

#subfooter {
	padding: 30px 30px 30px 20px;
}

#footer {
	height: 40px;
}

/***********************************************************************
	HOME BANNER IMAGE BANK
************************************************************************/

.homeimage1 {
	background-image: url(../assets/homebanner_1.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

/***********************************************************************
	INTERNAL BANNER IMAGE BANK
************************************************************************/

.intimage1 {
	background-image: url(../assets/intbanner_1.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.intimage2 {
	background-image: url(../assets/intbanner_2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.intimage3 {
	background-image: url(../assets/intbanner_3.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.intimage4 {
	background-image: url(../assets/intbanner_4.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.intimage5 {
	background-image: url(../assets/intbanner_5.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.intimage6 {
	background-image: url(../assets/intbanner_6.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.intimage7 {
	background-image: url(../assets/intbanner_7.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
#header img {
	display: none;
	float: left;
	margin-top: 50px;
}

#header h1 {
	display: none;
}


/***********************************************************************
	GLOBAL NAVIGATION
************************************************************************/
#nav ul {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 11px;
}

#nav ul li {
	display: inline;
	color: #CCCCCC;
	margin-left: 30px;
}

#nav ul li a {
	color: #CCCCCC;
}

#nav ul li a:hover, #nav ul li a.active {
	color: #FFFFFF;
	text-decoration: none;
}

/***********************************************************************
	SECTION SPECIFIC NAVIGATION
************************************************************************/
ul#menu {
	margin-top: 0px;
}

 ul#menu li {
	font-size: 13px;
	margin-top: 10px;
	padding-left: 12px;
	background-image: url(../assets/menubullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

ul#menu li a {
	color: #666666;
}

ul#menu li a:hover {
	color: #333333;
}

ul#menu li a.active {
	color: #000000;
}

ul#menu li ul {
	margin-left: 0px;
}

ul#menu li ul li {
	font-size: 11px;
	background-image: none;
	padding: 0px;
}

ul#menu li ul li a {
	color: #8C8C8C;
}

/***********************************************************************
	BANNER BUTTON
************************************************************************/
#bannerbutton h1 a {
	color: #FFFFFF;
}

/***********************************************************************
	FEATURE PANELS
************************************************************************/
#content .featurepanel, #subfooter .featurepanel {
	width: 215px;
	margin: 0px 0px 0px 15px;
	float: left;
}

* html #content .featurepanel, * html #subfooter .featurepanel {
	width: 202px;
	margin: 0px 0px 0px 20px;
}

#content .featurepanel h2 {
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 10px;
	height: 55px;
}

#subfooter .featurepanel h3 {
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 32px;
	height: 35px;
}

#subfooter {
	color: #FFFFFF;
}

#subfooter .featurepanel h3, #subfooter .featurepanel p, #subfooter ul li a {
	color: #FFFFFF;
}

#subfooter ul li {
	padding-right: 10px;
}

#subfooter ul#events li span {
	color: #CCCCCC;
	margin-right: 5px;
}


/***********************************************************************
	BODY ELEMENTS
************************************************************************/
#breadcrumb ul {
	font-size: 10px
}

#breadcrumb ul li {
	display: inline;
}

#breadcrumb ul li a {
	color: #666666;
	margin-right: 5px;
	padding-right: 15px;
	background-image: url(../assets/crumb.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#right ul {
	
}

#right ul li {
	font-size: 12px;
	color: #666666;
	margin-bottom: 30px;
	padding-right: 10px;
	background-image: url(../assets/menubullet.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#right ul li a {
	color: #666666;
}

.signup h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	margin-bottom: 0px;
}	

.signup p {
	color: #8C8C8C;
}	

.signup form input.searchbox {
	width: 135px;
	height: 13px;
	padding: 3px;
	border: 1px solid #666666;
	border-right: none;
	margin: 0px;
	color: #666666;
	font-size: 10px;
}

* html .signup form input.searchbox {
	height: 21px;
	margin-top: -1px;
}	
	
.signup form input.searchbtn {
	vertical-align: top;
	margin: 0px;
}

/***********************************************************************
	COPY ELEMENTS
************************************************************************/
#middle ul, #middle ol, #middlewide ul, #middlewide ol {
	list-style-position: inside;
	margin-bottom: 10px;
}

#middle ul, #middlewide ul {
	list-style: disc;
	list-style-position: inside;
}

#middle ul li, #middle ol li #middlewide ul li, #middlewide ol li {
	margin-bottom: 5px;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
#footer p {
	margin: 5px 0px 0px 0px;
	font-size: 9px;
}

/***********************************************************************
	Tools
************************************************************************/
#tools {
	text-align: right;
}

#tools ul {
	margin-bottom: 10px;
}

#tools ul li {
	display: inline;
	color: #CCCCCC;
	margin-left: 10px;
}

#tools ul li a {
	color: #FFFFFF;
}

#tools form input.searchbox {
	width: 135px;
	height: 13px;
	padding: 3px;
	border: none;
	margin: 0px;
	color: #000000;
	font-size: 10px;
}

* html #tools form input.searchbox {
	height: 19px;
	margin-top: -1px;
}	
	
#tools form input.searchbtn {
	vertical-align: top;
	margin: 0px;
}