/*----------------------------------------
CONTENT
-------------------------------------------*/

#custom-doc { width:61.54em;*width:60.06em;min-width:800px; margin:auto; text-align:left; }


html {
	background: #000;
}
body {
	background: url(images/column.jpg) repeat-y scroll center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000;

}
#wrapper{
	margin: 0;
	padding:0;	
}

.yui-t5 #yui-main .yui-b{
width:500px;
}

#hd{
	position: relative;
	height:400px; 
	padding-bottom: 1.0em;
	margin: 0 0 0 0px;
}

#hd h1 {display:none;}

#yui-main{
 	position:releative;
	padding:0px 0px;
	z-index:2;
}

#yui-main .yui-b {
	min-height: 420px; 
	height: auto;
	margin: 0;
	_height:  420px; /*ie Hack */
	padding:0px 0px 0px 23px;
	margin: 0px 0px 0px 0px;


}
#sidebar{
	position: relative;
	z-index: 5;
	padding:25px 20px 0px 0px;
	* padding:25px 10px 0px 0px;
    margin:0px 0px 0px -10px;
	* margin:0px 0px 0px 0px;

}

#ft {
	font-size: 85%;
	letter-spacing:1px;
	padding: 2em 4em;
	margin: 1em 0 0 0; 
	text-align: right;
	height: auto;
	color: #fff;
	background: #51504b;
	border-bottom:4px solid #000;
}

#ft a{
        color:#fff;
}

#ft a:hover {
        color:#BDC9D0;
}

}
#bd{
	padding:0px 0em;
}


/*  ------------------   base.css, part of YUI's CSS Foundation  ------------------------ */
h1 {	font-size:138.5%;}
h2 {	font-size:123.1%; }
h3 {	font-size:108%;  }
h1,h2,h3 {	margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong {	font-weight:bold; }
abbr,acronym { 	border-bottom:1px dotted #000;	cursor:help;} 
em {	font-style:italic;}
blockquote{	margin:1em;}
dl dd {	margin-left:1em;}
th {	font-weight:bold;	text-align:center;}
caption {	margin-bottom:.5em;	text-align:center;}
p,fieldset,table {	margin-bottom:1em;}
form{	margin:2px;	padding:6px;}
th,td {     border:0;     padding:.1em; } 
td{    font-size:85%;    text-align:left; padding: 15px 0 0 0;}
/*   --------------- end yui base (modified)  --------------------- */
a {	
	color: #6E6E53;
}

A:hover {
	COLOR: #863600;
	text-decoration: underline;
}
.content,
#galleryText{
	text-align: justify;
	list-style: inside;

}
.contentHi {
    font-style:italic;
}	

.contentSml,	
.contentHiSml {
	font-size:93%;  
padding: 4px 0;
}	
.titleLrg{
        background:transparent url(images/title.gif) no-repeat scroll left;
	font-size:238.5%;
	line-height: 138.5%;
	color: #666445;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0px 0px 0px 45px;
	margin: 0px 0px 0px 0px;
}

table .titleLrg{
        background: none;
	font-size:238.5%;
	line-height: 138.5%;
	color: #666445;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0 0 8px 0;
}
#modNews h3,
.titleSml{
	font-size:123.1%; 
	font-weight:bold;
}
h3 a,
.titleSml a{
	text-decoration: none;
}
.titleSml a:hover{
	text-decoration: underline;
}
#breadtrail{
        font-size:93%;
        margin:0 0 10px 0;
		padding:4px;
}
/*----------------------------------------
Contact Form
-------------------------------------------*/
fieldset{
     border: 1px solid #ccc;
     padding:8px;
     width: auto;
}
legend{
     padding: 2px 6px;
     font-weight:bold;
}
label{
     width: 8em;
     float: left;
     text-align: right;
     margin-right: 0.5em;
     display: block;
}
input{
     color: #000000;
     background: #fff;
     border: 1px inset #333;
}

/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/
ul,
ul li{ 
	list-style-type: none;
	margin:0px;
}
ul,
ul li{/*for mozilla positioning */
	padding-left: 0; 
	margin-bottom: 0px; 
}
/* ul formating in content */
.content ul{
		list-style: square outside;
		margin:4px 0 6px 0;
		padding:0 0 0 20px;
		text-align:left;
}
.content ul ul,
.content ul li{    
		list-style: square outside;
}
.content ol{
		list-style: decimal outside;
		margin:4px 0 6px 0;
		padding:0 0 0 20px;
		text-align:left;
}
.content ol ol{
		list-style: lower-alpha outside;
}

/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight,
.picRightBrd  {
	float: right;
	margin: 1px 1px 1px 6px;
}
.picLeft,
.picLeftBrd {
	float: left;
	margin: 1px 6px 1px 1px;
}
.picRightBrd,
.picLeftBrd {
	border: 1px solid #679A99;
}
.iconImg{
	margin: 2px 8px 6px 0px;
	border:1px solid #679A99;
}
.banner {
	border:0;
	margin: 0;
}
.optionBox {/*used in gallery select */
	font-size:85%;  
	color: #000000;
	background-color: #fff;
	padding:0;
	border:0px;
}
input.btn {
	background-color: #679A99;
	font-size: 85%;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;

}

/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
		font-size:110%;
		font-weight:bold;
		line-height:100%;
		text-align: right;
		width: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 24px;
		padding-top: 375px;	
}

#vNavBox li{    display:inline;} 

#vNav li a{
		font-family:"century gothic" , "trebuchet ms" , arial;
		float: left;
		background:transparent;
		display: block;
		text-align: right;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		padding:5px 8px;
		*padding:4px 3px; 
		margin:4px;
}
#vNav a:hover{
	color: #fff;
        background:#BDC9D0;

}

/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
}
#modNews .item{
	margin:4px 0px;
	position:relative;
	padding:1em;
	border-bottom:1px dashed #66ccdd;
	height: auto;
}
#modNews a .item{
	display:block;
	text-decoration:none;
	cursor: pointer;
}
#modNews p{
	color: #000000;
	text-decoration: none;
}

#modNews a:hover .item{
         background: #BDC9D0;
}

#modNews img.iconImg{
	display: none;
}
#modNews h3 a {
	font-size:123.1%; 
	text-decoration: none;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
	margin:0px;
}
#modNews small {
   color: #9a4011;
}
.Pagination{
   text-transform:uppercase;
   letter-spacing:2px;
   text-align:right;
   
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ 
	width:auto;
    margin:6px 0;
}
#modGallery.copy{ }
#modGallery.iconImg{}
#modGall li {  display: inline;}

/* ----------------------------------------------------------------
Sticky Nav and Blog Nav
-------------------------------------------------------------------- */

#stickyNav li {   
	display: inline;
        float: left;
}
#blogBox {
display:none;
}



#stickyBox{
	height:auto;
	font-weight:bold;
	padding:0 0 5px 0;;
	margin:0 0 30px 0;
	margin-right:8px;
}
#blogBox a,
#stickyNav a{ 
	display: block; 
	width:auto;
	text-decoration: none; 
}
#stickyNav a{ 
	color: #9a4011;
	font-size: 110%;
	text-transform:uppercase;
        line-height: 110%;
	padding:2px 10px 2px 10px;
}
#stickyNav a:hover{
	color: #9a4011;	
	padding:2px 10px 2px 10px;
        text-decoration:underline;
	
}
#blogBox a{
    font:normal 10px/12px verdana;
	background:none;
	background-color:#ededed;
	font-weight:normal;
	padding: 1px 1em;
}
#blogBox a:hover{
	background: #CFB5B5;  }

#stickyBox ul ul{
	color: #000;
	list-style: square outside;
	padding-left: 20px;
}
#stickyBox ul ul a {
	color: #000;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------------
calendar and checkout
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
		color: #000;
		font: normal 11px/13px;
		width: 98%;
		margin: 0px;
		padding: 0px;
		border:0;
}
.checkoutOdd,
.calendarOdd{
		background-color: #BCD1E0;
		padding:6px 3px;
		margin:0;
 
}
.checkoutEven,
.calendarEven{
		background-color: #B8BFB3;
		padding:2px;
}
.calendarHdr,
.checkoutHdr{
		font: bold 20px/23px; 
                font-weight: bolder;
                text-decoration: underline;
		color: #fff;
		padding:2px 2px;
		text-align:center;
		background:#6E6E53;
}

/*----------------------------------------
A L B U M S
-------------------------------------------*/
/* Albums */
#albumsBox{ /*controls number of albumSm columns*/
	margin:0px;
	padding-bottom:40px;
	clear:both;
	height:auto;

}
#albumsBox p{ /*album titles - albumssm*/
	display:none;
	font:normal 10px/10px;
	color:#000;
	margin:0px;
}
#albumsBox img {
	width:48px;
	height:48px;
    border:1px solid #679A99;
    margin:0px;
}
#albumsBox h3{ /*albumssm header */
        display:inline;
        font-family: "century gothic" , "trebuchet ms" , arial;
        font-size: 150%;
        color:#fff;
        text-transform:uppercase;

}
#albums li{ /*set float left to have multiple columns */
	float:left;
	padding:0;
	margin:0;
}
#albums a img{
	border: 1px solid #679A99;
	margin:1px 2px 1px 2px;
}
#albums a:hover img{
	border: 2px solid #801616; 
	margin:0px 1px 0 1px;
}
.albumImg{
       margin:0px 0px 0px 0px;
    border:2px solid #679A99;
}

#albums a{
	padding: 0px ; 
	display:block;
	color: #666; 
	text-decoration: none; 
	margin:0;
}

/*-----------------------------------------------------------------------------------------------------
S I D E B A R - NewsSm, CalendarSm
------------------------------------------------------------------------------------------------------*/

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:inline;
	font:  30px/33px;
        line-height: 40px;
        margin:0px 0px 0px 5px;


}
#basketBox,
#calendarSmlBox,
#newsSmlBox{
		position: relative;
		font:normal 11px/13px;
		margin:15px 0px 0px 0px;
		text-align:left;
		padding:0px;
		width: auto;
		background: #666445 url(images/smBack.gif) no-repeat center top;
		opacity: .90;
		filter: alpha(opacity=90);

}
#calendarSmlBox p,
#newsSmlBox p{ /* dates */
		display: inline;
                color:#9a4011;
}
#calendarSmlBox p{position:absolute; right:15px;margin:0px; padding:0;}
#newsSmlBox p{margin:0 0 0 10px;}

#calendarSmlBox h3 {/* calendarSm header */
                font-family: "century gothic" , "trebuchet ms" , arial;
                font-size: 150%;
                color: #fff;
		margin: 0px 0px;
		height: auto;
                text-transform: uppercase;
		}

#newsSmlBox h3{ /* newsSm header */
                font-family: "century gothic" , "trebuchet ms" , arial;
                font-size: 150%;
                color: #fff;
		margin: 0px 0px;
                height: auto;
                text-transform: uppercase;

}
h5{margin:0}
#calendarSmlBox h5 a{
		margin: 0;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;

}
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
		margin:0;
		padding: 7px 7px 2px 13px;
		font: bold 11px/12px;
		color:#fff;
		letter-spacing:1px;
		text-transform:uppercase;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
}
#calendarSmlBox a,
#newsSml a{ 
		padding: 4px; 
		margin: 0px 0px 6px 0px;
		display: block;
		color: #000; 
		text-decoration: none;
		border-bottom: 1px dotted #666;
		background: #fcc7a4 url(images/newSmBk.gif) repeat-x scroll bottom;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
		color: #fff;
		background: #bcd3e2 url(images/smBack_ov.gif) repeat-x scroll bottom;
}
#newsSmlBox ul, #calendarSmlBox ul {
		padding: 4px;
		margin: 10px 0px 0px 0px;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
}
#newsSmlBox ul {
		border-bottom: 0px solid #fff;
}
	


/*-----------------------------------------------------------------------------------------------------
S E A R C H
-------------------------------------------------------------------------------------------------------*/
#search {
	margin-left: 50%;
	position: absolute;
	top: 235px;
	left: 50px;
	width: 310px;
	height: 30px;
	padding: 0px;
	z-index:12;
}
#searchResults h2{
     margin:.25em 0px;
	 font-size:123.1%;
}
#searchResults h3{
     margin:0;
     font-style:italic;
}
#search .formInput{ 
	width:200px;
	color:#000;
	border:1px solid #A7AF6D;
	font-size:85%;
	height:1.5em;

}
#search_btn{ 
	 font-size:85%;   
	 margin-left:2px;
	 padding:1px 2px;
	 cursor:auto;

}
#searchResults span.contentHi a{
	font-size:85%;    
	text-decoration:none;
}
dl{
	margin:0 0 4px 6px;
	padding:6px;
	border-bottom:1px dotted #ccc;
}
dt{
	font-size:93%;    
             
}
dd{
	font-size:85%;     
	margin:0;
}
dd img{
	height:40px;
	float:left ;
	margin:0 10px 0 0px;
}



/*-----------------------------------------------------------------------------------------------------
S T R E E T   T E A M
-------------------------------------------------------------------------------------------------------*/

#pointsLeaders{
	font:normal 10px/11px;
	color:#FFFFFF;
	width:auto;
	margin:0;
	border:1px solid #fff;
	padding:34px 0 16px 0;
	opacity: .90;
	filter: alpha(opacity=90);
	position:relative;
        top:10px;
}
#pointsLeaders ol{
	padding:2px;
	margin:0 0px 0px 0px;
	padding-left: 0; 

}
#pointsLeaders li{
	border-bottom:1px dotted #fff;
	padding:1px;
}
#pointsLeaders span{
	float:right;
	margin:0px 10px 0 0;
	padding:2;
	color:#FFFF99;
	font-weight: bold;
}
#pointsLastMod{
   font:normal 10px/12px arial;
   text-align:center;
   color:#fff;
   position:relative;
   top:-18px;
}
/*** WHOS ONLINE ***/

#membersOnline ul {
	width: auto;
	min-height:50px;
}
#membersOnline li em { /*time online */
	display: none;
}
#birthdays li,
#membersOnline li {
	list-style-type: none;
	float: left;
}
* html #membersOnline li { overflow: hidden; }
#birthdays li p,
#membersOnline li p {
	display: none;
}

.small a:hover,
.medium a:hover,
.large a:hover {
	text-decoration: underline;
	color:red;
}
.large a,
.large {
	font-size: 20px;
	font-weight: bold;
	color: #000; 
	text-decoration: none;
}

.medium a,
.medium {
	font: bold 15px/16px;
	color: #555;
	text-decoration: none;
	padding: 2px 0px 2px 0px;	
}	
.small a,
.small {
	font-size: 10px;
	color: #777;
	text-decoration: none;
}
div#birthdays{
      padding:2px 3px;
      font:normal 11px/14px;
      border-top:1px dashed #679A99;
      margin:4px 0;
}

#birthdays p{
     font:bold 14px/16px;
     text-align:left;
}
#birthdays ul{
   font:normal 11px/13px;
   padding-left: 0; 
   margin-bottom: 0px; 
   list-style-type: none;
}
#birthdays li{
   padding:0 4px;
}

/*wallpaper display */
#wallpaperBox ul{/*for mozilla positioning */
	padding: 0px; 
	margin: -0px; 
	list-style-type: none;
}
#wallpaperBox{ /*controls number of columns*/
	width:auto;
	height: auto;
	padding:0px;
}
#wallpaperBox p{ /*wallpaper text */
	display:block; /*set to block for text to flow beneath thumbnails*/
	margin: 0 0 0px 0px;
	font:bold 11px/16px;
	width: 120px;
	padding: 2px;
	text-align: center;
}
#wallpaperBox img {
	border: 1px solid #000;
	width:120px;
	height:90px;
	vertical-align: middle;
}
#wallpaperBox li{ /*set float left to have multiple columns */
	display: block;
	margin-bottom: 10px;
}
#wallpaperBox a{
 	padding: 0px;
	margin-right: 0px
}
#wallpaperIcons a:hover{
	color:#801616;
}