/* -----------------------------------------
Stylesheet for flywheelarts.org / Flywheel
Author: cdeVision.com 
Copyright: (c)2007 cdeVision
Created: 17 July 2007
Amended: 4 Mar 2008 by Bronwen (bronwen@cdevision.com) 
-------------------------------------------- */
body {background:#000; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

h1, h2, h3, h4 {padding:0; margin:0;}
h2 {font:bold 32px Arial, Helvetica, sans-serif;}
/* sIFR styles */
h2.title {font-size:20px; margin:0 0 6px 5px; text-transform:uppercase; height:35px; line-height:35px; background:transparent url(images/bg-title.png) 0 0 no-repeat; /*padding:0px; background:transparent url(images/bg-title.png) 0 0 no-repeat;*/ }
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}
.sIFR-hasFlash h2 {visibility:hidden; letter-spacing:-9px; font-size:32px; background:transparent url(images/bg-title.png) 0 0 no-repeat;}


h3 {font:bold 16px Arial, Helvetica, sans-serif; color:#666; padding:12px 0 0 0;} /* content area subtitles */
.homepagenews h3 {color:#006699;}
p {margin:0; padding:6px 0 6px 0; line-height:15px;}
ul {margin:0; padding:0; list-style:none;}

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

div.hrule {height:1px; width:99%; background:#ccc; margin:10px auto 15px;}
div.hrule hr {display:none !important;}

form {margin:0;}
img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE */
h2.title, #logo, #calcoltop, #getintoit h3 {behavior:url(scripts/iepngfix.htc);}


/* ---- links ----------------------------------------- */
a {color:#19517F; text-decoration:none;}  
a:visited {}
a:hover {color:#085596; text-decoration:underline;}
a:active {color:#19517F;}
a:active, a:focus {outline:none;}

a.arrow {display:block; background:url(images/icon_arrow.gif) 0 3px no-repeat; padding:0 0 0 15px; font-weight:bold; font-size:10px; text-decoration:none !important;}
a.arrow:hover {text-decoration:underline !important;}

a.feed {background:#000 url(rss/feed-icon.gif) 0 0 no-repeat !important; padding:0 1px 0 19px !important;}
a.feed:hover {background:transparent url(rss/feed-icon.gif) 0 0 no-repeat !important;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
	input, textarea, select, option {font-family:verdana,arial,helvetica,sans-serif; font-size:12px;}
	input, textarea {/*width:250px;*/ border:1px solid #ccc; margin:0 0 6px 0; padding:2px 0;}
	textarea {/*height:150px;*/}
	input.button {width:100px; border:0; background:#ccc;}

	/* login table */
	table#loginTable {margin:0px 0 0 100px; width:400px;}
		table#loginTable td {vertical-align:top; padding:4px;}
		table#loginTable td input {padding:2px;}
		table#loginTable td.right {text-align:right;}
	p.error {padding:0; color:#de0000; font-style:italic;}


/* ---- ids & classes ----------------------------------------- */
#frame { /* this centers the page */
	 width:735px; margin:0 auto; padding:0; background:#fff; text-align:left; position:relative;}
	#lightening-tl, #lightening-tr {position:absolute; top:2px; width:35px; height:35px;}
	#lightening-tl {left:2px; background:url(images/lightening-tl.gif) no-repeat;}
	#lightening-tr {right:1px; background:url(images/lightening-tr.gif) no-repeat;}
	
#topnav {width:650px; height:40px; background:#fff; margin:0 auto 0; font:normal 12px arial,sans-serif;}
	#topnav ul {list-style:none; text-align:center;}
	#topnav li {display:block; float:left;}
	#topnav a {color:#000; line-height:40px; padding:25px 6px 5px 10px; margin-right:10px;}
	#topnav a:hover {background:#000; color:#fff; text-decoration:none;}
	#topnav a.on {background:#000; color:#fff;}

#header {width:650px; height:210px; margin:0 auto 0; position:relative; background:#ccc;}
	#metanav {height:35px; font-size:10px; margin:0px 220px 0 15px;}
		#metanav ul {list-style:none;}
		#metanav li {display:inline;}
		#metanav a {color:#333; background:transparent; padding:0 6px; line-height:35px;}
	#address {position:absolute; top:10px; right:0; background:#000 url(images/bg-address.gif) 0 0 no-repeat; color:#efefef; height:25px;}
		#address p {font:bold 11px/25px georgia,serif; padding:0 8px 0 12px;}
	#logo {position:absolute; top:35px; left:-70px; width:385px; height:175px; background:url(images/logobg.png) no-repeat; text-indent:-4000px; z-index:10;}
		#logo h1 {width:150px; height:122px; position:absolute; top:50px; left:130px; background:url(images/logo.gif) no-repeat; z-index:20;}
		#logo a {display:block; width:150px; height:122px;z-index:30;}
	#banner {width:650px; height:175px; position:relative;}
		#banner img {display:block;}
		#photoprops {position:absolute; bottom:0; right:0; background-color:#000; margin:0;
			filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;}
		#photoprops p {font-size:10px; color:#fff; margin:2px 6px; padding:0;}

#content {width:650px; margin:0 auto; min-height:300px; padding:0; background:#ccc url(images/bg-content.gif) 0 0px repeat;}
	#content a {color:#fff; background:#000; padding:0 2px;}
	#content a:hover {text-decoration:none; background:transparent; color:#000;}
	#content p {padding:6px 0 6px 0; line-height:15px;}
	#content ul {padding:6px 0 6px 20px; margin:0; list-style:disc;}
	#content li {line-height:16px;}
	/* sidebar for downloads, e.g. new page flyer archive */
	#sidebar {width:200px; padding:10px; float:right; margin:0 0 20px 20px; background:transparent url(images/bg-getintoit.gif);}
	
	table#contentarea {width:100%; margin:0;} /*just on support page - temp fix until sidebar field added to database & cms - BH 11/08 */
	table#contentarea td {padding:0; vertical-align:top;}
		table#contentarea td div#rightcol {padding:0 0 0 10px; border-left:1px solid #999 !important;}
		table#contentarea td div#rightcol h3 {padding:0 0 5px 0; color:#333; font-size:14px;}
		table#contentarea td div#rightcol ul {font-size:10px; padding:0 0 15px 0; color:#555; list-style:none;}
		table#contentarea td div#rightcol li {padding:0 0 3px 0; line-height:12px;}
	
	
	/* use maincol & calcol for two-column layout (just home page now) */
	#maincol {width:420px; float:left; background:transparent;}
		.pad {padding:0 20px 12px 20px;} /* a bit of a work-around to add side padding */
		#newsscroll {height:500px; overflow:auto !important; padding:0 0 10px 0; margin-bottom:12px;}
			#newsscroll div.hrule {width:85%; margin:10px auto 10px;}
		img.newsimg {float:left; display:block; margin:10px 10px 10px 0px;}
		#getintoit {position:relative; background:#ccc url(images/bg-getintoit.gif); margin:5px 30px 20px 0;}
			#getintoit h3 {position:absolute; top:10px; left:-20px; background:transparent url(images/title-getintoit.png) no-repeat; width:95px; height:80px; text-indent:-4000px; margin:0 20px 20px 0;}
			#getintoit #textbox {padding:8px 20px 8px 80px;}
		#featured {background:#d6d6d6; margin:0; padding:8px 0 8px 0;}
			#featured .box {width:390px; height:44px; border:4px solid #fff; margin:0 auto 10px; padding:30px 0 10px 0;}
				#featured .box a {background:transparent; text-decoration:underline; font-weight:bold;}
				.openhouse {background:url(images/bg-openhouse.jpg) no-repeat;}
				.gallery {background:url(images/bg-gallery.jpg) no-repeat; color:#fff;}
				.radio {background:url(images/bg-radio.jpg) no-repeat; color:#fff;}
	/* holds right-column calendar listings */
	#calcol {width:230px; float:right; background:#999 url(images/bg-calcol.gif) no-repeat; position:relative;}
		#calcoltop {position:absolute; top:-32px; right:-21px; background:transparent url(images/calcol-top.png) no-repeat; width:248px; height:90px; z-index:10;}
		#calcol h3#title {position:absolute; background:transparent url(images/title-calcol.gif) no-repeat; width:230px; height:43px; text-indent:-4000px; z-index:20;}
		/*#calcol h4 {color:#fff; font:normal 20px verdana,sans-serif; margin:0; padding:0 20px 0 20px;}*/
		#calcol h4 {color:#fff; font:normal 18px verdana,sans-serif; margin:0; padding:0 20px 0 20px;}
		#calcol p {font-size:10px; padding:0 20px 10px; line-height:12px; color:#000;}
		#calcol a {background:transparent;}
		#scroller {padding:45px 0 10px; width:100%; height:690px; overflow:auto;}
		#sponsors {background:#efefef url(images/bg-sponsors.gif) no-repeat; padding:10px 0 10px 10px; margin:10px 0 6px 6px;}
			#sponsors h3 {width:140px; height:30px; background:url(images/title-sponsors.gif) no-repeat; text-indent:-4000px;}
			#sponsors p {}
			#sponsors a {color:#000;}
			#sponsors img {display:block; margin:0 0 10px 10px;}
			#scroll {padding:10px 0 10px 0; width:100%; height:80px; overflow:auto !important; background:#fff;}
		#calcolbottom {background:#e1e1e1 url(images/calcol-bottom.gif) no-repeat; width:230px; height:20px;}
		
	/* google map on directions page */
	#map_canvas {width:580px; height:250px; background:#efefef; border:1px solid #ccc; margin:12px auto;}
		#map_canvas a {background:transparent;}
		#map_canvas img {background:transparent;}
		
	/* Photos page table */
	table#galleries {margin:0 auto;}
	table#galleries td {vertical-align:top; padding:0 5px 20px 5px; text-align:center;}
	table#galleries td img {display:block; margin:0 auto;}
	/* Gallery page (i.e. chosen gallery) */
	table#galleryItems {margin:0 auto;}
	 
	 
/* Footer styles */
#footer {width:735px; heigth:40px; background:#fff; margin:0 auto 0; position:relative;}
	#lightening-bl, #lightening-br {position:absolute; bottom:2px; width:35px; height:35px;}
	#lightening-bl {left:2px; background:url(images/lightening-bl.gif) no-repeat;}
	#lightening-br {right:1px; background:url(images/lightening-br.gif) no-repeat;}
	#footer p {font-size:9px; padding:0 45px; line-height:40px;}
	#footer a {text-decoration:underline; color:#333;}
	#footer a:hover {text-decoration:none;}

/* "site by cdevision" */
p#props {font-size:9px; color:#666; padding:15px 0 15px 0;}
p#props a {color:#666; text-decoration:underline;}
p#props a:hover { text-decoration:none;}

/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}
	
	
/* ---- highslide styles (for gallery page) -- */

.highslide {cursor:url(highslide/graphics/zoomin.cur), pointer; outline:none;}
.highslide-active-anchor img {visibility:hidden;}
.highslide img {margin:0 auto;}
.highslide-wrapper {background:white;}
.highslide-image {border:2px solid black;}
.highslide-image-blur {}
.highslide-caption {
    display:none;
    border:2px solid black;
    border-top:none;
    padding:5px;
    background-color:white;}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}