/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #666666 url(images/bg.jpg) no-repeat fixed center;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dabe00;
	margin: 0px 0px 0px 0px;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #dcc000;
}

a:hover {
	text-decoration: underline;
	color: #f5d501;
}

/************* HEADER STUFF ************/

#header {
	width: 920px;
	height: 142px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	/*background: #FFFBFD url(images/header.jpg);*/
}

#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #3399FF;
	font-size: 3em;
	text-transform: uppercase;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}

/************* MENU ************/

#menu {
	width: 920px;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #999999;
	background-image:url('images/navbg.gif');
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
	padding: 0px 2px 0px 2px;
}

#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font:normal 22px Trebuchet MS;
	font-weight: bold;
	color: #E6B800;
}

#menu a:hover {
	color: #ffcc00;
}


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

/************* CONTENT ************/

#content {
	width: 920px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 150%;
	padding-right:8px; 
	margin-right: 10px; 
}

#leftfront {
	float: left;
	width: 918px;
	padding: 0px 0px 40px 4px;


}

#leftin {
	float: left;
	width: 918px;
	padding: 0px 0px 40px 4px;


}

#left {
	float: left;
	width: 900px;
	padding: 0px 0px 40px 10px;
	background-color: #000;
}

#right {
	float: right;
	width: 210px;
	padding: 0px 20px 40px 20px;
	color: #99CCFF;
}


.events p, .events ul, .events ol {
	line-height: 150%;
	font-size: 14px;
	padding-right:8px; 
	margin-right: 10px; 
}


.thumbnail
{
float: left;
width: 80px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 0px;
}

.thumbnail img{
border: 0px solid #999;
}

.clearboth { clear: both; }


.heading {
		font-size:14px;
		color: #fff;
		font-weight: bold;
		font-face: verdana;
		}

.welcomeFront 	{
						background-image: url('images/willcall_layout-01_10.jpg'); 
						background-repeat: no-repeat; 
						width: 215px; 
						height: auto; 
						margin-left: 4px; 
						padding-right: 4px; 
						padding-top:30px; 
						padding-left: 10px;
						font-size:11px;
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						}
						
						
.multiMFront 	{
						background-image: url('images/willcall_layout-01_12.jpg'); 
						background-repeat: no-repeat; 
						width: 330px; 
						height: auto; 
						margin-left: 4px; 
						padding-top:30px; 
						padding-left: 10px;
						font-size:11px;
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						}
						
						
.calendarFront 	{
						background-image: url('images/willcall_layout-01_14.jpg'); 
						background-repeat: no-repeat; 
						width: 330px; 
						height: auto; 
						margin-left: 4px; 
						padding-top:30px; 
						padding-left: 10px;
						padding-right:30px; 
						font-size:14px;
						color: #fff;
						font-face: verdana;
						list-style-type:none;
						font-weight: bold;
						text-decoration:none;
						}

.cont 	{
						background-image: url('images/willcall_layout-body_03.jpg'); 
						background-repeat: no-repeat; 
						width: 900px; 
						margin-left: 4px; 
						padding-top:0px; 
						padding-left: 10px;
						font-size:11px;
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						}
						
.featured 	{
						background-image: url('images/willcall_featured_10.jpg'); 
						background-repeat: no-repeat; 
						width: 195px; 
						height: 403px; 
						margin-left: 4px; 
						padding-right: 20px; 
						padding-top:30px; 
						padding-left: 10px;
						font-size:11px;
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						}

.featured2 	{
						background-image: url('images/willcall_layout-01_13.jpg'); 
						background-repeat: no-repeat; 
						width: 540px; 
						height: 403px; 
						margin-left: 4px; 
						padding-right: 20px; 
						padding-top:00px; 
						padding-left: 10px;
						font-size:11px;
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						}

.promo 	{
						padding-top:38px; 
						padding-left: 6px;
						padding-right: 10px;
						font-size:10px;
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						}
						
.promo a	{
						color: #fff;
						font-face: verdana;
						text-decoration:none;
						font-weight: normal;
						}

#eventImage {
                        display:block;
                        float: right;
                        padding: 0px 40px 20px 20px;
                        }



/************* FOOTER ************/

#footer {
	clear: both;
	width: 920px;
	height:42px;
	margin: 0px auto;
	border-top: 1px solid #000;
	background: url(images/willcall_layout-01_23.jpg) no-repeat center top;
	font-size: 9px;
	text-align: center;
	letter-spacing: 2px;
	padding: 5px;
	color: #666;
}

.bot 	a{

						font-size:9px;
						color: #666;
						font-face: verdana;
						text-decoration:none;
						font-weight: normal;
						}