/*-----------------------------------------------------------
Description: Conference site
Version: 1.0
Author: Luke
Author URI: www.aspevents.net
-----------------------------------------------------------*/

/* RESET
-----------------------------------------------------------*/
a img {border:none;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div,ul,ol {margin:0; padding:0;}
#col-middle ul {margin-left:1.2em;}  /* To make bullet points appear right in content */
/*-----------------------------------------------------------*/


/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font:0.75em Arial, Helvetica, sans-serif; line-height:1.43em; color:#464e54; /* body font colour */ text-align:left; background:url(../g/2010/template/bg_site.gif) #4e5762; /* background around the site */ }
body p {padding:0 0 15px 0;}
a:link {color:#e21a22; text-decoration:none;} /* unvisited link */
a:visited {color:#e21a22; text-decoration:none;} /* visited link */
a:hover {color:#8a1217; text-decoration:none;} /* mouse over link */
a:active {color:#8a1217; text-decoration:none;} /* selected link */
/*-----------------------------------------------------------*/


/* STRUCTURE  don't amend this section 
-----------------------------------------------------------*/
#PageBody_DIV {margin:0 auto; width:950px; padding:0;}
#header {width:950px; height:121px; position:relative; padding:0; margin:0; background-color:#fff; border-bottom:5px solid #e21a22;}
#content {width:950px; float:left; background:url(../g/2010/template/bg_content.gif) repeat-y left #fff;/* background graphic whole width of site */ border-bottom:7px solid #e21a22;/* border at bottom of the site */}
	#col-left {width:240px; padding:0; margin:0; float:left;}
		#menu {padding:0; margin:0;}
		#pb_left {padding:30px 15px 15px 15px; margin:0; float:left; width:210px;}
	#col-middle {width:710px; float:right; padding:0; margin:0;}
		#pb_top {width:710px; padding:0; margin:0; float:left; background-color:#e21a22;/* background graphic whole width of site */}
		#pagebody {padding:30px 40px 40px 40px; margin:0; float:left; width:630px;}
#foot {padding:0; margin:0; margin-top:10px;}
/*-----------------------------------------------------------*/


/*NAVIGATION 
-----------------------------------------------------------*/
.menu {
	z-index:999; 
	font-family: arial, sans-serif; 
	width:240px; 
	min-height:200px; 
	position:relative; 
	margin-top:20px; 
	font-size:12px; 
	margin:0;
	}

.menu ul {
	padding:0; 
	margin:0; 
	list-style-type: none; 
	}

.menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative; 
	display:block; 
	width:240px; 
	min-height:36px; 
	background:#C0C0C0; 
	border-bottom:1px solid #fff;
	}

.menu ul li a{padding-left:9px; width:231px; position:absolute;}
	
.menu ul li a, .menu ul li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#FFF; 
	font-size:11px; 
	text-align:left; 
	line-height:36px; 
	display:block;
	text-transform:uppercase;
	background:#74838d;
	}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#FFF; 
	background:#e21a22;
	}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0px; 
	left:240px; 
	width:164px; 
	}

.menu ul li:hover ul li{
	width:164px;
	min-height:30px!important;
	}

.menu ul li:hover ul li a {
	display:block; 
	background:#8a1217; 
	color:#FFF; 
	width:150px; 
	border-bottom:none; 
	height:22px; 
	line-height:16px; 
	padding-top:8px;
	padding-left:7px;
	padding-right:7px;
	text-transform:uppercase;
	}

.menu ul li:hover ul li a:hover {
	background:#e21a22; 
	color:#FFF;
	}

/* IE browsers */
.menu {_width:238px;}
.menu ul li {_width:238px;}
table {
	_border-collapse:collapse; 
	_border:0; 
	_margin:0; 
	_padding:0;
	}
.menu ul li a{_position:relative; _padding-left:9px; _width:229px;}
.menu ul li a:hover {
	_color:#FFF; 
	_background:#e21a22;
	}

.menu ul li a:hover ul {
	_display:block; 
	_position:absolute; 
	_top:0px; 
	_left:238px; 
	_width:150px; 
	_overflow:hidden;
	}
	
.menu ul li a:hover ul li a {
	_display:block; 
	_background:#8a1217; 
	_color:#fff; 
	_width:150px; 
	_border:none;
	_line-height:15px; 
	_padding-top:8px; 
	_padding-bottom:8px;
	_padding-left:7px;
	_padding-right:7px;
	}

.menu ul li a:hover ul li a:hover {
	_background:#e21a22; 
	_color:#FFF;
	}
/*-----------------------------------------------------------*/


/* HEADINGS
-----------------------------------------------------------*/

h1{font:2em arial, sans-serif; font-weight:bold; color:#201c1d; border-bottom:1px dotted #4e5762; margin-bottom:15px; width:630px;} /*Page title */
h2{font:1.3em arial, sans-serif; font-weight:bold; color:#e21a22; margin-bottom:10px;}/*Sheet Titles */
h3{font:1.2em arial, sans-serif; font-weight:bold; color:#201c1d;} /* Strap Titles*/
h4{font:1.4em arial, sans-serif; font-weight:bold; border-bottom:1px dotted #4e5762; color:#201c1d; margin-bottom:5px;} /* Panel Titles */


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/


/* HEADINGS
-----------------------------------------------------------*/

h1{font:2em arial, sans-serif; font-weight:bold; color:#201c1d; border-bottom:1px dotted #4e5762; margin-bottom:15px; width:630px;} /*Page title */
h2{font:1.3em arial, sans-serif; font-weight:bold; color:#e21a22; margin-bottom:10px;}/*Sheet Titles */
h3{font:1.2em arial, sans-serif; font-weight:bold; color:#201c1d;} /* Strap Titles*/
h4{font:1.4em arial, sans-serif; font-weight:bold; border-bottom:1px dotted #4e5762; color:#201c1d; margin-bottom:5px;} /* Panel Titles */


/*-----------------------------------------------------------*/


/* SHEETS
-----------------------------------------------------------*/
.sheetbody{margin:0; padding:0; width:630px;}
.sheetbody p {padding:0 0 15px 0;}

.leftsheet {width:300px; float:left; background-color:#edeff1; margin:0; padding:0;}
.leftsheettitle h2 {color:#FFF; float:left; margin:0; padding:7px; background-color:#73828c; /* left sheet title background colour */}
.leftbodysheet {padding:10px; width:280px; float:left;}
.leftbodysheet p {padding:0 0 15px 0;}

.rightsheet {width:300px; float:left; background-color:#edeff1; margin:0; padding:0;}
.rightsheettitle h2 { color:#FFF; float:left; margin:0; padding:7px; background-color:#73828c;/* right sheet title background colour */}
.rightbodysheet {padding:10px; width:280px; float:left;}
.rightbodysheet p {padding:0 0 15px 0;}

.hoz {height:20px; min-height:20px; width:10px;} /* Horizontal Sheet Seperator*/
.vert {width:20px; float:left; height:10px;}/* Vertical Sheet Seperator*/

/*-----------------------------------------------------------*/


/* PANELS
-----------------------------------------------------------*/
/* Left panel */
.panel_1 {padding:0px; margin:0px; width:210px;}
.paneltitle_1 {width:210px;}
.panelbody_1 {padding:0px; margin:0px;}
.panelbody_1 p {padding:0px; margin:0px;}
.panel_1_foot {padding:10px;}

/* Left panel white background */
.panel_2 {padding:0px; margin:0px; width:210px;}
.paneltitle_2 {width:210px;}
.panelbody_2 {padding:10px; margin:0px; background-color:#FFF;}
.panelbody_2 p {padding:0px; margin:0px;}
.panel_2_foot {padding:10px;}

/* panel default */
.panel_3 {padding:0px; margin:0px; float:left;}
.paneltitle_3 {}
.panelbody_3 {padding:0px; margin:0px;}
.panelbody_3 p {padding:0px; margin:0px;}
.panel_3_foot {padding:0px; margin:0;}
/*-----------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------*/
ul#footer{width:950px; margin-top:10px;}
ul#footer ul { background:none; width:960px; color:#e7e7e8;}
ul#footer li {list-style:none; display:inline; padding:0 3px 0 3px; background:none;  font-size:0.85em; }
ul#footer li a{text-decoration:none;  background:none; font-size:0.85em; list-style:none; color:#FFF; /* footer text colour*/}
ul#footer li a:hover{ text-decoration:none;  background:none;}
/*-----------------------------------------------------------*/


/*SEARCH
------------------------------------------------------------*/
#search {width:240px; padding-top:50px; height:30px; padding-right:30px; float:right; background:url(../g/2010/template/bg_search.gif) no-repeat top right #fff;}
#searchfield { float:left; width:190px; height:20px; padding-left:10px; }
#searchfield input {height:20px;  width:180px; border:none; font:1em Arial, Sans-serif;  padding:3px 0 0 4px; background:none; text-align:left; color:#999;} /*style the input form*/
#searchbutton {float:left; width:20px; height:20px; border:none; margin-left:5px;}
/*----------------------------------------------------------*/