html,body {	background: url(/images/bg.jpg) repeat-x scroll top #99C1D3;		font-family:arial,sans-serif;	font-size:12px;	color:#333;}

h1, h2, h3, h4, h5, h6, p { margin-bottom:1em }
h1 { font-size: 1.6em; color:#393432}
h2 {	font-size:1.35em ; 	font-weight:bold}
h3 { font-size:1.2em; font-weight:bold }

strong { font-weight:bold }
em { font-style:italic }
h1 em, h2 em, h3 em, strong em { font-weight:bold }

#header {	height: 200px; width:940px; background:#FFF; border-top: #333 solid 10px }
.colLeft { width:49%; float:left }
.colRight { width:49%; float:right }
#logo { color:#FFFFCC; height:200px; line-height:200px; width:310px; background:url(/images/logo.jpg) no-repeat left; text-indent:-99999px; float:left; display:block }

#globalPositioning { width:940px; overflow:hidden; margin: 0 auto; background:#FFF; padding:10px }

p#searchContainer { width:100%; overflow:hidden; text-align:right }
#q { background:url(/images/search_bg.png) no-repeat; width:238px; height:20px; line-height:20px; border:none; padding: 6px 0 6px 12px;color:#FFFFCC; float:right }
#searchBtn { background:url(/images/buttons/search_btn.png) no-repeat; height:32px; width:64px; border:none; padding:0; text-indent:-999999px; float:right }
#banners { float:right; width:620px; height:200px }
.banner1 { background:url(/images/banners/banner1.jpg) no-repeat bottom; width:100%; height:200px }
.banner2 { background:url(/images/banners/banner2.jpg) no-repeat bottom; width:100%; height:200px }
.banner3 { background:url(/images/banners/banner3.jpg) no-repeat bottom; width:100%; height:200px }
.banner4 { background:url(/images/banners/banner4.jpg) no-repeat bottom; width:100%; height:200px }
.banner5 { background:url(/images/banners/banner5.jpg) no-repeat bottom; width:100%; height:200px }
#menu { width:100%; height:40px; background:url(/images/navbarbg.jpg) repeat-x left top }
#menu ul {  }
#menu ul li { float:left }
#menu ul li a:hover { background:url(/images/navbarhighlight.jpg) repeat-x; color:#FFF }

#content { width:940px; padding:12px 0; background: #fff url(/images/content_bg.jpg) repeat-y top left; overflow:hidden }
#content-split { width:940px; overflow:hidden; background: #fff url(/images/sidebar_bg.jpg) repeat-y left; margin:12px 0 }

#footer { background:#333333 url(/images/footer_logo.jpg) left top no-repeat; height:110px; color:#fff; padding:10px }
#footer a { color:#FFF }
#footer a:hover { text-decoration:none }
#footer .left, #footer .right { padding-top:0.5em }
#footer .left p, #footer .left ul { padding-left:10px }
#footer .left ul { margin-bottom:0.5em }
#footer .right p { padding-right:100px; text-align:right }

/* Contact Us Page*/
input { border: #000000 1px solid; padding: 3px; width: 200px }
.submitBtn { width:auto }

#errBlock {
background: #FFFFCC url(/images/error_icon.jpg) no-repeat left;
border: 1px solid #FF0000;
padding: 5px;
padding-top: 6px;
margin-bottom: 12px;
font-weight:bold;
padding-left: 150px;
}

#confBlock {
background: #E9FEEB url(/images/conf_mess.jpg) no-repeat left;
border: 1px solid #006600;
padding: 5px;
padding-top: 6px;
margin-bottom: 12px;
font-weight:bold;
padding-left: 50px;
}

.right { float:right }
.left { float:left }
.clear { clear:both }
img.right { float:right; margin: 0 0 1em 1em }
img.left { float:left; margin: 0 1em 1em 0 }

.chkBox { width: 15px }

.halfPage { width:49%; float:left }

.spam-code { width:100px }

#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; color:#000; height:40px; text-align:center; color:#fff; line-height:40px; overflow:hidden; padding:0 10px; font-size:14px; float:left }
#menu ul li a#selected { background:url(/images/navbarhighlight.jpg) repeat-x; color:#FFF }
#menu ul li {float:left; position:relative; border-right: 1px solid #000 }
#menu ul li ul {display: none }
#menu ul li ul li { background:#e5e5DB; border:1px solid #000; border-top:none; z-index:3 }

/* specific to non IE browsers */
#menu ul li:hover a {color:#fff; }
#menu ul li:hover ul {display:block; position:absolute; top:39px; left:0px; width:180px; padding-bottom:10px; background:url(/images/menu_bg_footer.png) no-repeat bottom left; z-index:10}
#menu ul li:hover ul li a.hide { background:#393532}
#menu ul li:hover ul li:hover a.hide { background:#393532 }
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li {  }
#menu ul li:hover ul li a {display:block; color:#333; width:180px; text-align:left; height:24px; line-height:24px;text-transform:none; z-index:10; position:relative}
#menu ul li:hover ul li a:hover {background:#666; color:#fff;}
#menu ul ul a.drop3, #menu ul ul ul a.drop4 { background: url(/images/drop3.png) no-repeat right !important}
#menu ul ul :hover > a.drop3 {background: #444 url(/images/drop3.png) no-repeat right !important}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:179px; top:-5px;}
#menu ul li:hover ul li:hover ul.left {left:-105px;}
#sidebar { float:left; width:230px }
.section { margin-left:250px }
#content ol, #content ul, #content table { margin-bottom:12px }
#content ol { margin-left:24px }
#content ol li { margin-bottom:1em; list-style:decimal outside; }
#content p { line-height: 1.7em }

.alignCentre { margin:0 auto; text-align:center }
#donate-text { line-height:1.7em }

#movie-container { background: #333; width: 350px; height:250px; float:left; margin-right:30px }
#movie-container-header { background:url(/images/movie-container-header.jpg) no-repeat top; width:100%; height:10px }
#movie-container-wrapper { height:230px; width:100%; display:block }
#movie-container-wrapper #gorgor_vid { width:320px; height:220px; display:block; padding:0 15px }
#movie-container-footer { background:url(/images/movie-container-footer.jpg) no-repeat bottom; width:100%; height:10px }

#hpContent { margin-right:30px; line-height:1.8em; font-size:1.1em }

.img-container { padding:10px; float:left; background:#6C645E; color:#FFC; margin-right:10px; line-height:1em; margin-bottom:12px }
.img-container-right { padding:10px; float:right; background:#6C645E; color:#FFC; margin-left:10px; line-height:1em; margin-bottom:12px }
.contain { width:100%; overflow:hidden; margin-bottom:12px }

#map_canvas { width:690px; height:400px; border:1px solid #CCC; margin-bottom:12px }
#to { display:none }

#contact-form label { float:left; width:100px; display:block; cursor:pointer }
#contact-form textarea { width:400px; height:150px; border:1px #000 solid }
#contact-form input#code { width:80px }

#sidebar h2 { background: url(/images/navbarbg.jpg) repeat-x scroll left top transparent; height:30px; line-height:30px; font-size:14px; color:#FFF; padding-left:6px; margin-bottom:0 }
.submenu { padding: 10px }
.submenu ul li a { background:#737373; float:left; display:block; line-height:24px; height:24px; color:#FAFAFA; text-decoration:none; border:1px solid #333; padding:0 10px; margin-bottom:3px; width:188px }
.submenu ul li a:hover, .submenu ul li a#submenuSel { background: #21087B }

#date_bar { background:url(/images/date_bar.png) bottom no-repeat; width:330px; height:30px; z-index:10; position:absolute; float:right; margin-top:10px; margin-left:590px; padding:0 10px; text-align:right; color:#FFF; font-size:14px }

#footerContent { width:100%; overflow:hidden; margin-bottom:5px }
#footer ul#footerImg li { float:right; margin-right:10px }
#footerLinks li { float:left; margin-right:5px }
#footerLinks li#copyright { float:right }

#pageContent h1 { background:url(/images/heading_bg.gif) bottom repeat-x; padding:10px 0; margin-bottom:6px }

#pageContent a { color:#00F }
#pageContent a:hover { text-decoration:none }
#pageContent ul li { margin-left:24px; list-style:disc inside; margin-bottom:6px } 
#pageContent ul, #pageContent ol, #pageContent table { margin-bottom: 12px }

#breadcrumbs a, #news-crumbs a { color:#666; font-style:italic }
#breadcrumbs a:hover, #news-crumbs a:hover { text-decoration:none; color:#333 }

table.tableStyle1 { border:1px solid #000 }
table.tableStyle1 td { border: 1px solid #000; padding: 3px }

#pageContent ul ul li, #pageContent ul li ul li { list-style: circle; margin-left:60px }

#news-calendar { background:url(/images/calendar_bg.jpg) no-repeat top left; height:200px; padding: 10px; width:210px }
#news-calendar table { background:#FFF; border:1px solid #333 }
#news-calendar table td { border:1px solid #333; width:30px; height:22px }
#news-calendar table th { background: url(/images/navbarhighlight.jpg) repeat-x scroll 0 0 transparent; color:#FFF; padding:6px 0; text-align:center}
#news-calendar table td a { display: block; padding:3px }
#calendar-nav { width:100%; overflow:hidden; margin-bottom:12px }
#prev-month { float:left; display:block }
#prev-month a { background:url(/images/icons/16x16/l_arrow.png) no-repeat; display:block; float:left; width:16px; height:16px }
#next-month { float:right; display:block }
#next-month a { background:url(/images/icons/16x16/r_arrow.png) no-repeat; display:block; float:right; width:16px; height:16px }
#selected-month a { font-weight:bold; color:#333; float:left; width:170px; text-align:center; text-decoration:none }
#news-calendar table td a { color:#00f; text-decoration:none }
#news-calendar table td a:hover { background:#666; color:#FFF }
#news-calendar table td.current_day { background:#393532 }
#news-calendar table td.current_day a { color:#FFC }

.gallery-embed { width:100%; overflow:hidden }
.gallery-item { float:left; margin-right:10px }
.gallery-item img { border:2px solid #393532 }
.gallery-item a:hover img { border: 2px solid #6C645E; opacity:0.8;filter:alpha(opacity=80) }

#news-events-section #breadcrumbs { display: none }

#homepage { width:100%; overflow:hidden }
#homepage-content { width:620px; float:left }
#homepage-sidebar { width:300px; float:right }
#pageContent #homepage-sidebar ul { margin:0  }
#pageContent #homepage-sidebar ul li { margin:0; list-style:none }

#content .newsSnippet h4 { margin-bottom:6px }
#content .newsSnippet p { line-height:1.2em }

#login-section legend  { margin-bottom:12px; font-style:italic }
#login-section label { float:left; width:100px; display:block }

#hp-promos { width: 600px; height: 275px; background:url(/images/promo-container-bg.jpg) no-repeat; padding:10px }
#promo1, #promo2, #promo3, #promo4, #promo5 { width: 100%; height: 240px; overflow:hidden }
.promo-bg { float:left; width:245px; height:70px; margin-right:12px; color:#FFFFFF; font-weight:900; font-size:14px; text-align:center; padding-top: 170px; margin:10px 10px 0 10px; background:none }
#promo1-bg { background:url(/images/hp-promos/promo1.jpg) no-repeat top left }
#promo2-bg { background:url(/images/hp-promos/promo2.jpg) no-repeat top left }
#promo3-bg { background:url(/images/hp-promos/promo3.jpg) no-repeat top left }
#promo4-bg { background:url(/images/hp-promos/promo4.jpg) no-repeat top left }
h3.promo-title { background:#333; padding:6px 0; font-size:1.1em }
.promo-text { margin:10px 10px 0 0 }
#hp-promo-nav {margin-top: -75px; position:relative; width: 245px; overflow:hidden; z-index: 10 }
#hp-promo-nav a, #event-frame-footer a { border: 1px solid #21097B; color:#000000; font-weight:900; padding: 6px 12px; font-size: 14px; text-decoration:none; display:block; float:left; margin-left: 12px }
#hp-promo-nav a:hover, #hp-promo-nav a.activeSlide, #event-frame-footer a:hover { border: 1px solid #21097B; color:#FFFFFF; background: #2269E7 }

#homepage-bottom-content { width:100%; overflow:hidden; padding-top:30px }
