/* CSS Document */

/* ---------- BROWSER RESETS ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	background: transparent;
	margin: 0; padding: 0; border: 0; outline: 0;
}

/* ---------------- TAGS -------------- */
body{background:#86CCDE; font:13px/18px Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; color:#FFFFFF;}
div, p, span, td {font:13px/18px Arial, Helvetica, sans-serif; text-align:left; color:#FFFFFF;}

p {margin:0 0 12px;}
td {vertical-align:top}

/* ---------- TYPOGRAPHY & COLOR ---------- */
h1 {font:24px Arial, Helvetica, sans-serif}
h2 {font:bold 17px/24px Arial, Helvetica, sans-serif;}
	#fullcol h2, #fullcol h4{margin:0 0 12px}
	#tagline h4 {font:18px Arial, Helvetica, sans-serif;}
h3 {font:bold 13px/18px Arial, Helvetica, sans-serif;}
h4 {font:17px/24px Arial, Helvetica, sans-serif;}
a:link {color:#003; text-decoration:none;}
a:visited {color:#003; text-decoration:none;}
a:hover {color:#003; text-decoration:underline;}
a.goTo {background:#003;  font-weight:bold; color:#FFF;}
a.goTo:visited {background:#003; font-weight:bold; color:#FFF;}
a.goTo:hover {background:#346689; text-decoration:none; color:#FFF;}
#linkBack a:link, #linkBack a:visited, #linkBack a:hover {color:#FFF; text-decoration:none;}


/* ----------------------------------- PAGE LAYOUT ------------------------------------------ */
.center {width:980px; margin:0 auto;}
.content {padding-left:212px; padding-right:80px;}

#main {background:#63C3D7; padding:12px 0; text-align:center;}
	#main #agenda td {padding:0 0 20px;}
	#main #agenda .event {width:400px;}
	#main #agenda .time {width:132px;}
	#main #fullcol {float:left; width:532px}
	#main #overview {float:left; width:317px; margin-right:35px}
	#main #eventInfo {float:left; width:160px;}
	
#footer {padding-bottom:50px; color:#436688; text-align:center;}
	#footer .center {background:url('../img/bg-footer.gif') no-repeat top right; border:solid 1px #86CCDE}
	#footer .content {margin-top:25px;}
	
#banner {background:url('../img/bg-banner.png') no-repeat top center; position:relative; 
		width:980px; height:204px; margin:0 auto; }
	#banner #date {position:absolute; top:97px; left:212px;}
	#banner #eventlogo {position:absolute; top:129px; left:212px;}
	#banner #tagline {position:absolute; top:175px; left:498px;}
	
#linkBack {background:#000; height:33px; width:100%; text-align:center;}
	#linkBack .content {padding-left:12px; line-height:33px;}
		#linkBack .content img {margin-right:10px;}
		#linkBack .content td {height:33px; vertical-align:middle;}
		
.portrait {margin:5px 0;}
.section {margin-bottom:30px;}	
/* --------------------- LISTS  --------------------------------*/
ul.nav {float:left; width:156px; margin:0px; padding:0px;}
ul.nav  {list-style-type:none; font-size:18px; line-height:26px; color:#003;}
	ul.nav li a {color:#FFF}
	ul.nav li a:visited {color:#FFF}
	ul.nav li a:hover {color:#DDD; text-decoration:none;}
	
/* --------------------- IMAGES & IMAGE POSITIONING  --------------------------------*/
#tagline {margin:0 0 26px}

/* --------------------- MISC  --------------------------------*/
.clear {clear:both; height:0px; line-height:0px; font-size:0px; }
.goTo {background:#003; padding:2px 4px;} 	
.inline {display:inline;}
.right {text-align:right;}