@charset "utf-8";
/* 
Project   : ICS Website
Author    : Christopher Thrower
Date      : 8th December, 2009
*/

body {
	background: #292952; 
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

/* General styles */

div#wrapper {
	background: #fff;
	width: 982px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}
hr {
	background: #e3e3ef;
	border: 0;
	height: 1px;
}
h1 {
	font-family:"Edwardian Script ITC", Times New Roman, serif;
	font-size: 3em;
	color: #333366;
	margin: 0 0 10px 0;
}
h2 {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
img.floatright {
	float: right;
	padding-left: 8px;
	margin-bottom: 24px;
}
img.floatleft {
	float: left;
	padding-right: 8px;
	margin-bottom: 24px;
}

/* Header styles */

div#public_header {
	background: url('../images/headers/public_header-bg.jpg') no-repeat;
	width: 982px; 
	height: 120px;
}
div#members_header {
	background: url('../images/headers/members_header-bg.jpg') no-repeat;
	width: 982px; 
	height: 120px;
}
div#logo {
	background: url('../images/logos/ICS_logo.jpg') no-repeat;
	width: 88px;
	height: 97px;
	margin: 11px 0 0 20px;
	float: left;
}
#logo a {
	display: block;
	width: 88px;
	height: 97px;
}
#logo span {
	display: none;
}

/* Left pane styles */

div#left {
	width: 190px; 
	padding: 20px 0 20px 20px;
	float: left;
}
#left img {
	border: 0;
	margin: 10px 0;
}
/* Navigation styles */ 

ul#nav { 
	list-style: none;
	padding: 0;
	margin: 0;
}		
#nav li { margin: 0 0 1px 0; }
#nav li a { background: #d9d9ea; display: block; width: 183px; height: 16px; padding: 5px 15px; color: #1c1c43; text-decoration: none; }
#nav li a.active { background: #d9d9ea url('../images/navigation/li-hover.jpg') left no-repeat; }
#nav li a:hover { background: #d9d9ea url('../images/navigation/li-hover.jpg') left no-repeat; }
#nav li ul { list-style: none; padding: 0; margin: 0; }
#nav li ul li a { background: #fff; padding: 3px 15px; }
#nav li ul a:hover { background: #fff url('../images/navigation/sub-nav-hover.jpg') left no-repeat; }
#nav li ul a.active { background: #fff URL('../images/navigation/sub-nav-hover.jpg') left no-repeat; }
#nav li ul li ul { list-style: outside disc; color: #666699; padding: 0 0 0 30px; }
#nav li ul li ul li a { width: 163px; padding: 0px 0; color: #666699; }
#nav li ul li ul li a:hover { background: #fff; color: #333; }
#nav li ul li ul li a.active { background: #fff; color: #333; font-weight: bold; }
	
/* Login area */ 

div#login {
	background: #d9d9ea ;
	width: 213px;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}		
#login label { display: none; }
#login form { margin: 10px; }
div#loginHeader { background: #343468; padding: 5px; color: #fff; }
.loginInput { border: #8f8f8f 1px solid; padding: 2px; margin: 0 0 5px 0; }

/* Middle content styles */

div#middle {
	width: 500px;
	float: left;
	margin: 20px 0 20px 35px;
	display: inline;
}
#middle {
	color: #666;
	line-height: 20px;
}
#middle table {
	margin-top: 20px;
}
#middle td {
	vertical-align: top;
}

/* Events styles */

.eventheader {
	width: 480px;
	padding: 6px 4px 6px 4px;
	font-size: 1.1em;
	color: black;
	font-weight: bold;
	background-color: #d9d9ea;
	margin: 20px 0 0 0;
}
.eventheader span {
	float: right;
	padding-left: 16px;
}
.eventbody {
	color: black;
	width: 480px;
	margin: 0 0 20px 0;
	padding: 12px 4px 12px 4px;
	border-bottom: 2px solid #d9d9ea;
	line-height: 20px;
}
.eventbody img.floatright {
	margin-bottom: 0px;
}
.eventbody img.floatleft {
	margin-bottom: 0px;
}

/* Expanding section styles */

.expandheader {
	width: 480px;
	padding: 6px 4px 6px 4px;
	font-size: 1.1em;
	color: black;
	font-weight: bold;
	background-color: #d9d9ea;
	margin: 20px 0 0 0;
}
.expandheader span {
	float: right;
	padding-left: 16px;
	font-size: 1em;
	font-weight: normal;
}
.expandbody {
	overflow: hidden;
	width: 480px;
	margin: 0 0 0 0;
	padding: 4px 4px 12px 4px;
}
.expandbutton {
	height: 1.2em;
	color: black;
	width: 480px;
	border-bottom: 2px solid #d9d9ea;
	margin: 0 0 20px 0;
	padding: 6px 4px 12px 4px;
}
.expandbutton a {
	cursor: pointer;
}

/* Contact styles */

span.blue {
	color: #666699;
	font-weight: bold;
	margin: 0 0 0 15px;
}
.form_item {
	clear: both;
	width: 500px;
	float: left;
	margin: 0 0 5px 0;
}	
.contactInput {
	width: 315px;
	float: left;
}
#middle label {
	width: 100px;
	padding: 3px;
	color: #666699;
	font-weight: bold;
	display: block;
	float: left;
}
.submitButton {
	background: url('../images/navigation/submit.jpg') no-repeat;
	width: 58px;
	height: 22px;
	border: 0;
	margin: 5px 0 0 105px;
}
			
/* Right pane styles */

div#right {
	width: 715px; 
	float: right;
	margin: 20px 20px 20px 0;
	display: inline;
}
div#homepageP { width: 350px; padding: 0 20px 0 0; margin: 20px 0 0 0; color: #666; line-height: 20px; float: left; }
div#events {
	width: 305px; 
	background: #d9d9ea;
	float: right;
	padding: 10px 20px;
}
#events img { border: 0; margin: 0 3px 0 0; }
#eventsHeader { background: url('../images/headers/forthcoming-events.jpg') no-repeat; width: 345px; height: 36px; float: left; margin: 20px 0 0 0; }
#eventsHeader span { display: none; }
div#interiorRight {
	width: 194px; 
	margin: 20px 20px 20px 0;
	display: inline;
	float: right;
}
#interiorRight img { border: 0; margin: 5px 0; }
.interiorEvents {
	width: 154px; 
	background: #d9d9ea;
	color: #333366;
	padding: 10px 20px;
	border-bottom: #fff 2px solid;
}
.interiorEvents img { border: 0; margin: 0 3px 0 0; }
.interiorEvents p { margin: 0 0 10px 0; color: #333366; }
.interiorEvents h2 { font: 1.1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; font-weight: bold; color: black; margin: 0 0 0 0; padding: 0 0 10px 0; }
.interiorEvents h3 { font: 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1em; font-weight: bold; margin: 0 0 0 0; padding: 0 0 10px 0; }
#interiorEvents { background: url('../images/headers/events.jpg') no-repeat; width: 194px; height: 36px; margin: 20px 0 0 0; }
#interiorEvents  span { display: none; }
.interiorTickets {
	width: 154px;
	background: #343468; 
	padding: 1px 20px 1px 20px;
	color: #fff;
}
.interiorTickets p { margin: 6px 0 8px 0; }

/* Footer styles */

div#footer { 
	background: #e1e1e1; 
	padding: 10px 5px;
	text-align: right;
	color: #666;
	clear: both;
	overflow: hidden;
	font-size: 0.833em;
	height: 12px;
}
#footer ul { list-style: none; padding: 0; margin: 0; float: right; }
#footer ul li { float: left; border-right: #666 1px solid; padding: 0 5px; }
#footer ul li a { display: block; color: #666; text-decoration: none; }
#footer ul li a:hover { color: #333; }
#footer ul li.last { border-right: 0; }