@charset "UTF-8";
/* CSS Document */
/**************************/
/*******GENERAL************/
/**************************/

*{padding: 0; margin: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
font-weight:normal;
}

html{
height:100%;
}

body{
background-color: #5a5341;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
padding:0;
margin:0;
height:100%;
}

body#choir{
background: #000 url(../images/choir-advert-bg.jpg) top center no-repeat;
}


/**************************/
/*******LAYOUT*************/
/**************************/
#wrapper{
background: #f2fafd url(../images/wrapper_bg.jpg) repeat-x;
width:960px;
margin:0 auto;
min-height:100%;
}

#wrapper_choir{
background: url(../images/choir-advert.jpg) no-repeat;
width:820px;
margin:0 auto;
height:844px;
}

#header{
height:310px;
width:100%;
background:url(../images/header_bg.jpg) top left no-repeat;
}

#content{
float:left;
width:100%;
}

#footer{
width:100%;
float:left;
clear:both;
border-top:1px solid #CCCCCC;
padding-top:20px;
}

/************************/
/*******TEXT*************/
/************************/

h1{
color:#5ca6c1;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 2.4em; /* 24px */ 
line-height: 1.75em; /* 42px */ 
/*margin:0px 40px 0.875em 40px;*/
margin: 0.437em 40px;
font-weight:bold;
}

p{
font-size: 1.4em; /* 14px */ 
line-height: 1.5em; /* 21px */ 
color:#5a5341; 
margin:0px 40px 1.5em 40px;
}

.strong{
font-weight:bold;
}

.smaller{
font-size:x-small;
}

.bigger{
font-size:x-large;
line-height: 1.5em; /* 21px */ 
}

ol, ul.tealist{
font-size: 1.4em; /* 14px */ 
line-height: 1.5em; /* 21px */
color:#CCCCCC;
font-weight:normal;
margin: 10px 40px;
}

.tealist li{
list-style:inside;
color:#5a5341;
}



/************************/
/*******LINKS************/
/************************/

a:link, a:visited{
color:#6abfde;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a img{
border:none;
}

ul.nav{
margin-top:20px;
margin-right:40px;
float:right;
clear:right;
list-style-type:none;
padding-left: 0;
width:200px;
}

ul.nav a{
display:block;
height:1.2857em;
font-size: 1.8em; 
line-height: 1.2857em;
margin-bottom: 5px; 
padding-left:15px;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#5a5341;
}

ul.nav a:hover{color:#6abfde;}
ul.nav.li{display:inline;}

*html ul.nav a{height:1px;}



/************************/
/*******MISC*************/
/************************/

/*apply to any element that is not floated
so that it wraps around elements that are floated
within it.*/
.clear:after{
content: ".";
display: block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
.clear{min-height:1px;}
* html .clear{height:1px;}

.lft{
float:left;
}

.rgt{
float:right;
}

.ml40{
margin-left:40px;
}

.mr40{
margin-right:40px;
}

.mt20{
margin-top:20px;
}

.mt40{
margin-top:40px;
}

.mb20{
margin-bottom:20px;
}

.clr{
clear:both;
}

.block{
display:block;
}

p img{
border:1px solid #5a5341;
padding:4px;
margin:0px 10px 10px 0px;
float:left;
text-align:center;
}

/*table{
margin:40px;
font-family:arial;
font-size: 8pt;
text-align: left;
}

tbody,td{
color: #3D3D3D;
padding: 4px;
vertical-align: top;
border: 1px solid #FFF;
}

th, thead, tr { 
cursor: pointer; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4b4c4c;
background-color:#e6eeee;
margin-left: -1px; 
text-align:left;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}

tr.odd{
background-color:#F0F0F6;
}*/

form{
margin:40px;
}

label{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#333333;
margin-right:10px;
}

form.jqTransform label{
color:#000;
margin-bottom:3px;
}


.highlight{
font-weight:bold;
}