/*----------------------------------------
CONTENT
-------------------------------------------*/
html{
    
}
body {
	font:normal 12px/1.5   "Century Gothic",arial, Helvetica, sans-serif;
	background: #262626 url(images/bgRepeating.jpg) repeat-x scroll center top;
	margin:0 auto;
	color:#fff;
}
#doc{
	margin:0 auto;
        width:750px;     /* actual width of content box */
	background: #1b3a58 url(images/docBack.jpg) repeat-x scroll center bottom;
}

#hd {
	background: transparent url(images/header.jpg) no-repeat scroll center top;
	width: 750px;
	margin: 0px 0px 0px 0px;
}
#searchDiv {
margin-left: 50%;
	
position: absolute;
		top: 10px;
		left: -400px;
		width: 220px;
		height: 30px;
		padding: 0px;
		z-index:12;
}
#yui-main{
	background: url(images/yuimainBg.jpg) repeat-y scroll top;

}
#yui-main .yui-b {
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width: 550px;
	}

        
#flashHdr {
        float: right;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

#sideBar.yui-b{
	background: url(images/sidebarBg.jpg) no-repeat scroll center top;
        float: left;	
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	width: 222px;
	}
	

#ft {
	background: url(images/footer.jpg) no-repeat scroll center top;
	padding: 20px 0 50px 0;
	margin: 0px; 
	text-align: center;
	font-size: 85%;
	text-transform: uppercase;
	color:#73a7ba;
}

form table {
                background-color: transparent;
}

form{
                color: #fff;
		margin:2px;
		padding:6px;
}

a {	
		color: #A07155;
}

A:hover {
    	COLOR: #fff;
		text-decoration: underline;
}
.content,
#galleryText{
		color: #fff;
		text-align: left;
		list-style: inside;
}
.contentHi {
		color: #fff;
}	
.contentSml {
		font-size:85%; 
		color: #fff;
}	
.contentHiSml {
		font-size:85%;  
 		color: #fff;
}	
.titleLrg{
	font-size:220%;
	color: #A07155;
	text-transform: lowercase;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 0 0px;
	
}
#modNews h3,
.titleSml{
		font-size:123.1%; 
		font-weight:bold;
		color: #fff;
}
h3 a,
.titleSml a{
		text-decoration: none;
}
.titleSml a:hover{
		text-decoration: underline;
}
/*----------------------------------------
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 li{    list-style: square url(images/bullet1.gif) outside;}

.content ul ul {
		list-style: circle url(images/bullet2.gif) 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 {
		float: right;
		margin: 1px 1px 1px 6px;
}
.picLeft {
		float: left;
		margin: 1px 6px 1px 1px;
}
.picRightBrd {
		float: right;
		margin: 1px 1px 1px 6px;
		border: 1px solid #666;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #666;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:0px;
}
.banner {
		border:0;margin: 0 0 6px 4px;
}
.optionBox {/*used in gallery select */
		font-size:85%;  
		color: #000000;
		background-color: #ddd;
}




/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
		font-size:105%;
		font-weight:bold;
		margin: 0px 0px 0px 0px;
		padding: 1em;
		text-align: left;
		letter-spacing:0px;
                text-decoration: none;
		text-transform:lowercase;
		
}

#vNav li{
           display: inline;
}

#vNav a{
	display: block;
	float: left;
        text-align: left;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 36px 20px 36px;
	text-decoration: none;
	
}
#vNav a:hover{
		color: #A07155;

}

/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
		position:relative;
		text-align:left:
		margin:0;padding:0;
}
#modNews .item{
	   margin:4px 0px;
	   position:relative;
	   padding:9px 4px;
	   border-top:2px solid #EBE2DD;
	   height: auto;

}
#modNews a .item{
    display:block;
    background:#dedede;
    text-decoration:none;
    cursor: pointer;
}
#modNews a:hover .item{
    background:#ccc;
}

#modNews img.iconImg{
   position:absolute;
   margin:2px;
   left: 6px;
}
#modNews h3 a {
   font-size:123.1%; 
   text-decoration: none;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
   margin:0px;
}
#modNews small {
   display:block;
   position: absolute;
   top:-9px; right:0;
   background: #EBE2DD;
   width:100px;
   color: #5C2423;
   text-align:center;
}
.Pagination{
   text-transform:uppercase;
   letter-spacing:2px;
   text-align:right;
   
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ //the width of this will determine the # of columns
	width:auto;
        margin:6px 0;
}
#modGallery.copy{ //format gallery description text
}
#modGallery.iconImg{ //format gallery description text
}
#modGall li {  display: inline;}




/* Sticky Nav and Blog Nav */



#stickyNav {
    margin:0px;
    list-style: square outside;
}

#stickyBox ul {
    padding-left: 0;
    margin-bottom:0;
    list-style: square outside;
}
#stickyBox li {
        background-color: #A06056;
        display: block;
        margin: 0 2px;
        padding:0;
}

#stickyBox{height:auto;}

#blogBox,
#stickyBox{
		margin:0px 0px 6px 2px;
		text-align:left;
        font-weight:bold;
		padding:0;
		letter-spacing:0px;
        border-bottom:1px dashed #ccc;
}
#blogBox{
   float:right;
   width: 160px;
}
ul#blogNav{margin:0;}
#blogBox a,
#stickyNav a{ 
    color:#1B3A58;
    display: block; 
    background:transparent url(images/stickyBullet.gif) no-repeat left 3px; 
    width:auto;
	text-decoration: none; 
	margin:3px;
}

#stickyNav a{ 
	padding: 0px 0px 0 0px;  
}

#stickyNav a:hover{
        background-color: #fff;
	color: #A06056;
        padding: 0px 0px 0px 2px; 
}
#blogBox a{
    font:normal 10px/12px verdana;
	background:none;
	background-color:#ededed;
	font-weight:normal;
	padding: 1px 1em;
}
#blogBox a:hover{
	background: #EBE2DD;  }

/*----------------------------------------
S I D E B A R - NewsSm, CalendarSm
-------------------------------------------*/
/*albumssm, newssm, calendar sm, basket, login text header */
h3 span{ 
    line-height:100%;
	color: #602521;
	padding:0;margin:0;
	text-transform:uppercase;
	letter-spacing:2px;
}

#calendarSmlBox,
#basketBox,
#newsSmlBox{
    position:relative;
    margin:0px 0px 6px 0px;
    text-align:left;
    padding:2px 6px ;
}
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px 0 4px 2px;
	font:normal 10px/10px arial;
	color:#ab3b45;
	letter-spacing:1px;
}
#calendarSmlBox h5 a{ /* more dates*/
   margin:0;
   padding:0;
   color:#641C20;
   text-align:right;
   border:0px none;
   text-transform:uppercase;
}
#newsSml p{display:none;}
#calendarSmlBox p{ /* location */
    color:#5F4823;
    margin:0;
    padding-left: 40px;
    display:inline;
}

#newsSml li,
#calendarSmlBox li{   
	position:relative; border-bottom:1px solid #BFA377;
}
#calendarSmlBox a,
#newsSml a{ 
	display: block;
	padding: 2px 4px; 
	margin: 0;
	color: #000; 
	text-decoration: none;
    background:transparent url(images/grid-light.gif);
}
#calendarSmlBox a:hover,
#newsSml li a:hover{
    background: #F5F1EE;
    color:#111;	
}
/*-----------------------------------------------------------------------------------------------------
S E A R C H
-------------------------------------------------------------------------------------------------------*/
#search{ 
    margin:6px 0;
}
#searchResults h2{
     margin:8px 0px;
}

#searchResults h3{
     margin:0 0 4px 6px;
     font-style:italic;
}
#search .formInput{ 
	width:110px;
	background: #dccdc6 url(images/iconBDD-10.gif) no-repeat scroll 2px center;
	padding-left:20px;  
	color:#000;
	border:1px solid #8d655c;
	font:normal 11px/13px "Trebuchet MS", arial, helvetica;
}
#search_btn{ 
	 font:bold 10px/10px arial, helvetica;      
	 margin-left:2px;
	 padding:1px 2px;
	 cursor:auto;
}
#searchResults span.contentHi a{
	font:normal 9px/10px verdana, helvetica;      
	text-decoration:none;
}
dl{
	margin:0 0 4px 6px;
	padding:6px;
	border-bottom:1px dotted #DFC3A7;
}
dt{
	font:bold 12px/14px arial, helvetica;      
             
}
dd{
	 font:normal 10px/12px arial, helvetica;      
	 margin:0 0 0 0;
}
dd img{
	height:40px;
	float:left ;
	margin:0 10px 0 0px;
}

/*----------------------------------------
L O G I N
-------------------------------------------*/

#loginBox,
#logoutBox {
        position:absolute;
        z-index:3;
        top:266px;
        left:50%;
        width:190px;
        font-size:85%;
		margin-left:210px;
		text-align:right;
		padding: 4px;
        color:#602423;
        text-transform:lowercase;
}
#logoutBox{top:290px;	margin-left:250px;text-align:left;}
#loginBox h3,
#logoutBox h3{font-size:110%; margin:0;padding:0;}
#loginBox{
	text-align:right;
}
#loginBox strong{
	letter-spacing:1px;
}
#loginBox .formInput{
	width:100px;
}
#login .btn{
        font:normal 10px/12px arial; 
        padding:0em 1em;
        color:#000; 
        margin: 1px   
}

ul#loginForm {
	position: absolute;
	top: 14px;
	right:-4px;
	border: 1px solid #fff;
	padding-bottom:2px;
	color:#fff;
}
ul#loginForm .formInput{
        display:block;
        border:2px solid #fff;
        width:140px;
}
#loginForm li a,
#loginForm li {
	z-index: 100;

}
.js-clickable {
	cursor: pointer;
	text-decoration: underline;

}

/*-----------------------------------------------------------------------------------------------------
calendar and checkout
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd,
.calendarOdd{
    background:#dedfdf;
	padding:4px;
}
.checkoutEven,
.calendarEven{
	padding:4px;
}
.calendarHdr,
.checkoutHdr{
	color: #fff;
	background-color: #293946;
	padding:2px 4px;
	text-align:center;
}