/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: #ffffff;
	color: #505050;
	font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
	line-height: 18px;
	margin: 15px 0;
}
a{
	color: #00c0ff;
	text-decoration: underline;
}
a:hover{
	color: #333333;
}
input,select,textarea{
	border: #00c0ff 3px solid;
	font-size: 18px;
	color: #666666;
	padding: 3px 2px;
}
input{
	background: url(input-bgr.gif) no-repeat left top;
}
select{
	padding: 0;
}
li{
	list-style: none;
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 800px;
}
#page h2, #page h3{
	color: #00c0ff;
	font-size: 16px;
	padding: 0 0 5px;
}
#page h3{
	font-size: 19px;
	letter-spacing: -1px;
}
#page p{
	padding: 0 0 15px;
}
/*=== Header ===*/
#header{
	height: 95px;
}
/*- Logo -*/
#header h1{
	background: url(logo.gif) no-repeat center;
	text-indent: -9999px;
}
#header h1 a{
	display: block;
	height: 63px;
	width: 790px;
}
/*- Slogan -*/
#header p{
	text-align: center;
}
#header p em{
	color: #00c0ff;
	font-weight: bold;
}
/*=== Title ===*/
#title{
	background: #f9f9f9;
	height: 270px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 30px;
}
/*=== Top Menu ===*/
#topmenu{
	clear: both;
	height: 26px;
	padding: 30px 0;
}
#topmenu ul{
	margin: 0 auto;
	width: 620px;
}
#topmenu li{
	float: left;
	font-size: 26px;
	font-weight: bold;
}
#topmenu li a{
	color: #505050;
	display: block;
	margin: 0 20px 0 0;
	padding: 0 0 0 28px;
	text-decoration: none;
	line-height:25px;
	background-position: top; 
}
#topmenu li.last a{
	margin: 0;
}
#topmenu li a:hover,#topmenu li.active a{
	color: #00c0ff;
}
#topmenu li#ico1 a{
	background: url(ico1.gif) no-repeat left;
}
#topmenu li#ico2 a{
	background: url(ico2.gif) no-repeat left;
}
#topmenu li#ico3 a{
	background: url(ico3.gif) no-repeat left;
}
#topmenu li#ico4 a{
	background: url(ico4.gif) no-repeat left;
}
/*=== Columns ===*/
#columns{
	padding: 0 28px;
}
/*--- Sub Columns ---*/
.col1{
	float: left;
	width: 235px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.col2{
	float: right;
	width: 515px;
}
.col3{
	width: 365px;
}
.col2 .nav{
	float: left;
	margin: 110px 5px 0;
}
.subcol1{
	background: #eeeeee;
	float: left;
	height: 235px;
	padding: 6px;
	width: 443px;
}
#page .subcol1 h2{
	padding-top: 15px;
}
.subcol1 div{
	float: left;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #f4f4f4;
	border: 1px dashed #cccccc;
	padding: 4px 6px 10px;
}
img.pdf{
	margin: 4px 0 0;
}
/*- Contact -*/
#page .contact p{
	padding: 0 0 10px;
}
.contact{
	clear: both;
	font-size: 20px;
	padding: 10px 0 20px;
	text-align: center;
}
.contact a{
	font-size: 20px;
	font-weight: bold;
}
/*- Login Box -*/
.login{
	clear: both;
	margin: 0 auto 30px;
	padding: 12px 0 12px 20px;
	width: 404px;
}
/*=== Styling Forms ===*/
/*- Login Form -*/
.login fieldset div{
	float: left;
	width: 160px;
}
* html .login fieldset div{
	margin: 0 5px 0 0;
}
.login fieldset div.btn{
	margin: 0;
	width: 58px;
	line-height:14px;
	padding-top: 18px;
}
.login label{
	display: block;
	padding: 0 0 2px;
}
.login input{
	width: 145px;
}
.login .btn input{
	border: 0;
	margin: 0;
	padding: px 0 0;
	width: auto;
}
/*=== Styling Lists ===*/
.list1{
	padding: 0 0 15px;
}
.list1 li{
	background: url(ico-list1.gif) no-repeat left;
	padding: 0 0 0 8px;
}
/*=== Footer ===*/
#footer{
	background: url(logo2.gif) no-repeat center top;
	clear: both;
	font-size: 10px;
	height: 85px;
	padding: 20px 0 0;
	text-align: center;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.fl{
	float: left;
}
img.fl{
	margin: 0 10px 0 0;
}
.fr{
	float: right;
}
a.more{
	background: url(ico-more.gif) no-repeat left;
	padding: 0 0 0 12px;
}
a.more2{
	background: url(ico-more2.gif) no-repeat left;
	padding: 0 0 5px 30px;
}
.blue{
	color: #00c0ff;
	font-weight: bold;
}
.txt11px {font-size: 11px}
.grey-lt {color: #999999}


/*=== SLIDESHOW  ===*/



h3.image {
	position: relative;
	height: 40px;
	background: transparent none no-repeat 0 0;
	text-indent: -2000em;
	overflow: hidden;
}
	h3.image a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


#main {
	position: relative;
	width: 248px;
	float: left;
	clear: left;
	text-shadow: 0 0 0 #000;
}

#upcoming-sessions, img.banner {
	display: block;
	width: 248px;
	height: 178px;
	border: solid 3px #fff;
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
  #upcoming-sessions {
	height: 225px;
  }
	#upcoming-sessions li {
	  margin: 0;
	  padding: 0;
	  position: absolute;
	  height: 100%;
	  width: 100%;
	}
		#upcoming-sessions li .summary {
		  display: none;
		}

		#upcoming-sessions li .info {
		  font-family: Arial, Helvetica, sans-serif;
		  text-align: center;
		  position: absolute;
		  padding: 0.8em 0;
		  bottom: 1em;
		  width: 100%;
		  color: #E3A370;
		  text-transform: uppercase;
		}
		
		#upcoming-sessions li.expression-engine .info {
		  color: #333;
		}
		#upcoming-sessions li .url {
		  text-indent: -2000px;
		  display: block;
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		}

#sidebar {
	/*background:#00FF00;*/
	position: relative;
	float: left;
	width: 188px;
}

	#sidebar h3{
		background-repeat: no-repeat;
		text-indent: -2000em;
	}
	#sidebar li {
		list-style-type: none;
	}
	#sidebar p {
		line-height: 1.2;
	}

#polaroids {
	/*background:#999999;*/
	width: 188px;
	height: 225px;
	position: relative;
}
	#polaroids li {
	position: absolute;
	top: -10px;
	left: 20px;
	width: 200px;
	}
/*=== Styling Lists ===*/
.list1{
	padding: 10px 10px 15px;
	line-height:16px;
}
.list1 li{
	background: url(ico-list1.gif) no-repeat left;
	padding: 0 0 0 8px;
}

#venue h3 {
	height: 1px;
	/*background-image: url(../images/sessions/the-venue.gif);*/
}