/* Awards style sheet
   Paul Abrahams
   Version: 1.0
   Incisive Media
   27.06.08 */
   
   
	/*GLOBAL DEFAULTS */

*, html, body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0; 
	padding:0;
	outline: none;
}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}/* End hide from IE-mac */

body {
	background-color: #333;
}

p {
	font-size: 12px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color: #222;
	font-size: 20px;
}


/*h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color: #222;
	font-size: 20px;
}*/
a {
	color:#333;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color:#000;
	text-decoration: none;
}
#header {
	outline:none;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: right;
	background-image:url(header.jpg);
	height: 148px;
	border-bottom: 1px solid #000;
}
	
	/* LAYOUT */

#wrapper {
	width:  980px; /* Width of site */
	margin:  5px auto;
	overflow: hidden;	
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	border: 6px solid #FFF;
}

/* Block classes */
.line {
	float: left;
	width: 100%;
	display: block;
	position: relative; /*Alan Gresley viewport in IE fix*/
	overflow: hidden; /* Needed for equal height columns*/
	background-color: transparent;
	border-bottom: 0;
}

.item {
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
	background-color: #FFF; /* Background colour of centre column */
}

.column { /* Background to columns continues to foot*/
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

/* All block elements must have margin-left and width defined */
#logoItem .blockContent {
	margin-left: -100%;
	width: 100%;
	background-color:#666;
	border-bottom: 1px solid #000;
}

#topNav {
	margin-left: -100%;
	width: 100%;
	text-align: right;
	background-color: #333;
	padding: 8px 0 8px 0;
	border-top: 1px solid #666;
}

#topNav .blockContent ul li{
	display:inline;
	list-style-type: none;
}

#topNav .blockContent a{
	padding: 4px;
	background-color: #333;
	outline: 1px solid #333;
	font-size:14px;
	font-weight:normal;
	color: #CCC;
	text-decoration:none;
	margin-right: 6px;
}

#topNav .blockContent a:hover{
	background-color: #333;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}

.navStyle {
}

#main #leftColumn {
	margin-left: -100%;
	width: 160px;
	border-right: 6px solid #EEE;
	z-index: 100; /*prevent main content from overlapping sidebars */
	background-color:#EEE; /* background colour of left column */
}

#main #leftColumn .blockContent {
	padding: 20px 0 0 10px;
}

#main #mainContent {
	margin-left: -100%;
	width: 100%;
	color: #666;
	background-color:#EEE; /* background colour of main content */
}

#main #mainContent .blockContent {
	padding: 20px 215px 20px 180px;
}

#main #rightColumn {
	margin-left:  -200px;
	width: 200px;
	border-left: 6px solid #EEE;
	z-index: 100; /*prevent main content from overlapping sidebars */
	background-color:#EEE; /* background colour of left column */
}

#main #rightColumn .blockContent {
	text-align: center;
	margin: 20px 16px 16px 0; 
}

#footerLine {
	border-bottom: none;
}

#footer {
	margin-left: -100%;
	width: 100%;
	background-color: #000;
}

#footer p{
	text-align: center;
	padding: 10px;
	color: #666;
	font-size: 11px;
	line-height: 1.8em;
}
#footer a{
	color: #666;
	text-decoration:underline;
}
#footer a:hover{
	color: #999;
	text-decoration:none;
}

	
/* LEFT NAVIGATION */

.glossymenu{
	margin: 0;
	padding: 0;
	width: 150px; /*width of menu*/
	border: 0;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	background: #EEE;
	/*background: #EEE url(images/glossyback.gif) repeat-x bottom left;*/
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
}


.glossymenu .menuitem:active{
	color: #000;
}

.glossymenu a.menuitem .statusicon{ /*Icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	/*background-image: url(images/glossyback2.gif);*/
	background: #DDD;
	color: #333;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: #EEE;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #DDD;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: 10px;
	padding: 4px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	background: #DDD;
	color: #000;
}

/* Section Block */

.sectionBlock {
	border: 1px solid #DDD;
	margin: 8px 0 8px 0;
	background: #FFF;
	padding-bottom: 16px;
}
.sectionBlock h1{
	display: block;
	border: 2px solid #FFF;
	background: #EEE;
	color: #333;
	padding: 4px 16px 4px 16px;
}

.sectionBlock p {
	padding: 10px 16px 0 16px;
}
#rightColumn h2 {
	font-size: 16px;
}

/* Remind ME */
#remindMe {
	margin: 0 0 14px 0;
}
#remindMe a{
	background: #333;
	font: normal 15px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #DDD;
	display: block;
	width: 150px;
	height: 30px;
	padding: 0 0 0 10px;
	border: 1px solid #FFF;
	text-decoration: none;
	line-height: 30px;
}
#remindMe a:hover{
	background: #000;
	color: #FFF;
}

/* Form */
form {
	margin-top: 16px;
}

form p {
	margin: 0;
	clear: left;
}
label {
	width: 20em;
	display:block;
	float: left;
	font-weight: normal;
	padding-right: 1.5em;
}
label.tick {
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0 0 1ex 20em;
	padding-left: 1.5em;
}
form div.actions {
	margin-left: 1em;
	margin-top: 1ex;
}

/* Speakers */
 
.speakers {
	float: left;
	vertical-align: top;
	padding: 12px 14px 8px 15px;
}


.sponsors {
	padding: 12px 14px 4px 15px;
}	

