body
{
margin: 0;
padding: 0;
font-size: 85%;
font-family: "Lucida Grande", Verdana, sans-serif;
text-align: center;
color: #333;
line-height:1.3em;
background: url(../images/bd_back.gif);

}
#ghome {
line-height:1em;
}
a:link { color: #B52C07; text-decoration: none;
}
a:visited { color: #600;text-decoration: none; }
a:hover, a:active{
text-decoration: underline;
}
h1, h2, h3, h4 {
font-family: Georgia, Palatino, "Times New Roman", serif;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1em;
text-align: left;
color:#BD5A00;
}

h3{
font-size: 1.2em;
font-weight: bold;
color:#000000;
}
h2{
font-size: 1.2em;
margin-bottom:5px;
margin-left:2px;
}
h1{
font-size: 1.5em;
margin-bottom:5px;
}
.subnavList h2
{
background: url(../images/miniarrow.gif) left center no-repeat;
padding-left: 10px;
margin-left:0;
margin-bottom:2px;	
}

/* =Layout
--------------------------------------------------------------------*/
#top{
background: url(../images/header.gif) no-repeat bottom left;
width: 760px;
height: 98px;
background-color:#669933;
}

#top img{
}
#container
{
padding:0;
width: 750px;
w\idth: 760px;
text-align: left;
background-color: #ffffff;
margin-left: 14px !important; /*for opera support we need 15px */
margin-left: -1px;
}

/*moz width fix filter*/
html>body #container {
}

#wrapper {
width:790px;
background: #ffffff url(../images/bodyback.gif) 50% 0 repeat-y;
margin:0em auto;
padding:0;
}
#outer {
padding:0;
color:#ffffff;
width:790px;
height: 51px;
background: url(../images/footer.gif) top no-repeat;
margin: 0em auto;
background-color: #ffffff;
}
#outer p
{
float: right;
margin-top: 10px;
margin-right: 25px;
color: 	#333;
}
#outer a
{
float:left;
margin-top: 10px;
margin-left: 25px;
color: 	#333;
}

#content{
background-color: #ffffff;
width: 760px;
border:none;
}

	
/* =Columns
--------------------------------------------------------------------*/
#ghome #one {
background-color: #ffffff;
margin: 15px 10px 0 20px;
padding:0;
float:left;
width: 520px; /* 430px */
wi\dth: 520px;
 display: inline; /* fixes ie double margin bug */
}
#ghome #three {
background-color: #ffffff;
margin: 5px 10px 0 20px;
padding:0;
float:left;
width: 730px; /* 430px */
wi\dth: 730px;
 display: inline; /* fixes ie double margin bug */
}
#ghome #two
{
margin: 15px 20px 0 0;
background-color: #ffffff;
float: right;
width: 180px !important;
width: 170px;
 display: inline; /* fixes ie double margin bug on floated elements */
}

#ghome #one p{
width: 240px;
}
#ghome #two p {
width: 170px;
}
#ghome #twoTop {
height: 224px;
}
#gmembers #one {
margin: 15px 10px 0 0;
}

#gmembers #two {
margin: 15px 0 0 0;
background: url(../images/mb_backR.gif) top center repeat-x;
padding-bottom: 0;
background-color: #ffffff;
display:block;
width: 760px;

}
#gmembers #one h1 {
margin-left: 20px;
color: #660033;
font-size:3em;

}

#gmembers #one p {
background: url(../images/mb_header.jpg) left top no-repeat;
padding-left: 275px;

}
#gmembers #two h2 {
color:#ffffff;
padding-top: 2px;
padding-left:20px;
}

#gmembers #two dl 
{
	background-color: #ffffff;
}
.wideBody 
{
	margin-top: 20px;
	padding-top: 20px;
	width: 760px;
	background-color: #ffffff;
}
.wideBody p 
{
	padding: 5px 90px 0px 120px;
}
.contactB p
{
padding: 25px 20px 5px 20px;	
}
.wideBody h3 
{
margin-left:100px;
	font-size: 1.4em;
	color: #660033;
	margin-bottom: 6px;
	}
.wideBody h4 a 
{
	margin-left:250px;
	font-size: 1.5em;
	font-weight:bold;
}
.wideHead 
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.7em;
}
.aboutNav a
{
	font-size: 1.5em;
	font-weight:bold;
	margin-left: 15px;
	color: #893;
	background: #ffffff url(../images/arrow_rsm.gif) no-repeat left center;
	padding-left:20px;
}
.aboutNav 
{
margin-bottom: 20px;
padding:20px 0;	
}
	

/* =twocolumn layout
----------------------------------------------------------------------------------*/
#gmemberD #one, #gevents #one{
margin-top: -2px;
padding:0;
background-color: #ffffff;
float:left;
padding-left: 20px;
width: 220px; /* 430px */
w\idth: 200px;
 display: inline; /* fixes ie double margin bug */
}
#gmemberD #one h2.topStrip, #gevents #one h2.topStrip {
 background: #669966 url(../images/mbd_memHead.gif) left top repeat-x;
font-size: 1.3em;
padding-bottom: 5px;
margin-left:-20px;
padding-top: 5px;
border-bottom: 10px solid #bbce7e;}
#gmemberD #two, #gevents #two
{
margin: 0;
float: right;
width: 539px !important;
width: 539px;
display: inline; /* fixes ie double margin bug on floated elements */
background: url(../images/mb_backR.gif) top center repeat-x;
border-left: 1px solid #660033;
background-color: #ffffcc;

}
#gmemberD #two h1,  #gevents #two h1{
float:left;
}
#gmemberD #two h3,  #gevents #two h3{
padding-top: 8px;
float:right;
background: url(../images/arrow_r_32.gif) top right no-repeat;
padding-right:34px;
padding-bottom:15px;
font-size: 0.9em;
margin-right: 10px;
}
#gmemberD #two h3 a,  #gevents #two h3 a{
color: #ffffff;
}
#gmemberD #top,  #gevents #top {
background: url(../images/md_header.gif) left bottom no-repeat;
}
#gmemberD #one p,  #gevents #one p {
line-height: 1.1em;
font-size: 0.9em;

}
/* =two col split in right parent column
---------------------------------------------------------------*/
#gmemberD #two1{
float:left;
width: 339px;
w\idth: 329px;
background-color: #ffffcc; /* hides overlapping background image placed in #two */
padding-left:10px;
}
#gmemberD #two2{
float:right;
width: 199px;
w\idth:180px;
padding-right:10px;
padding-left:10px;
background-color: #ffffcc; /* hides overlapping background image placed in #two */
}
#gevents #two1 
{
	float:right;
width:539px;
w\idth: 529px;
background-color: #ffffcc; /* hides overlapping background image placed in #two */
padding-left:10px;
}





.topStrip {
color: #ffffff;
padding-left:10px;
}

.homeBox {
display:block;
width:100%;
float:right;
clear:right;
border-bottom: #cc9900 1px solid;
margin-bottom:15px;
padding-bottom:10px;
}
/* Show only to IE PC Hide from MacIE TODO: refactor ie6 fix \*/
* html .homeBox {
padding-bottom:3px;
margin-bottom: 9px;
padd\ing-bottom:10px;
mar\gin-bottom: 15px;
} /* For IE 5 PC */
.homeBox h3 {
display:block;
padding:0;
font-size: 1.1em;
color: #cc9900;
font-family: "Lucida Grande", Verdana, sans-serif;
}
.homeBox img{
float:right;
border: #a9a9a9 1px solid;
padding: 2px;
}
.homeBox p {
display:inline;
}

/* =Main Nav 
---------------------------------------------------------------------*/
#top ul {
margin:0;
margin-top:58px;
padding:0 0 0 0;
list-style:none;
width:450px;
float:right;
background-color:#669966;
height:33px;
}
#top li {
display:block;
float:left;
width:120px;
height: 33px;
}
#top li a {
display:block;
float:left;
width:120px;
height:33px;
text-decoration:none;
}
#top ul li#news a, #top ul li#news{
background:url("../images/navNews.gif") no-repeat center top;
background-position:0 -66px;
width:74px;
}
#top ul li#home a, #top ul li#home{
background:url("../images/navHome.gif") no-repeat center top;
background-position:0 -66px;
width:74px;
}
#top ul li#events a, #top ul li#events{
background:url("../images/navEvents.gif") no-repeat center top;
background-position:0 -66px;
width:92px;
}
#top ul li#members a, #top ul li#members{
background:url("../images/navMembers.gif") no-repeat center top;
background-position:0 -66px;
width:121px;
}
#top ul li#join a, #top ul li#join{
background:url("../images/navabout.gif") no-repeat center top;
background-position:0 -66px;
width:82px;
}
#top #current {
background-position:0 0px;
border-width:0;
}
#top ul li#news a:hover, #top ul li#members a:hover, #top ul li#join a:hover , #top ul li#home a:hover, #top ul li#events a:hover{
background-position:0 -33px;
line-height: 1em;
}
#top ul li a#current, #top ul li a#current:hover{
background-position:0 0;
line-height: 1em;
}
#top ul a span {
display:none;
}
/* =image replacements
----------------------------------------------------------------------------*/
#passion {
padding: 224px 0 0 0;
    overflow: hidden;
    background-image: url(../images/passion.jpg); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:224px; /* for IE5.5's bad box model */
}         

#view h2{
padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(../images/hm_view.gif); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:38px; /* for IE5.5's bad box model */
} 
#enjoy h2{
padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(../images/hm_enjoy.gif); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:38px; /* for IE5.5's bad box model */
} 
#joinBox h2{
padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(../images/hm_join.gif); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:38px; /* for IE5.5's bad box model */
} 




#enjoy {
background: url(../images/hm_bt_enjoy.gif) no-repeat center bottom;
    float:left;
    width: 250px;
    margin: 10px 0 20px 0;
    padding-bottom: 18px;
    
}
        
#view {
	background: url(../images/hm_bt_view.gif) no-repeat center bottom;
	float:left;
	width: 250px;
    	padding-bottom: 18px;
	margin: 10px 0 20px 20px;
	
}         
#joinBox {
	background: url(../images/hm_bt_join.gif) no-repeat center bottom; 
	float:right;
	width: 180px;
	margin: 10px 10px 20px 0;
    padding-bottom: 18px;
    display:inline; /*ie double margins */
 
}         

#enjoy p{
margin:0 5px 0 5px
}
#view p{
margin:0 5px 0 5px
}
#joinBox p {
margin:0 5px 0 5px;
}
#enjoy p a, #view p a, #joinBox p a  {
background: url(../images/arrow_rsm.gif) no-repeat top left;
margin-top:4px;
padding-left: 18px;
float:right;
display:block;
font-size: 0.8em;
}



/* =Misc
---------------------------------------------------------------------------*/
.info{
float:right;
background: url(../images/info_32.gif) left center no-repeat;
padding-left: 35px;
padding-bottom: 5px;
width:130px;
font-size:0.6em;
color:#ffffff;
margin-right:10px;
line-height:0.9em;
}
a.previousArrow {
color:#ffffff;
background: url(../images/arrow_l_32.gif) left center no-repeat;
padding-top:35px;
text-decoration: none;
font-size: 0.7em;
margin-right:5px;
margin-bottom:-10px;
margin-left: 20px;
}
a.nextArrow {
color:#ffffff;
background: url(../images/arrow_r_32.gif) left center no-repeat;
padding-top:35px;
text-decoration: none;
font-size: 0.7em;
padding-right:4px;
margin-bottom:-10px;
}
dl.artistList{
margin-left: 20px;
width: 160px;
float:left;
display:inline; /* ie double margin bug */
background-color: #ffffff;
}
dl.artistList dt{
font-size: 1.1em;
text-align: left;
margin-bottom: 5px;

}
dl.artistList dd{
background: url(../images/miniarrow.gif) left center no-repeat;
padding-left: 10px;
margin-left:0;
margin-bottom:2px;
}
.galleryLink {
background: url(../images../../images.gif) top left no-repeat;
padding-left: 18px;
margin-left: 20px;
margin-right: 8px;
}
.address {
font-size: 0.9em;
line-height:1.1em;
margin-bottom: 2em;
padding-top:10px;
padding-right:5px;
}
.galleryList{
margin-left: 10px;
margin-top:10px;
}
.galleryList img {
margin-right: 10px;
margin-bottom:10px;
background-color: #ffffff;
border: 1px solid #666666;
padding:2px;
}
div.imgBorder, div.imgBorderL {
clear: right;
padding-right: 0;
padding-left: 0;
background: url(../images/bg_image.gif) no-repeat right bottom;
float: right;
padding-bottom: 0;
margin: 1em 5px 5px 1em; 
padding-top: 0; 
position: relative;
voice-family: inherit; 
}
div.imgBorderL {
float:left;
}
div.imgBorder img, div.imgBorderL img { 
border-right: #a9a9a9 1px solid;
border-top: #a9a9a9 1px solid;
display: block; 
margin: -5px 5px 5px -5px; 
border-left: #a9a9a9 1px solid;
border-bottom: #a9a9a9 1px solid;
position: relative; 
background-color: #ffffff;
padding:2px;
}

.clear {
clear:both;
}
.copyright{
font-size:0.7em;
float:right;
margin-top: 10px;
width: 300px;
}
#skipmenu
{
display:none;
position: absolute;
}
.left {float:left;
}
.right {float:right;}
/* =Sifr
---------------------------------------------------------------------------*/
.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;
	letter-spacing: 0;
}

.sIFR-hasFlash .wideHead{
	letter-spacing: -4px;
	font-size: 30px;
	visibility: hidden;
	width: 250px;
	}
.sIFR-hasFlash .narrowHead{
	letter-spacing: -4px;
	font-size: 30px;
	visibility: hidden;
	width: 200px;
}
.sIFR-hasFlash h5 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 54px;
}


/*
=admin
------------------------------------------------------------------------*/
.adminMenu 
{
 background: #669966 url(../images/mb_backR.gif) left top repeat-x;
width: 740px;
height: 30px;
background-color:red;
	margin: 0 10px 10px 10px;
	padding-top: 5px;
	color: #ffffff;
}
.adminMenu a, .adminLink 
{
background: url(../images/miniarrow.gif) left center no-repeat;
padding-left: 10px;
margin-left: 5px;
}
.adminMenu a
{
color: #ffffff;
text-decoration: none;
}

.adminMenu a:hover 
{
	text-decoration: underline;
	color: #ffffff;
}
.adminMenu a:visited ,.adminMenu a:active
{
color: #ffffff;
}
#gadmin #two1,  #gadmin #two2
{
margin-left: 20px;	
}
#gadmin .fields 
{
margin-left:auto;	
}
.required
{
	font-weight:bold;	
}
.formerror 
{
display:block;
background-image: url(../images/alert_on.gif);
background-repeat: no-repeat;
padding-left: 18px;
color:Red;
font-size :0.9em;
}	
.help 
{
background-image: url(../images/info.gif);
background-repeat: no-repeat;
padding-left: 18px;
padding-bottom: 4px;
color:#666666;
font-size :0.8em;
}
#gadmin .regTxt
{
	
	width:200px;
}
.logo 
{
	display:block;
	float: left;
	margin: 0;
	padding-top: 0;
}
.logo img
{
border: 0;	
}
.eventsList{ padding-bottom:15px;}
.eventsList p { margin-top: 5px;}
.eventsList h2
{
	font-size: 2em;
	
}
.contactD 
{
	float:left;
}
.about
{
	margin-top:0;
	font-size: 1.5em;
	line-height: 1.2em;	
}
dl.accessKeys
{
margin:0em auto;
width: 250px;
padding:0;
}
.accessKeys dt 
{
position: relative;
left: 0;
top: 1.1em;
width: 2em;
font-weight:bold;
margin: 0;
padding : 0;
}
.accessKeys dd
{
	border-left:1px solid #000000;
	margin:  0 0 0 2em;
	padding: 0 0 0 .5em;
}
.backTop
{
font-size: .8em;
color: #808080;
float:right;
display: block;
margin: .5em 0;	
	
}