/* -----------------------------------------
Stylesheet for Touch
Author: cdeVision.com
Created: 22 Aug 2007 
-------------------------------------------- */

body {background:#000; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#fff;}

h1, h2, h3 {padding:0; margin:0;}
h2 {font:normal 18px arial,helvetica,sans-serif; margin:0 0 6px 0; padding:10px 0 5px 12px; color:#bbb; border-bottom:1px solid #666;} /* page titles */
h3 {font-size:16px; font-weight:normal; padding-bottom:4px; color:#EFEFEF; margin:0 0 4px 0; border-bottom:1px solid #3A3A3A;} /* sub-titles */
p {margin:0; padding:0 0 14px 0; line-height:17px;}
ul {margin:0; padding:0;}
li {}

/* hr for events scroller */
hr {text-align:center; height:1px; color:#333; border:0; margin:0 auto 8px; width:100%;} /* For IE */
html>body hr {background-color:#333; margin:0 auto 12px auto;} /* For Gecko-based browsers */
html>body hr {border:0px solid #333;} /* For Opera */
/* hr rules, see: http://www.saila.com/usage/tips/defn.shtml?hr */

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}

div.rule {background:#ccc; height:1px; margin:5px 0 15px;}


/* ---- links ----------------------------------------- */
a {color:#90CCE8; text-decoration:none;}  
a:visited {}
a:hover {color:#6DA0CF;}
a:active {color:#90CCE8;}
a:active, a:focus {outline:none;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:arial,helvetica,sans-serif; font-size:12px;}


/* ---- ids & classes ----------------------------------------- */
#header, #navmenu, #homeFlash, #galleryFlash, #colWrap, #homeContent, #banners, #footer {margin:0 auto; text-align:left;}

#headerWrap {width:100%; background:#314889 url(images/bg-header.png) repeat-x; border-top:3px solid #999;}
#header {width:790px; height:110px; position:relative; font:normal 10px verdana,sans-serif; color:#efefef;}
	#header span {display:none;}
	#logo {position:absolute; top:43px; left:5px; width:253px; height:60px; background:transparent url(images/logo.png) no-repeat;}
		#logo a {display:block; width:253px; height:60px;}
	#address {position:absolute; top:45px; left:285px;}
	#findus {position:absolute; width:80px; height:25px; top:41px; right:10px;}
		#findus a {display:block; line-height:25px; color:#ccc; background:transparent url(images/icon-globe.gif) 0 3px no-repeat; padding:0 0 0 28px;}
		#findus a:hover {color:#90CCE8; background:transparent url(images/icon-globe-over.gif) 0 3px no-repeat;}
		
#navmenuWrap {width:100%; background:#172342;}
#navmenu {width:810px; height:30px;}
	#navmenu ul {list-style:none; margin:0;}
	#navmenu li {display:block; float:left;}
	#navmenu a {height:30px; color:#efefef; line-height:30px; text-align:center; text-decoration:none; float:left; padding:0 12px; margin:0 10px;}
	#navmenu a:hover {background:#283B71; color:#fff;}
	#navmenu a.on {background:#283B71; color:#fff;}
	

	
#contentTopWrap {width:100%; background:#232120;} /* Top - grey - #232120 */
	#homeFlash {width:790px;}
		#homeFlash p {font-style:italic; font-size:13px; padding:20px;}
	#galleryFlash {width:790px;}
	#colWrap {width:790px; padding:25px 0;}
		#leftCol {float:left; width:510px; margin:15px 0 0 11px; display:inline;}
		#leftCol ul {margin:0 0 0 30px; padding:6px 0 6px 0;}
		#leftCol li {line-height:16px; padding-bottom:4px;}
		#leftCol img {border:4px solid #ccc;}
			img.eventimg {display:block; float:left; margin:0 20px 0px 0; border:4px solid #ccc;}
		#rightCol {float:right; width:230px; margin:15px 0 0 0; background:transparent url(images/dot-border.gif) repeat-y; padding-left:20px;}
		#rightCol ul {margin:0 0 0 30px; padding:6px 0 6px 0;}
		#rightCol li {line-height:16px; padding-bottom:4px;}
				#scroller {width:210px; height:290px; overflow:auto; margin:0 0 10px 0; padding:0 10px 0 0;}
	#eventsIframe {border:none; width:225px;  height:188px; margin:0; padding:0; background:#181715;}
			
	.utilities {height:22px; color:#666;}
		.utilities a {line-height:16px; display:block; float:left;}
		.utilities .bar {border-left:1px solid #666; width:1px; height:18px; float:left; margin:0 10px;}
		a.listen {line-height:20px; width:21px; height:20px; background:url(images/icon-music.gif) -3px -1px no-repeat; text-indent:-4000px;}
	
#contentBottomWrap {width:100%; background:#181715;} /* Bottom - dk grey - #181715 */
	#homeContent {width:790px; padding:20px 0; position:relative;}
		#boxWrap {width:790px; margin-top:15px; position:relative; background:transparent url(images/bg-boxWrap.gif) repeat-y;}
			h2#joinus {position:absolute; top:30px; right:0; width:225px; border:0; padding:0; margin:0;}
			.eventsBox, .bannerbox, .formBox {float:left; margin:0; display:inline;}
			.eventsBox {width:215px; margin:0 44px 0 12px;}
				.eventsBox p {margin:0; padding:0 0 12px 0; line-height:17px;}
				.eventsBox a {color:#90CCE8; text-decoration:none;}  
				.eventsBox a:hover {color:#6DA0CF;}
			.bannerbox {width:250px; margin:0 43px 0 0px;}
				.bannerbox a {display:block; border:4px solid #ccc; margin:0 0 10px 0;}
				.bannerbox img {display:block;}
				.bannerbox a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
				.bannerbox a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;}
			.formBox {width:215px;}
				.formBox table td {white-space:nowrap; padding:0 0 5px 0;}
				.formBox form {}
				.formBox label {font:normal 9px verdana,sans-serif; color:#ccc;}
				.formBox input {border:1px solid #ccc; font-size:11px; color:#333; margin:2px 0 3px 0;}
				.formBox input.button {background:#999; border:0; font:normal 9px verdana,sans-serif; color:#333; padding:2px 4px; margin:8px 10px 0 0;}

	#banners {width:770px; padding:20px 0 10px;}
		#banners a {float:left; display:block; border:4px solid #ccc; margin:0 10px 10px 0;}
		#banners img {display:block;}
		#banners a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
		#banners a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;}
		
	.press {float:left; width:250px;margin:0 10px 20px 0;}
		.press img {display:block; border:4px solid #ccc; margin-bottom:8px;}


#footerWrap {width:100%; border-top:3px solid #3855A3;}
#footer {width:740px; padding:12px 0 0 0; background:url(images/bg-footer.png) 0 0 no-repeat; color:#666;}
	#footer p {font:normal 10px verdana,sans-serif;}
	#footer a {color:#666; text-decoration:none;}
	#footer a:hover {color:#314889;}
	#footer p#props {color:#333;}
	#footer p#props a {color:#333;}
	#footer p#props a:hover {color:#314889;}
#socialmedia{float:right;display:inline;width:50px;}

#adminmenu { z-index:999; background-color:#FFFFFF; font:normal 10px Arial, Verdana, Helvetica, sans-serif; width:150px; height:98px; clear:both; font-size:11px; position:absolute; right:0; top:0;}
	#adminmenu table { text-align:left; background-color:#FFFFFF; width:150px;}
	#adminmenu a {text-decoration:none; color:#000000;}