/*------------------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------------------*/
body {
		font:normal 12px/16px "trebuchet ms", Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		color:#1596CF;
		background:#00A2E0;
}
form{
		margin:0;
		padding:0;
}
fieldset{
   display:block;
   margin:8px;
   padding:6px;
   border:1px solid #88755C;
}

legend{
   margin-top:4px;
   font:bold 16px/18px Arial, Helvetica, sans-serif;
   color:#fff;
}


ul{
	list-style: square outside;
        margin:4px 0 6px 0;
        padding:0 0 0 20px;
        text-align:left;
}
ul ul {
	list-style: circle outside;
}
ol{
	list-style: decimal outside;
        margin:4px 0 6px 0;
        padding:0 0 0 20px;
        text-align:left;
}ol ol{
	list-style: lower-alpha outside;

}

#bioCol img{
   border:1px solid #572C23;
   margin-bottom:13px;
}


* html hr { clear:both}
a {	
	color: #0000EE;
}


A:hover {
	COLOR: #015496;
	text-decoration: underline;
}
.content,
#galleryText{
		text-align: justify;
		list-style: inside;
}
.contentHi {
		font: italic 12px/14px Arial, Helvetica, sans-serif;	
		color: #dbc29d;
}	
.contentSml {
		font: normal 10px/12px Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: left;
}	
.contentHiSml {
		font: normal 10px/12px Arial, Helvetica, sans-serif;
 		color: #FCC732;
		text-align: left;
}	
.titleLrg{
		font: bold 24px/24px "Century Gothic", Arial, Helvetica, sans-serif;
		color: #015496;
		letter-spacing:1px;
		padding: 0px 0 0px 0px;
		margin: 0 0px 20px 0px;
		text-transform:uppercase;
}

table .titleLrg {
		font: bold 16px/18px Arial, Helvetica, sans-serif;
		color: #f9a80c;
		letter-spacing:1px;
		padding: 0 0 2px 0px;
		margin: 0 0px 15px 0px;
		border: none;
}

.titleSml{
		font: bold 14px/15px Arial, Helvetica, sans-serif;
		color: #fff;
}
.titleSml a{
		color: #fff;
		text-decoration: none;
}
.titleSml a:hover{
		color: #F9A80C;
		text-decoration: underline;
}


/*-------------------------------------------------------------------------------------------------
I M A G E S
--------------------------------------------------------------------------------------------------*/
.picRight {
		float: right;
		margin: 1px 1px 1px 10px;
}
.picLeft {
		float: left;
		margin: 1px 10px 1px 1px;
}
.picRightBrd {
		float: right;
		margin: 1px 1px 1px 10px;
		border: 1px solid #88755c;
}
.picLeftBrd {
		float: left;
		margin: 1px 10px 1px 1px;
		border: 1px solid #88755c;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:1px solid #000;
}
.banner {
		margin: 0 0 7px 0;
		border: 0px;
}
.optionBox {/*used in gallery select */
		font: normal 11px/12px  Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #ddd;
}
/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
    position:relative;
    text-align:left:
}

#modNews a{
    display:block;
    text-decoration:none;
    cursor: pointer;
}
#modNews a:hover{

}
#modNews .item{
   margin:6px 0px;
   padding:4px;
   background:#CFC1A8;
   padding-left: 5px; /*relative to the width of the icons */
   min-height: 5px; /*relative to the height of the icons*/
   height: auto;
   _height: 5px; /*ie Hack - relative to the height of the icons*/
}
#modNews img.iconImg{
   position:absolute;
   margin:2px;
   left: 6px;
}
#modNews h3 a {
   text-decoration: none;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
   margin:0px;
}
#modNews small {
   color: #4F1B1D;
}




/*------------------------------------------------------------------------------------------------
A L B U M S
--------------------------------------------------------------------------------------------------*/
/* Albums */
#albumsBox{ /*controls number of albumSm columns*/
	margin:0 0 6px 0;
	padding:0;
	clear:both;
	height:58px;
	border-bottom:1px dotted #AE871E;
}
#albumsBox p{ /*album titles - albumssm*/
	display:none;
	font:normal 10px/10px arial, san-serif;
	color:#000;
	margin:0 0 0 4px;
}
#albumsBox img {
	width:48px;
	height:48px;
    border:1px solid #B0A381;
    margin:0 4px 0 0;
}
#albumsBox h3{ /*albumssm header */
        display:none;
}
#albums li{ /*set float left to have multiple columns */
	float:left;
	padding:0;
	margin:0;
}
#albums a img{
	border: 1px solid #B0A381;
	margin:1px 2px 1px 2px;
}
#albums a:hover img{
	border: 2px solid #fff; 
	margin:0px 1px 0 1px;
}

.albumImg{ /*main album cvr display */
    border:1px solid #828E78;
    margin:0 4px 1px 0;
}
#albums a{
	padding: 0px ; 
	display:block;
	color: #666; 
	text-decoration: none; 
	margin:0;
}



/*--------------------------------------------------------------------------------------------------
L I S T S - vnav,  albums, sml
---------------------------------------------------------------------------------------------------*/

#albums,
#calendarSml,#calendarSml1,#calendarSml2, /* 1=Current Presales, 2=Upcoming Presales for Calendar v2 */ 
#newsSml,
#blogNav,
#stickyNav,
#vNav { /* sets list style to none */
		list-style-type: none;
		margin:0px;
}
#albumsBox ul,
#calendarSmlBox ul,
#newsSmlBox ul,
#blogBox ul,
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}

/*--------------------------------------------------------------------------------------------------
N A V I G A T I O N
----------------------------------------------------------------------------------------------------*/
#vNavBox{
		font:bold 12px/20px "century gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
		width: auto;
		margin:0px 0px 4px 4px;
		padding: 0;
		text-align: left;
		letter-spacing:-1px;

}

#vNavBox2{
		font:bold 12px/20px "century gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
		width: auto;
		margin:0px 0px 4px 50px;
		padding: 0;
		text-align: left;
		letter-spacing:-1px;
		}
#vNav a{
		float: left;
		display: block;
		text-align: left;
		color: #005597;
		text-decoration: none;
		margin: 0px;
		padding: 7px 16px 14px 20px;
		text-transform: uppercase;
		
}
#vNav a:hover{
		color: #00A4E3;
                
}
#stickyBox li,
#vNav li {   /*for horizontal navigation: display: inline;*/
		display: inline;
}
/* Sticky Nav and Blog Nav */
#blogBox,
#stickyBox{
		font:bold 11px/8px "trebuchet ms", Arial, Helvetica, sans-serif;
		margin:0px 0px 6px 12px;
		text-align:left;
		padding:0;
		letter-spacing:1px;
		height: 20px;
		border-bottom:1px dashed #999;

}
#blogBox a,
#stickyNav a{ 
	display: block; 
	padding:0 6px;  
	color: #fff; 
	text-decoration: none; 
	margin:3px 6px;
    float:left;
	border-left:4px solid #F9A80C;
}
#blogBox a:hover,
#stickyNav a:hover{
	color: #fff;
	border-left:6px solid  #AD0000;
        	padding:0 5px; 
}

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

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
	text-transform: uppercase;
        letter-spacing:2px;
        text-align:center;
}

#calendarSmlBox,
#newsSmlBox{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	text-align:left;
	padding:10px 5px 4px 5px;
    color: #ffffff;
	width: auto;
}
#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	display: inline;
	color:#fff;
}
#calendarSmlBox p{position:absolute; right:16px;margin:0px; padding:0;}
#newsSmlBox p{margin:0 0 0 6px;}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	display: block;
	margin:0px 0 5px 0;
	height:20px;
}
#newsSmlBox h3{	/* newsSm header img*/
	background: none;
	border-bottom:1px dotted #AE871E;
} 
#calendarSmlBox h3{	/* calendarSm header img*/
	background: none;
	
} 
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px 0 4px 2px;
	padding: 0 0 0 7px;
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
}
#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 4px 3px 4px; 
	margin: 0 4px 4px 4px;
	display: block;
	color: #461616; 
	text-decoration: none;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #f3a135;
 	background-color: #754231;	}
	
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGall { 
		list-style-type: none;
		margin:15px 0 0 0;
}
#modGallery ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}

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

/*------------------------------------------------------------------------------------------------------
L O G I N
------------------------------------------------------------------------------------------------------*/
#loginBox,
#logoutBox {
	font:normal 12px/15px Trebuchet MS, Helvetica, sans-serif;
	margin:0px 4px 4px 4px;
	text-align:left;
	padding: 2px;
	color:#fff;
	border-botom:1px solid #7F3D0B;	
}

#loginBox{
	text-align:right;
}
#loginBox strong{
	font:bold 16px/22px Trebuchet MS, Helvetica, sans-serif;
	letter-spacing:2px;
}
#loginBox .formInput{
	font:bold 16px/13px Trebuchet MS, Helvetica, sans-serif;
	width:170px;
padding:1px;
margin:0 6px 0px 0;
}
#logoutBox ul{
	list-style: square inside;	
	margin:0px auto 0px auto;
	padding:0px;
}
/*color for forgotten password form */
 input.content {
  color: #000;
}
#accessDenied{
display:block;
   color:yellow;
   width:500px;
   margin-top:40px;
}

/*-----------------------------------------------------------------------------------------------------
C A L E N D A R  and  C H E C K O U T
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#211206;
	text-align: left;

}
.checkoutOdd,
.calendarOdd{
	background-color: #CFBC9B;
	padding:4px;

}
.checkoutEven,
.calendarEven{
	background-color: #CFC1A8;
	padding:4px;

}
.calendarHdr,
.checkoutHdr{
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #fff;
	padding:0 2px 0 2px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
}

/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:#FFE900;
}

#basketBox{
}
.btn,
.basketBtn{
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color:#fff;
        text-transform:uppercase;
	padding:2px;
	border:1px solid #000;
	background-color:#225278;
	margin:2px 0 1px 10px;
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only needed if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px verdana, san-serif;
	margin:0px;
}

.style1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #00a4e4;
}
.style10 {color: #005596; font-family: Arial, Helvetica, sans-serif;}
.style5 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #005596;
}
.style6 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00a4e4;
	font-weight: bold;
}
.style8 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #005596; }
.style9 {font-size: 14px}

/* Home Page This is to be used if the home page is a feature/news split- 
overwrites news inc formatting 
If the site does not use this home page layout this stuff can be removed */