@charset "utf-8";
*{
  margin: 0;
} 
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/agrad_bg.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.maplink a, .maplink a:hover{
font-size:16px; text-decoration:none; color:#8B0000;font-weight:bold;
}
.oneColLiqCtrHdr #container {
	width: 100%;  /* this will create a container 80% of the browser width */
	background: #CCC;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD; 
	padding: 0  20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header_content{
background:url(images/header_bg.jpg) repeat-x;
margin:auto;
width:850px;
height:150px;
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url(images/agrad_bg.jpg);
	margin-bottom:0px;
	height: 555px
}

/*Content area for Homepage*/
.oneColLiqCtrHdr #content {
margin:auto;
width:850px;
background-color:#FFFFFF;
height:630px;
}

/*content are for pages*/
.oneColLiqCtrHdr #content_template {
margin:auto;
width:850px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0px;
}

#content_template h2{
font-size:18px;
padding-left:10px;
padding-right:10px;
}

#content_template p{
font-size:12px;
padding-left:10px;
padding-right:10px;
margin-top:5px;
margin-bottom:3px;
}
.oneColLiqCtrHdr #upper_content, .oneColLiqCtrHdr #lower_content{
width:95%;
height:285px;
margin:auto;
margin-top:5px;
margin-bottom:5px;

}

.oneColLiqCtrHdr #upper_content_left{
width:305px;
float:left;
height:275px;
margin-top:0px;
background:url(images/events.jpg) no-repeat;
}

.oneColLiqCtrHdr #upper_content_left h3{
font-size:16px;
color:#FFFFFF;
margin-top:40px;
text-align:left;
padding-left:15px;
margin-bottom:0px;
font-family:"Courier New", Courier, monospace;
}
#upper_content_left .sunday{
width:160px;
float:left;
color:#FFFFFF;
font-weight:bold;
}

#upper_content_left .wednesday{
margin-left:170px;
width:110px;
color:#FFFFFF;
font-weight:bold;
}

.oneColLiqCtrHdr #upper_content_left h4{
font-size:16px;
color:#333333;
margin-bottom:0px;
text-align:left;
padding-top:5px;
padding-left:15px;
font-family:"Courier New", Courier, monospace;
}
.oneColLiqCtrHdr #upper_content_left p{
padding-left:15px;
margin-top:0px;
font-family:"Courier New", Courier, monospace;
font-size:12px;
}
.oneColLiqCtrHdr #upper_content_right{
width:470px;
margin-left:330px;
height:275px;
margin-top:5px;
background-color:#FFF;
}

#upper_content_right_clamor{
width:470px;
margin-left:330px;
height:275px;
margin-top:20px;
}

#Videos_Staff_Clamor
{	
	clear:both;
	height:150px;
	margin-top:10px;
	padding-top:10px;
}

.oneColLiqCtrHdr #lower_content_left{
width:390px;
float:left;
margin-bottom:0px;
}

.oneColLiqCtrHdr #lower_content_left p, .oneColLiqCtrHdr #lower_content_right p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
.oneColLiqCtrHdr #lower_content_right{
width:390px;
margin-left:405px;
margin-top:5px;
background-color:#FFFFFF;
margin-bottom:0px;
}
.oneColLiqCtrHdr #navigation_menu{
height:35px;
width:100%;
background-color:#FFF;
margin-top:0px;
}


.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	height:65px;
	clear:both;
	margin-top:0px;
} 

.oneColLiqCtrHdr #footer_content { 
margin:auto;
width:850px;
height:60px;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
#upper_content_left_general{
width:305px;
float:left;
height:275px;
margin-top:0px;
}
#upper_content_left_general h3{
font-size:16px;
color:#FFFFFF;
margin-top:40px;
text-align:left;
padding-left:15px;
margin-bottom:0px;
font-family:"Courier New", Courier, monospace;
}
#upper_content_left_general h4{
font-size:16px;
color:#333333;
margin-bottom:0px;
text-align:left;
padding-top:5px;
padding-left:15px;
font-family:"Courier New", Courier, monospace;
}
#upper_content_left_general p{
padding-left:5px;
margin-top:0px;
font-size:12px;
}
#upper_content_left_clamor
{
width:320px;
float:left;
height:275px;
margin-top:0px;
}
#upper_content_left_clamor h3{
font-size:16px;
color:#FFFFFF;
margin-top:40px;
text-align:left;
padding-left:15px;
margin-bottom:0px;
font-family:"Courier New", Courier, monospace;
}
#upper_content_left_clamor h4{
font-size:16px;
color:#333333;
margin-bottom:0px;
text-align:left;
padding-top:5px;
padding-left:15px;
font-family:"Courier New", Courier, monospace;
}
#upper_content_left_clamor p{
padding-left:5px;
margin-top:0px;
font-size:12px;
}
#videocontainer{
	width:480px;
	min-height:350px;
	margin-left:10px;
	text-align:center;
	float:left;
	background:#333;
}
#videooptions{
	display:block;
	text-align:right;
}
.links_videooptions{
	margin-top:0px;
	vertical-align:middle;
	height:15px;
}
.link_video
{
	font-family:Tahoma, Verdana; 
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding-left:8px;
text-decoration:none;	
}
.divGridEventList
{
	text-align: left;
	float: left;
	font-family: Tahoma, Verdana;
	font-size: 11px;
}
.tblSongList
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	font-weight:bold;
	background-color: gray;	
}
#msgPsAdrian
{
	width: 100%;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	float:left;
}