/*Lyric Financial 831 */

/*----------------------------------------
CONTENT
-------------------------------------------*/
html{
    background: #c5c5c5 url(images/bgRepeatingX.jpg) repeat-x scroll center top;
}
body {
	font-family:"trebuchet ms",arial, Helvetica, sans-serif;
    background: transparent url(images/bgRepeatingY.jpg) repeat-x scroll center top;
	margin:0 auto;
	color:#4F4F4F;

}
#outer {
	background: none;
	margin: 0;
	padding:0;
}
#doc2{}
#hd{
	background: transparent url(images/headerBg-empty.jpg) scroll no-repeat center top;
	position: relative;
	height:300px; 
	padding-bottom: 1.0em;
	margin: 0 0 0 0px;
}
#hd h1 {display:none;}

#bd {
	padding: 15px 15px 30px 0px;
	background: #fff url(images/bgContent_arrow.gif) no-repeat scroll right top;
}
#yui-main .yui-b {
	padding: 0 0 1em 0px;
	min-height: 300px; 
	height: auto;
	width: auto;
	margin: 0;
	_height:  300px; /*ie Hack */
}
div #yui-main .yui-g{
	padding-top: 14px;
	position:relative;
}
.sidebar{
	padding:0px 0 0 15px;
}
#ft {
	font-size: 85%;
	letter-spacing:2px;
	line-height:150%;
	padding: 30px 35px;
	margin: 0; 
	text-align: left;
	height: auto;
	color: #59c1fd;
	background: transparent url(images/bgFooter.gif) no-repeat scroll center top;
}
#ft a{
	color: #59c1fd;
	text-decoration: none;
}
#ft a:hover {
	color: #fff;
}

div .yui-u .banner {
	margin-bottom: 10px;
}
div#contentSub{
	left:112px;
	padding: 0;
	width: 225px;
}
.yui-b .banner {
   border:1px solid #EBDCCA;
	margin-bottom: 6px;
}
div#smallbannerLeft{float:left;}
div#smallbannerRight{float:right; margin-right:40px;}
#newsticker{visibility:hidden;font-size:1%;}
/*  ------------------   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{     text-align:left;}
/*   --------------- end yui base (modified)  --------------------- */

/*----------------------------------------
CONTENT
-------------------------------------------*/
a {	
	color: #000;
}
A:hover {
	COLOR: #2F8CBF;
	text-decoration: underline;
}
.content,
#galleryText{
	text-align: justify;
	list-style: inside;
	line-height:150%;
}
.contentHi {
    font-style:italic;
}	
.contentSml,	
.contentHiSml {
	font-size:93%;  
}	
.titleLrg{
	position:absolute;
	right: 10px;
	top: -15px;
	width: 650px;
	text-align:right;
	font-size:260%;
	font-weight:bold;
	line-height: 100%;
	color: #F2F4F4;
	text-transform: capitalize;
	letter-spacing: 0px;
	padding: 0px;
	margin: 2px 0 8px 0;
	z-index:0;
}
table .titleLrg {
	border-bottom: none;

}
#modNews h3,
.titleSml{
		font-size:167%; 
		font-weight:900;
		font-family:"century gothic", "trebuchet ms", tahoma, arial, san-serif;
		color:#02457C;
		text-transform:uppercase;
}
.titleSml p{
		display:inline;
		font-weight:100;
}
h3 a,
.titleSml a{
	text-decoration: none;
}
.titleSml a:hover{
	text-decoration: underline;
}
#breadtrail{
	font-size:90%;
	margin:0 0 10px 0;
	padding:4px;
	background:#DDE79E;
}
#optionsTable{
	border:1px solid #ccc;
	font-size:93%;
	background:#fff;
}
#optionsTable th,
#optionsTable td{
	padding:3px;
	border:1px solid #ddd;
}
#optionsTable .row1{
	background:#ededed;
	color:#222;	
	font-weight:bold;
	text-align:right;
	width:80px;
}
#optionsTable th{
	background:#004178;
	color:#ffffff;
	font-size:110%;
}
hr {
       width: auto;
}
/*----------------------------------------
Contact Form
-------------------------------------------*/
fieldset{
     border: 1px dotted #ccc;
     padding:8px;
     width: auto;
}
legend{
     padding: 2px 8px;
     font-weight:bold;
	 font-size:120%;
}
label{
     width: 12em;
     float: left;
     text-align: right;
     margin-right: 0.5em;
     display: block;
}
.radio label{
     width:auto;
     float: left;
     text-align: left;
     margin:0 0.5em 1em 0;
     display: inline;
}
p.radio{
width:98%; 
height:3.4em;
padding-left:40px;
}
input{
     color: #000000;
     background: #fff;
     border: 1px inset #333;
}
#et_Form{
	font-size:85%;
}
#et_Form li a{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:2px;
	padding-left:24px;
	background:transparent url(images/iconGDK.png) no-repeat scroll left -120px;
}
#aHideForm li a{
	background:transparent url(images/iconGDK.png) no-repeat scroll left -298px;
}
#frmEmail a{
	text-decoration:none;
	padding-left:54px;
	background:transparent url(images/iconGDK.png) no-repeat scroll 30px -656px;
}
#divNewEmail a{
	text-decoration:none;
	padding-left:0px;
	background:none;
}
/*----------------------------------------
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 li,
.content ol{
	list-style: decimal outside;
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ol li{	padding:0 0 0 6px;}
.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 #ccc;
}
.iconImg{
	margin: 2px 8px 6px 0px;
	border:1px solid #ccc;
}
.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: #AA461D;
	font-size: 85%;
	border: 1px solid #E07B3D;
	color: #fff;
	margin: 3px 0 0 3px;
	font-weight: bold;
	text-transform: uppercase;
}
/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
	position: absolute;
	left: 30px;
	top: 128px;
	font-size:132%;
	font-weight:normal;
	line-height:100%;
	text-align: right;
	width: 236px;
	margin: 0;	
	padding 0px;
	z-index: 10;
}

#vNav li a{
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #407390;
	padding:4px 30px 5px 30px;
	margin:0;
}
#vNav a:hover{
	color: #71cafc;
	background: transparent url(images/bgNav_over.gif) no-repeat scroll left top;

}
#vNav li {   /*for horizontal navigation: display: inline;*/
	display: inline;
}
/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
}
#modNews .item{
	margin:2px 0px;
	position:relative;
	padding:0.8em;
	border-bottom: 1px dashed #ADCBDA;
	height: auto;
}
#modNews a .item{
	display:block;
	text-decoration:none;
	cursor: pointer;
}
#modNews p{
	color: #222;
	text-decoration: none;
}
#modNews a:hover .item{
	background:#F2F4F4;
}
#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: #08476C;
}
.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;
}
#stickyBox{
	font-weight:bold;
	margin:10px 5px 15px 0;
	text-align:left;
	padding:0;
	height:18px;	
	border-bottom: 1px dotted #AFCADD;
}

#stickyNav a{ 
	float:left;
	display: block; 
	padding: 0px 8px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 6px 0 0;
	color:#444;
	border-left:6px solid #AFCADD;
	letter-spacing:1px;
}

#stickyNav a:hover{
	border-left:8px solid #FFBF4F;
	color:#000;
	padding: 0px 6px 0 8px;  
}
* html #stickyBox ul li{
	margin-top:25px;
}
 #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
}
* html #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
} 
#stickyBox ul li ul li {
	display:inline;
} 
#stickyBox ul li ul li a{
	font:normal 9px/10px arial, Helvetica, sans-serif;
	float:left;
	display: block; 
	padding: 0px 8px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#222;
	border-left:2px solid #BADDFE;
}
#stickyBox ul li ul li a:hover{
	border-left:2px solid #FFBF4F;
}
#blogBox{
   width:110px;
   float:right;
   margin:0 0 6px 6px;
   font:bold 11px/14px arial;
}
#blogBox a{
   display:block;
   border:1px dashed #ddd;
   margin:4px 0;
   padding:2px 3px;
 }
#blogBox a:hover{
   border:1px solid #fff;
   background:#A0BBCC;
   color:#003;
}

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

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
	color: #8E9397;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
}

#calendarSmlBox,
#newsSmlBox{
	margin:0px 0px 8px 0px;
	text-align:left;
	padding:4px;
	color:#64280b; 
	width:250px;
        
}
#calendarSmlBox{background: transparent url(images/calendarSmlHdr.gif) no-repeat scroll 0px 0px;}
#newsSmlBox{background: transparent url(images/newsSmlHdr.gif) no-repeat scroll 0px 0px;}


#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	font-size:93%;
	display: block;
	color:#AFCADB;
	margin:0 4px 0 0px;
	padding: 0 4px 0 0px;
}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	display: block;
	font-size:200%;
	margin:0;
	border-bottom:1px solid #AFCADB;
}

#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 4px; 
	margin:1px 6px;
	display: block;
	color: #555; 
	text-decoration: none;
        border-bottom:1px dashed #ddd;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #000;
 	background-color: #ededed;	}
/*-----------------------------------------------------------------------------------------------------
C A L E N D A R  and  C H E C K O U T
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	color: #000;
	width: 98%;
	margin: 0px;
	font-size:93%;
}
.calendarBox td,
.checkoutBox td{	padding: 3px;}


.checkoutOdd,
.calendarOdd{

	background-color: #E2CDB4;

}
.checkoutEven,
.calendarEven{
	background-color: #F1E4D1;

}
.calendarHdr td,
.checkoutHdr{
	color: #F79534;
	padding:6px;
	text-transform:uppercase;
	background-color: #000;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------------------
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;
}



#extLinks{
		margin:0 0 0 35px;
		width:395px;
}
ul#extLinks li{display:inline;}
#extLinks li a{
		height:15px;
		text-transform:uppercase;
		font-size:85%;
		text-decoration:none;
		border:1px solid #3B4043;
		display:block;
		width:88px;
		float:left;
		margin:2px;
		padding:20px 0 0 4px;
}
#extLinks li a:hover{
		border:1px solid #fff;
		color:orange;
}
#extLinks li.myspace a{ background:#044062 url(images/extLinks.gif) no-repeat scroll -10px -46px;}
#extLinks li.youtube a{ background:#044062 url(images/extLinks.gif) no-repeat scroll 0px -116px;}
#extLinks li.email a{ background:#044062 url(images/extLinks.gif) no-repeat scroll 0px 0;}
#extLinks li.idol a{ background:#044062 url(images/extLinks.gif) no-repeat scroll 6px bottom;}