/* 
	Screen.css style sheet for AWA101
	- Tags and classes used for Screen media
	(c)2008 Wiliam
*/

/*	General	*/
body { background-color: #fff; }
.sides { width: 100%; margin: 0 auto; background: url(../Images/bg-sides.jpg) no-repeat 50% 0; }
.container { width: 960px; margin: 0 auto; min-height: 40em; height: auto !important; height: 40em; z-index: 1; }

/*	Header	*/
.container-header { position: relative; z-index: 2; background: url(../Images/bg-header-right.jpg) no-repeat top right; width: 960px; height: 327px }
.container-header .inner { background: url(../Images/bg-header-text.gif) no-repeat top left; width: 960px; height: 327px; text-indent: -999999px }

/*	Content	*/
.container-content { position: relative; z-index: 1; width: 950px; top: -20px; left: -5px; min-height: 30em; height: auto !important; height: 30em; padding: 30px 10px 0 10px; }
.container-content .leftnav { width: 179px; float: left; margin-right: 10px; }
.container-content .leftnav ul { margin: 0; width: 179px; list-style: none }
.container-content .leftnav ul li { width: 179px; background: none; text-indent: 0; border-bottom: dotted 1px #dcdcdc; }
.container-content .leftnav ul li a { padding-left: 20px; display: block; width: 159px; color: #219861; line-height: 1.6em; font-weight: bold }
.container-content .leftnav ul li a:hover, .container-content .leftnav ul li a.selected { text-decoration: none; background-color: #92d6e3; color: #fff; }
.container-content .content { width: 539px; float: left; margin: 16px 10px 0 10px; }
.container-content .sidepanel { width: 187px; float: right; padding-right: 5px; margin: 16px 0 1em 10px; line-height: 1.4em }
.container-content .sidepanel .book { display: block; width: 187px; height: 71px; background: transparent url(../Images/book-accommodation.jpg) no-repeat top left; float: right;  }
.sponsors { margin: 0 auto; text-align: center; width: 970px; background: url(../Images/bg-content.png) repeat-y 0 0; position: relative; left: -5px; top: -20px; }
.sponsors img { border-top: dotted 1px #dcdcdc; }

/*	Footer	*/
.container-footer { position: relative; top: -20px; margin: 5px auto; z-index: 3; background: url(../Images/bg-footer.gif) no-repeat 0 0; width: 950px; height: 115px }
.container-footer .inner {  }
.container-footer .inner .content { position: absolute; left: 5px; top: 25px; font-size: 0.85em; color:#a0a0a0; }
.container-footer .inner .content span { color: #8ecea5 }
.container-footer .inner .wiliam { position: absolute; right: 20px; top: 15px }
.container-footer .inner .wiliam a { font-size: 0.85em; display: block; color: #a0a0a0; font-weight: normal; }
.container-footer .inner .wiliam a img { vertical-align: middle; }
.container-footer .inner .wiliam a:hover { text-decoration: none }

/*	Home Spotlight	*/
.home-spotlight { clear: both; width: 548px; border-top: dotted 1px #000; }
.home-spotlight .image { float: left; padding: 30px 10px; width: 241px; }
.home-spotlight .details { float: right; padding: 30px 10px 0 10px; width: 245px }

/*	Spotlight	*/
.spotlight { position: relative; width: 179px; background: #8ecea5 url(../Images/bg-spotlight-footer.gif) no-repeat bottom left; margin-bottom: 1em; float:right; }
.spotlight p { display: block; font-size: 0.85em; width: 159px; padding: 10px; color: #231f20; line-height: 1.4em; margin: 0;  }

.spotlight .bottom { width: 179px; margin-top: 20px; height: 10px; /*background: url(../Images/bg-spotlight-footer.png) no-repeat 0 0;*/ font-size: 1% }

.spotlight .link { display: block; position: absolute; right: 10px; background: #007a67 url(../Images/btn-green-left.gif) no-repeat left top; line-height: 15px; margin: 0; padding: 0 0 0 8px; text-decoration: none; outline: none}
.spotlight .link:hover { text-decoration: none }
.spotlight .link span { font-weight: bold; background: url(../Images/btn-green-right.gif) no-repeat right top; color: #fff; font-size: 11px; padding: 0 8px 0 0; display:block; outline: none}

/*	Accommodation	*/
.accommodation-heading { font-weight: bold; display: block; float: left; font-size: 14px; }
.accommodation-rating { width: 250px; display: block; float: left; margin-left: 10px; background-position: 6em top; background-repeat:no-repeat }
.accommodation { clear:both; float: none; border-top: dotted 1px #000; padding-top: 4px }
.accommodation .image { display: block; float: left; width: 200px; text-align: center; margin: 10px auto 20px auto }
.accommodation .details { width: auto; float: left; margin: 10px 0 20px 0}

/*	Keynote Speakers	*/
.speakers {margin: 5em 0 0 0; }
.speakers .image {width: 120px; float: left; margin: 0 auto; text-align: center}
.speakers .details {float: left; width: 420px }

/*	Sponsors	*/
.sponsor {margin: 0.5em 0; clear: both; float: none; }
.sponsor .image {width: 200px; float: left; margin: 0 auto; text-align: center}
.sponsor .details {float: left; width: 340px }

/* Footer Sponsors */

.footer_sponsors { border-top: 1px #000 dotted; border-bottom: 1px #000 dotted; clear: both; float: none; text-align: center; }
.footer_sponsors img { margin: 5px; vertical-align: middle; }

/*	Contact Us	*/
.contact label { display: block; float: left; width: 150px }
.contact .textbox {float: left; }