/* =============================================
 Overrides 
 ============================================= */

body 
{
    margin:0;
    padding:0;
    background:#333 url(../images/bg.jpg) repeat-x;
    font-family:Arial;
    font-size:0.8em;
}

td { font-size:0.8em;}

h1
{
	color:#cc3333;
}


h2
{
	color:#cc3333;
	margin:0;
}

h3
{
	color:#cc3333;
	margin:0;
}

#logo
{
    position:absolute;
    top:15px;
    left:15px;
    z-index:999;
}

a
{
	color:#cc3333;
}

a:hover
{
	font-weight:bold;
}

/* =============================================
 Layout 
 ============================================= */
#stage
{
    background:#fff url(../images/stagebg.gif) repeat-y;
    margin-left:30px;
    width:770px;
	min-height:400px;
}

#stage.nobg
{
	background:transparent;
}	

#leftside
{
    width:220px;
	float:left;  
	height:200px;	
}


#content.twocol
{
    width:340px;
	float:left;  
	padding:5px;
	
}

#content.threecol
{
    width:535px;
	float:left;  
	padding:5px; 
}


#rightside
{
    width:200px;
	float:left;   
}

.clear
{
    clear:both;   
}

#sidepanel
{
	margin-top:50px;
	background:#f1f1f1;
	width:80%;
	padding:5px;
	margin-bottom:10px;
}

#subnav
{
	position:absolute;
	top:60px;
	left:640px;
}

/* =============================================
 Content syles 
 ============================================= */
.titledate
{
	position:relative;
	font-size:95%;
	font-weight:bold;
	font-style:italic;
	top:-20px;
}

fieldset
{ 
	border:1px solid #cc3333;
	padding:5px;
}

legend
{
	font-weight:bold;
	color:#cc3333;
	font-size:150%;
}

fieldset p label
{
	width:8em;
	float:left;
	text-align:right;
	padding-right:4px;
}

.textfield
{
	border:1px solid #666;
}

.quantity
{
	width:25px;
}

.button
{
	border:1px solid black;
	background:#fff;
}
/* =============================================
 Navigation 
 ============================================= */
#topmenu
{
    margin:0;
    padding:0;
    clear:both;
    margin-left:150px;
    margin-top:20px;
    width:520px;    
}

#topmenu li
{
    list-style:none;
    float:left;
}

#topmenu li a
{
    color:#ccc;
    text-decoration:none;
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}

#topmenu li a:hover
{
    color:white;
	font-weight:normal;
}

#topmenu li.on a
{
    color:black;
    font-weight:bold;
    background:#fff;
}

#topmenu li.on a:hover
{
    color:black;
	font-weight:bold;
}

#bottommenu
{
    margin:0;
    padding:0;
    clear:both;
    width:770px;
    margin-left:30px;
	height:30px;
}

#bottommenu li
{
    list-style:none;
    float:right;
}

#bottommenu li a
{
    color:#ccc;
    text-decoration:none;
    padding-left:10px;
    font-size:90%;
}

#bottommenu li a:hover
{
    color:#fff;
	font-weight:normal;
}


.choir_admin
{
	margin:0px;padding:0px;
	margin-top:50px;s
}

.choir_admin li
{
	margin:0px;padding:0px;
	margin-left:10px;
	margin-bottom:3px;
    list-style:none;
}

.choir_admin li a
{
    display:block;
	border:1px solid black;
	background:#fff;
	color:black;
	width:190px;
	padding:3px;
	text-decoration:none;
}

.choir_admin li a:hover
{
	background:#999;
	text-decoration:none;
	font-weight:normal;
}

.altrow
{
	background:#FFCC99;
}

/* pager */

#pager ul {

	text-align: center;
	padding-bottom:20px;
}

#pager li {
	list-style:none;
	float: left; 

	padding: 0; 
	text-align: center
}

#pager li a {
	font-size:100%;
	width:15px;height:15px;
	padding:2px;
	text-decoration:none;
}


#pager li strong {
	font-size:100%; font-weight:bold;
	color:#000000;
	font-weight:normal;
	width:15px;height:14px;
	padding:2px;
	color:#000000;
}

#pager li a:hover {
	
}

#diarylinks {	margin:0px; padding:0px;}
#diarylinks li
{
	text-align:right;
	list-style:none;
}

#diarylinks li.photo a
{
	background:#fff url(../images/icons/photo.gif) no-repeat right;
	line-height:30px;
	padding-right:40px;
	display:block;
	text-decoration:none;
	color:#666;;
	
}

#diarylinks li.photo a:hover
{
	font-weight:normal;
	background:#fff url(../images/icons/photo_1.gif) no-repeat right;
	color:#cc3333
}

.pictureframe
{
	background-color:#E5E5E5;
	padding:10px;
	text-align:center;
	width:100px;
}

.pictureframe a:hover img {
	border:2px solid #cc3333;
}
.pictureframe a img {
	border:2px solid #E5E5E5;
	margin:0pt auto;
}

/*-----------------------
IMAGE PREVIEW
-------------------------*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #fff;
visibility: hidden;
border:1px solid #cc3333;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px Tahoma;
letter-spacing: 2px;
line-height: 1.1em;
color: black;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.shopitem
{
	width 50%;
	padding:3px;
	border-bottom:1px dashed #ccc;
}

.shopbutton
{
	border:0; margin:0; padding:0;
	background:#fff url(../images/button.gif) no-repeat;
	width: 135px;
	height:25px;
	line-height:22px;
	text-align:center;
	color:#fff;
}

.shopinfo
{
	float:right;
	width:100px;
	text-align:right;
}