/* 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;
 background:url(../images/header_pic.jpg) left no-repeat;
 height:172px; 
}
 
#top_rightcol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:224px;
 height:172px;  
 clear:right;
 background:url(../images/top_right.jpg) left no-repeat;
}
 
#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:503px;
 padding:0 0 0 42px;
 }
 
 #mini_cal{ 
 float: right;
 position:relative; top:0px; right:1px; 
 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;
}

 #right_form {
 width:176px;
 height:375px;
 }
 
#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;
float:left;
width:503px;
}

#content ul li{
float:left;
}

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

li#this_week a {
background: url(../images/nav1_pg2.gif) no-repeat left top;
width:97px;
}

li#this_week a:hover {
background: url(../images/nav1_pg2.gif) no-repeat right top;
width:97px;
}

li#this_month a {
background: url(../images/nav2_pg2.gif) no-repeat left top;
width:105px;
}

li#this_month a:hover {
background: url(../images/nav2_pg2.gif) no-repeat right top;
width:105px;
}

li#add_event a {
background: url(../images/nav3_pg2.gif) no-repeat left top;
width:133px;
}

li#add_event a:hover {
background: url(../images/nav3_pg2.gif) no-repeat right top;
width:133px;
}

li#about a {
background: url(../images/nav4_pg2.gif) no-repeat left top;
width:168px;
}

li#about a:hover {
background: url(../images/nav4_pg2.gif) no-repeat right top;
width:168px;
}

#cal_content {
width:473px;
margin:15px;
}

#footer {
width:769px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 height:36px;
 background:url(../images/foot.jpg) left no-repeat;
 clear:both;
 }