@charset "iso-8859-1";

/* Body CONTROLS */
#debug {
	background-color: #FFF;
	border: 0px solid red;
	display: none;
}
.smaller {font-size: smaller;}
.larger {font-size: larger;}

.b	{font-weight: bold;}
.aR 	{text-align: right;}
.aL 	{text-align: left;}
.aC 	{text-align: center;}

.fR 	{float: right;}
.fL 	{float: left;}

.p0 	{padding: 0px;}
.p2 	{padding: 2px;}

.m0 	{margin: 0px;}
.m2 	{margin: 2px;}

.mh70 {min-height: 70px;}
.mh100 {min-height: 100px;}
.uw 	{border-bottom: 1px solid #fff;}

.debug {border: 1px dashed red;}

.dN {display: none;}
.dB {display: block;}
.dI {display: inline;}

html {
	font-size:80%;
}

body {
	margin: 0;
  	padding: 0;
}	

#body {
	display: none;	
}

html, body, div, form, table, th, td, p { 
	font: normal .98em/1.35em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-align:left;
}


html {
	background-color: #000;
	margin: 0;
	padding: 0;
}

body {

	width:800px;
	margin-left:auto;
	margin-right:auto;
}	

form {
	padding: 0;
	margin: 0;
}
.wrapper { 
	padding:0;
	margin:0;

}
	
.header { 
	padding: 10px 0 0 10px;
	height:240px;
}

.header img {
	border-style:none;

}

.headerindex { 
	padding: 10px 0 0 10px;
	height:200px;
}	


/* TEXT CONTROLS */
h1{
	color:#000;
	font:bold 1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

h2{
	font: bold .85em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	letter-spacing:1px;
}

h3{
	color:#3B4761;
	font:bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:0;
}

h4{
	color:#626B80;
	font:bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:0;
}


h5 {
	color:#B4B488;
	font:bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:0;
}

/***********************************
*	Inline Editor related stuff
***********************************/

#editor {
	display: none;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid black;
	background-color: #3B4761;
	font-size: 12pt;
}

#editor p {
	color: #ffffff;
}


.edit {	
	display: block;
	float: right;
	padding: 0 5px;
	margin: 5px 0;
	border: 1px solid black;
	background-color: #9A9865;
	font-size: 8pt;
}

.edit a {
	display: inline !important;
}



/***********************************
*	End Inline Editor
***********************************/


.spacer {
	padding:5px;
}

img.icon {
	border:0px; 
	float:none; 
	vertical-align:middle; 
	margin: 0 2px 0 2px;
}

.floatRight {
	float:right;

}

.floatLeft {
	float:left;
}

.indent {
	text-indent:10px;
}



.floatPhotoRight {
	float:right;
	border:1px solid #000;
	margin:8px 0 8px 8px;

}

.floatPhotoLeft {
	float:left;
	border:1px solid #000;
	margin:0 8px 8px 0;

}

.credits {
	font-size:.9em;
	color:#000;
	font-style:italic;
}

.white {
	color:#FFF;
}

.yellowgreen {
	color:#9A9865;
}


.lightyellowgreen {
	color:#B4B488;
}

/* LINK CONTROLS */
a:link, a:active, a:visited {
	text-decoration:underline; 	
	color: #1B1D29;
}

a:hover {	
	text-decoration:none; 
	color:#3B4761;
}


/*  CLEAR FLOATS  */

 .clear {
 	clear: both;
 	height: 0px;
 	line-height: 0px;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
 }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*  MAIN MENU  */

div.MenuWrapper {
	float: left;
	margin: 35px 0 0 5px;
	width:147px;
	padding-top:83px;

	background-image: url('../images/menu-top.gif');
	background-repeat: no-repeat;
	background-position: top left;
	}


div.Menu {
	background-color:#4F5A71; 
	border:1px solid #AAAEBA;
	}

div.Menu {
	border-top-style:none;
}
ul#nav {

	padding: 0;
	margin: 0;
	list-style: none;
	width: 130px;  /* Width of Menu Items */

	}

ul#nav {
	padding-top:5px;
}

ul#nav li {
		
	padding: 0;
	margin: 0;
	}

ul#nav li {
	margin-bottom:10px;
	padding-left:15px;
	}
	

ul#nav li ul {
	left: 124px; /* Set 1px less than menu width */
	top:0;
	display: none;
	}

/* Styles for Menu Items */
ul#nav li a {
	letter-spacing:1px;
	display: block;
	text-decoration: none;
	color: #000;
	background: #7C8395;  /* IE6 Bug */
	padding: 4px;
	border: 1px solid #FFF;
	}

ul#nav li a:link, ul li a:active, ul li a:visited { 
	color: #000;
	font: bold .75em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li a:hover { 	
	background-color:#C7CAD3;
	text-decoration:underline;  } /* Hover Styles */
		
ul#nav li ul li a { 
	padding: 4px 5px; } /* Sub Menu Styles */
		
ul#nav li:hover ul, ul#nav li.over ul { 
	display: block; } /* The magic */

li#logout {
	display: none;
}



/* ---------------------------- */

/*  FORM CONTROL  */
#form {
	padding:15px;
	border:1px solid #FFF;
	background-color:#888854;
	text-align:left;

}

#form label {
	font-weight: bold;
	font-size: smaller;
}

#form div { 
	padding:5px;

}

#form p {
	border: 0px solid blue;
}

#form input, #form textarea { 
	margin-bottom: 10px;
	width: 98%;
	border: 1px solid #1B1D29;
}

#form .checkbox {
	width: auto;
	vertical-align: middle;
}

#form label.required {
	border-bottom: 2px solid red;
}

#form .formButtons {
	width: 30%;	
}

/*  INDEX MAIN CONTENT  */

#whiteUnit {
	margin:0;
	padding:0;

	width:400px;
	float:right;

}

#whiteContent { 
	padding:10px;
	background: url('/sanctuarymusic/images/back.png') repeat;

	font-size:.8em;
	line-height:1.1em;
	color:#1b1d29;
	}



/*  INDEX MAIN CONTENT - PHOTO */

#whiteContent .photo img {
	border:1px solid #FFF;
}

.caption {
	text-align: center;
}

.caption div {
	width: 125px;
	font-size:1.1em;
	font-weight:bold;
	color:#B4B488;
	float:left;
	text-align:center;
	border: 0px solid blue;
}

/*  INDEX MAIN CONTENT - QUOTE */

.quote {
	padding:0;
	margin:0;
}

.quote {
	margin-top:15px;
}

.quotetext { 
	width: 95%;
	padding:15px 10px 5px 10px;
	
	color:#B4B488;
	font-weight:bold;
	font-size:1.2em;
}

.quotetext a:link, .quotetext a:visited { 
	display:block;
	text-decoration:underline;
	font-weight:bold;
	color:#FFF;
}

.quotetext a:hover { 
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.quotetext a:active  { 
	text-decoration:underline;
	font-weight:bold;
	color:#FFF;
}

.quotee {
	font-size: smaller;
	margin-top:10px;
	text-align: right;
	color:#B4B488;
}


/*  FOOTER INFORMATION  */
#footer { 
	margin: 35px 0px 0px 210px;
	width:575px;
	padding:0;
	height:130px;
	font-size:.8em;
	color:#3B4761;
	background-color: #A7A76A;
}

#footer a:link, #footer a:active, #footer a:visited { 
	color:#171D3D;
	text-decoration:none;
	background-color: #A7A76A;
}

#footer a:hover{ 
	color:#3B4761;
	text-decoration:underline;
	background-color: #A7A76A;
}