/* CSS Document */
html, body{ 
 margin:10px 0px; 
 padding:0; 
 text-align:center;
 background-color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
} 
 
#pagewidth{ 
 width:769px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background:url(../images/wrapper_bg.jpg) left repeat-y;
} 
 
#top_leftcol{
 width:545px; 
 float:left; 
 position:relative;
 height:172px; 
}
 
#top_rightcol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:224px;
 height:172px;  
 clear:right;
 background:url(../images/top_right.jpg) top left no-repeat;
}

#leftcol{
 width:308px; 
 float:left; 
 position:relative;
 height:459px; 
}
 
#rightcol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:461px;
 height:459px; 
 background:url(../images/foot.jpg) bottom left no-repeat;
}
 
#content{ 
 float: left; 
 /*display:inline;*/ 
 position: relative; 
 width:237px;
 clear:right;
 }
 
 #highlights{ 
 float: left; 
 /*display:inline;*/ 
 position: relative; 
 width:194px;
 margin:0 10px 10px 33px !important;
 margin:0 25px 10px 18px;
 }
 
 #right_form {
 width:176px;
 height:375px;
 }
 
 #mini_cal{ 
 float: right;
 position:absolute; top:0px; right:1px !important; right:0px; 
 padding:40px 45px 0 10px !important;
 padding:40px 0;
 width:167px !important;
 width:213px;
 height:459px; 
 background:url(../images/sponsors.jpg) top right no-repeat;
 text-align:left;
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
}

#mini_cal ul {
margin:0;
padding:0;
list-style:none;
}

#mini_cal .town a {
position:absolute;
width:35px;
height:65px;
text-indent:-1000em;
top:65px;
right:0px;
}

#mini_cal .tourism a {
position:absolute;
width:35px;
height:40px;
text-indent:-1000em;
top:150px;
right:0px;
}

#mini_cal .ideamarket a {
position:absolute;
width:35px;
height:55px;
text-indent:-1000em;
top:204px;
right:0px;
}

#mini_cal .county a {
position:absolute;
width:35px;
height:30px;
text-indent:-1000em;
top:275px;
right:0px;
}

#mini_cal .chamber a {
position:absolute;
width:35px;
height:25px;
text-indent:-1000em;
top:320px;
right:0px;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#content ul {
margin:0;
padding:0;
list-style:none;
}

#content ul a {
display:block;
width:237px;
height:33px;
line-height:33px;
padding:0 0 12px 0;
text-indent:-1000em;
}

li#this_week a {
background: url(../images/nav1.jpg) no-repeat left top;
}

li#this_week a:hover {
background: url(../images/nav1.jpg) no-repeat right top;
}

li#this_month a {
background: url(../images/nav2.jpg) no-repeat left top;
}

li#this_month a:hover {
background: url(../images/nav2.jpg) no-repeat right top;
}

li#add_event a {
background: url(../images/nav3.jpg) no-repeat left top;
}

li#add_event a:hover {
background: url(../images/nav3.jpg) no-repeat right top;
}

li#about a {
background: url(../images/nav4.jpg) no-repeat left top;
}

li#about a:hover {
background: url(../images/nav4.jpg) no-repeat right top;
}

.main_pic {
 margin:0;
 width:308px;
 height:459px;
 position:absolute; left: 0px;
}

#billboard ul {
margin:0;
padding:0;
list-style:none;
}

#billboard ul a {
display:block;
padding:0 0 12px 0;
text-indent:0em;
}