* {
	margin: 0;
	padding: 0:
}

html  {
 		/*background-color: #003300;*/
 			background-color: #fffacf;
 		height: 100%;
 }

body {
	font-family: Times New Roman, Helvetica, sans-serif;
	character-spacing: 2px;
	font-size: 14px;
/*	background-color: #003300;*/
	background-color: #fffacf;
	
}

h1, h2, h3 { font-family: Times New Roman, Georgia; font-size: 16px; font-weight: bold; padding: 10px 0 5px 0; color: #3a6f3e; text-align: center;}

h1 { color: #3a6f3e; text-transform: uppercase; padding: 10px 0 0 0; margin-bottom: -5px;}

h2 { color: #3a6f3e; text-transform: uppercase; font-weight: normal;}

h3 { font-size: 14px; text-align: left;}

p { font-size: 14px; font-weight: normal; line-height: 1.5em; margin: 0 0 8px 0;}

img {
	border: 2px solid green;
	margin: 3px 0px 10px 0px;
	}
	
table {
	font-size: 14px;
	line-height: 1.5em;
	}
	
.padright {
	margin-right: 10px;
	}
	
ul , li {
	margin: 0;
	padding: 0;
	}

#container {
	width: 975px;
	margin: 5px auto;
	height: auto;
/*	background-color:#f1efdd;*/
	background-color: #fffacf;
	padding-bottom: 2px;
	background: #FF

/*	border: 4px solid #004f00;*/
	}
	
#logo {
	background-color:#fffacf;
	margin: 0 0 0px 0;
	height: 80px;
/*	background-image:url(img/stbtoplogo.jpg);
	backrgound-repeat: no-repeat;*/
	}
	
#logo img {
	border: 2px solid green;
	}
	
#footer {
clear: both;
/*border-top: 4px solid #f0f0f0;*/
text-align: center;
color: #3a6f3e;
font-size: 14px;
margin: 10px 5px 5px 5px;
padding: 20px 0 20px 0;
}

#footer a {
color: #3a6f3e;
font-size: 14px;
text-decoration: none;
}


.lefttable {
	border-right: 15px solid white; border-left: 10px solid white;
	}
	
.lefttable p {
	margin-top: 5px;
	}
	
.righttable {
	border-right: 10px solid white;
	}
.righttable p {
	margin-top: 5px;
	}

table.grid { width:100%; }
table.grid, table.grid th, table.grid td { border-collapse:collapse;border:1px solid #ccc; }
table.grid th, table.grid td { padding:3px; }
table.grid th { color:#fff;background:#666;font-weight:normal; }
table.grid td { }


	
#main {
	margin: 0 0 10px 170px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
/*	padding: 0 5px 0 7px;*/
	text-align: left;
	background-color: white;
	width: 578px;
}

#main li {
	list-style-type: disc;
	color: black;
	margin: 0 0 0 25px;
	padding: 0 0 5px 0;
	font-family: arial;
	font-size: 11px;
	}
	
#centrebox {
margin: 0 5px 10px 0px;
width:960px;
padding: 20px 0 20px 0 ;
background-color: #FFFACF;
	border-left: 2px solid green;
	border-bottom: 2px solid green;
	border-right: 2px solid green;
	background: #FFFACF url(portal-bg.jpg) repeat-y;
margin-top: -10px;

}

#centrebox2 {
margin: 0 5px 10px 0px;
width:960px;
background: yellow url('http://www.cavhorv.com/choir/wp-content/themes/stb choir/img/portal-bg.jpg') repeat-y;
padding: 0;
line-height: 1.2em;
text-align: left;
	border-left: 2px solid green;
	border-bottom: 2px solid green;
	border-right: 2px solid green;
	
	height: 500px;

}


#centrebox li {
	list-style-type: disc;
	color: black;
	margin: 0 0 0 25px;
	padding: 0 0 5px 0;
	font-size: 14px;

	}

.centreimage {
	text-align: center;
	}

.stbcolumn1 {
	width: 33%;
/*	border-right: 1px solid silver;*/
	padding: 0 5px 0 0;
	}

stbcolumn2 {
	width: 33%;
	}

.stbcolumn3 {
	width: 33%;
	}
	
.narrowcolumn {
	width: 960px;
/*	margin-left: 10px;*/
	}
	
#menubox {
height: 30px;
	width: 960px;
	font-size: 14px;
	border-left: 2px solid green;
	border-right: 2px solid green;
	background: #FFF;

	}

#menu {list-style-type:none; margin:0 0 30px 130px; padding:0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px; border: 1px solid green; color: #3a6f3e;}
#menu li span {display:block; z-index:100; padding: 5px 10px;font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(http://www.cavhorv.com/choir/wp-content/themes/stb%20choir/img/opaque.png);}
* html #menu dl {background:transparent url(http://www.cavhorv.com/choir/wp-content/themes/stb%20choir/img/opaque.gif);}
#menu dt {margin:0; font-size: 1.1em; float:left;}
#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color: #3a6f3e; padding: 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {color: #3a6f3e; text-decoration:none; display:block; padding: 5px 10px; }

#menu li a:hover {border:0; text-decoration:underline; }

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px; border-bottom: 2px solid green; border-left: 2px solid green; border-right: 2px solid green;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#c00;}




.leftbox {
	border: 2px solid #008000;
	width: 280px;
	text-align: center;
	padding: 10px;
	margin-bottom: 12px;
	margin-top: 4px;
	}
	
	
.goldbox {
}

.goldbox a {
	color: red;
	text-decoration: none;
	}
	
.goldbox a:hover {
	text-decoration: underline;
	}

.td1 {
	/*padding-left: 10px;*/
}

.td2 {
	padding-left: 10px;
}

.td3 {
	padding-left: 10px;
	/*padding-right: 10px;*/
}

.announcementtable {
 font-weight: bold;
 font-size: 14px;
 margin-bottom: 6px;
 color: red;
 background-color: #fffacf;
 border: 2px solid green;
}

.maingoldbox {
margin-top: 10px;
font-weight: bold;
font-size: 14px;
margin-bottom: 6px;
color: red;
background-color: #fffacf;
border: 2px solid green;
}

.widecolumn {
 /*margin-left: 10px;
  margin-right: 10px;*/
 }
 
 .narrowcolumn4 {
margin-left: 10px;
   margin-right: 10px;
/*   border: 1px solid orange;*/
   }
   
 #content {
  float: right;
  padding-right: 20px;
  }
  
   #content img {
  padding: 0;
  margin: 0;
  border: 0;
  }
  
#contentleft {
  float: left;
  width: 320px;
 padding: 0;
 margin: 0;

  }
  
#contentleft img {
 padding: 0;
 margin: 0;
  border: 0;
  padding-left: 40px;
  }