/* Canoldir version 1.0 */


/************Basic formatting************************/

body
{
	background:#FFFFFF; 
	margin:0; 
	padding:0; 
	color: #444444;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:90%; 
	font-family:Arial, sans-serif 
}

h1
{
	background: #CCCCFF url('images/logo.jpg') no-repeat;
	margin: 0;
	height: 4.5em;
	color:#4A3564; 
	padding-left:35%; padding-right:0%; padding-top:1em; padding-bottom:0; 
	font-family:Goudy Old Style, serif;
	font-size:185%; 
	font-weight:bold; text-transform:uppercase 
	
}
h1 span 
{
	color:#CC0000;
	background: #CCCCFF;
	font-size:69%; 
	font-style:italic; 
	font-weight:bold;
}


h2
{
	margin-top: 0;
	background:#FFFFCC;	
	color: #000066;
	font-weight: 600;
	font-family: arial,sans-serif; 
}

h3
{
	margin-top: 0;
	background:#FFFFCC;
	color: #CC0000;
	font-size: 110%;
	font-family: Arial,sans-serif;
}
h3.c
{
	text-align: center;
}


ul li
{
	display: list-item;
	color:#000066;
	background:#FFFFCC;
	font-family: arial, sans-serif;
	font-weight: 400;
	font-size:100%;
}

p            
{
	font-family: arial, sans-serif; 
	color:#000066;
	background:#FFFFCC;
	padding-left:0; 
	padding-right:1px; 
	padding-top:0; 
	padding-bottom:0px; 
	font-size:100%;
	font-weight: 400;
	margin-top:0;
	margin-bottom:0.1em;

}

p.c
{
	text-align: center;
}

p.r
{
	text-align: right;
	width: 95%;
}

strong
{
	font-weight:800;
	color:#000066;
	background: #FFFFCC;
}

/*********Horizontal menu******************/
#nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #003399;
	color:#000066;
	font-size:90%;
	font-weight:900;
	float: left;
	width: 100%
}

#nav li
{
	display: inline; 
	font-family: Arial, sans-serif;
}

#nav ul a
{
	border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #336699; border-bottom:1px solid #336699; 
	display: block;
	float: right;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#003399;
	padding-left:1em; padding-right:1em; padding-top:.2em; padding-bottom:.2em;
	font-weight: bold;

}

#nav ul a:hover, a:active
{	
	border-style:solid; 
	border-width:1px; 
	background:#CCCCCC; 
	color: #003399;
	font-weight: 800;

}

#nav ul a.selected
{
	border:1px solid #6666FF; 
	background:#FFFFCC; 
	color: #003399;
	font-weight: 800;

}

/**************Newssplash*******************************/
#newssplash
{	background: #CC0000;
	color:#FFFFFF;
	width:100%;
	padding: 2%;
	margin-bottom: 1em

}
#newssplash h3
{	
	margin-top: 0;
	background-color:#CC0000;
	color: #FFFFFF;font-weight: 800;
	font-size: 110%;
	text-align: center;
	font-family: Arial, sans-serif
}
#newssplash p
{	
	margin-top: 0;
	background-color:#CC0000;
	color: #FFFFFF;
	font-size: 100%;
	font-family: Arial, sans-serif;
	font-weight: 800;
}


/********** Left hand menu****************/
#navl
{
	float: left;
	width: 100%;
	display: inline;
	font-size: 90%;
	font-weight: 900;
	margin-left: 0%; margin-right:0%; margin-top:0%; margin-bottom:0%; 
	padding-left:0%; padding-right:0%; padding-top:0%; padding-bottom:3%; 
}

#navl ul
{
	margin: 0;
	padding: 0 0 2em 0;
	list-style-type: none;
	
}

#navl li
{
	display: inline; 
	font-family: Arial, sans-serif;
	
	
}

#navl ul a
{
	border-style:solid; 
	border-width:1px; 
	display: block;
	text-decoration: none;
	background:#003399;
	font-weight: 900;
	width:100%;
	padding-left:.5em; padding-right:.5em; padding-top:.2em; padding-bottom:.2em; 
	margin-top:1em; color:#FFFFFF
}
#navl ul a:hover, a:active
{	
	border-style:solid; 
	border-width:1px; 
	background:#CCCCCC; 
	color: #003399;
	font-weight: 800;
}

#navl ul a.selected
{
	border-style:solid; 
	border-width:1px;
	border-color:#003399; 
	display: block;
	background:#FFFFCC; 
	color: #003399;
	font-weight: 800;
	width: 100%;
}
/*********Link formatting*********************/
a:link
{
	color:blue;
	background-color:#FFFFCC;
	border:none;
	font-weight: 400;

}

a:link:active
{
	color:blue;
	background-color:#FFFFCC;
	border:none;
	font-weight: 400;

}

a:visited
{
	color:purple;
	background-color:#FFFFCC;
	border:none;
	font-weight: 400;
	
}

a:visited:active
{
	color:purple;
	background-color:#FFFFCC;
	border:none;
	font-weight: 400;

}

/*********Containers**************************/
#banner
{
	float:left;
	width: 100%;
	height:9em;
	text-align:left;
	padding-right: 0%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	background:#CCCCFF; 
	color:#000066; 
	
}
#logo
{
	float:left;
	width: 71%;
	height:8.5em;
	text-align:left;
	padding-left: 2%;
	background:#CCCCFF;
	color:#000066; 

}


#bannerpic
{
	float:left;
	background: url('images/choir5.jpg') no-repeat;
	width: 25%;
	height:9em;
	text-align:left;
}

#breadcrumbs
{
	float: left;
	width: 39%;
	margin: 1em 3%;
	text-align:left;
	padding-right: 5%;
}

#pagehdr
{
	float: left;
	width: 39%;
	margin: 1em 3%;
	text-align:right;
	padding-right: 5%;
}

#container1
{
	background:#FFFFCC;
	color:#000066; 
	width:100%;
	float:left;
}

#leftnav
{
	float:left;
	width: 15%;
	margin: 1em 3% 1em 1%; 
}

#content1
{	
	background:#FFFFCC;
	float: left;
	width: 33%;
	margin: 1em 3%;
}

#content2
{	
	background:#FFFFCC;
	float: left;
	width: 33%;
	margin: 1em 0% 1em 3%;
}

#content3
{	
	background:#FFFFCC;
	float: left;
	width: 70%;
	margin: 1em 3%;
}

#content4
{	
	background:#FFFFCC;
	float: left;
	width: 90%;
	margin: 1em 0% 1em 3%;
}
#content5
{	
	background:#FFFFCC;
	clear:both;
	float: left;
	width: 98%;
	margin: 1em 0% 1em 3%;
}
#content6
{	
	background:#FFFFCC;
	float: left;
	width: 40%;
	margin: 1em 3%;
}

#content7
{	
	background:#CCCCFF;
	padding: 1em;
	float: left;
	width: 23%;
	margin: 1em 0% 1em 3%;
}
#content7 h3
{
	background:#CCCCFF;
}
#content7 p
{
	background:#CCCCFF;
}
.content8
{	background:#FFFFCC;
	float: left;
	width: 20%;
	margin: 1em 3%;
}
.content9
{	background:#FFFFCC;
	float: left;
	width: 19%;
	margin: 1em 1%;
}
.content10
{	
	background:#CCCCFF;
	padding: 1em;
	float: left;
	width: 100%;
	margin: 1em 0% 1em 0%;
}
.content10 p
{
	background:#CCCCFF;
	color:#000000;
}
#ctblogo
{	
	float: left;
	width: 33%;
	margin: 0% 0% 3% 3%;
}

#footer
{
	clear: both;
	background: #003399;
	color: #FFFFFF;
	height: 20px;
	width:100%;
	text-align: center;
	font-size: 80%; 
	font-weight:800;
	margin: 0;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

div.event
{	
	border:1px double #008000; 
	float: left;
	width: 97%;
	padding-left:2em; padding-right:2em; padding-top:2em; padding-bottom:2em
}

/*********Floated image************************************/
div.imagecaption
{
	float:right;
	width:120px;
	margin: 0 1em 1em 1em;
	display:inline;
}
div.imagecaption2
{
	float:left;
	width:120px;
	margin: 0 1em 1em 1em;
	display:inline;
}
div.imagecaption3
{
	float:right;
	width:190px;
	margin: 0 1em 1em 1em;
	display:inline;
	font-style:italic;
	font-size:80%;
}
div.imagecaption4
{
	float:left;
	width:110px;
	margin: 0 1em 1em 1em;
	display:inline;
	font-style:italic;
	font-size:80%;

}


/**********Form styling***********************************/
form.myform fieldset
{
	border:2px solid navy;
	padding:10px;
	width:85%;
	float:left;
	margin-left:5%;
}

form.myform legend
{
	font-weight:bold;
	font-size:small;
	color:navy;
	background:#FFFFCC;
	padding:5px;
}

form.myform label.fixedwidth
{
	display:block;
	width:240px;
	float:left;
}

form.myform label.fixedwidth2
{
	display:block;
	width:100px;
	float:left;
}