/*
-----------------------------------------------
Style Sheet

Site: McHenry County Convention & Visitors Bureau
Author:   Andy Heintzelman    www.onezerocharlie.com
Version:  2006.3
----------------------------------------------- */


/*
GENERAL CONTROLS
- document setup ------------------------------------------ */

html, body {
margin: 0;
padding: 0;
}
		
body {
text-align: left;
background-color: #ffffff;
}
		
body a:link, body a:active, body a:visited {
color: #663300;
text-decoration: none;
}
	
body a:hover {
text-decoration: none;
color: #378B0B;
}
		
.footer {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
line-height: 10px;
font-weight: normal;
vertical-align: middle left;
text-decoration: none;
color: #666;
padding-left: 30px;
}


/*
TEXT CONTROL
- general text controls ------------------------------------------ */

.intro {
font-family: georgia, Times, serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #333;
padding: 12px 30px 0 0;
}
		
h1 {
font-family: arial, verdana, helvetica, san-serif;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #663300;
margin: 0 0;
padding: 0 0;
}

h2 {
font-family: arial, verdana, helvetica, san-serif;
font-size: 16px;
line-height: 15px;
font-weight: normal;
color: #333;
margin: 0 0;
padding: 0 0;
}

.pathtxt {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
color: #663300;
vertical-align: top left;
text-decoration: none;
}

.pathtxt a:link, .pathtxt a:active, .pathtxt a:visited {
color: #378B0B;
text-decoration: none;
}
	
.pathtxt a:hover {
text-decoration: none;
color: #663300;
}

.maintext {
font-family: arial, verdana, helvetica, san-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #333;
padding: 0px 30px 0 0;
}

.maintext a:link, .maintext a:visited {
color: #378B0B;
text-decoration: none;
}
		
.maintext a:active, .maintext a:hover {
color: #663300;
text-decoration: none;
}

/* used for detailed listings */
.maintext h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 150%;
color: #333;
font-weight: normal;
vertical-align: text-top;
width: 420px;
border-bottom: 1px dotted #333;
}

.maintext h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 150%;
color: #333;
font-weight: normal;
vertical-align: text-top;
padding: 0 0 15px 0; /*was 5px */
margin: 0 0;
}

.maintext h3 {
font-family: arial, verdana, helvetica, san-serif;
font-size: 11px;
line-height: 13px;
font-weight: bold;
color: #663300;
font-weight: normal;
vertical-align: text-top;
padding: 10px 0 0 0;
margin: 0 0;
}

.maintext h5 {
font-family: arial, verdana, helvetica, san-serif;
font-size: 11px;
line-height: 13px;
font-weight: bold;
color: #663300;
margin: 0 0;
padding: 0 0;
}

.note {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
line-height: 10px;
font-weight: normal;
vertical-align: middle left;
text-decoration: none;
color: #666;
padding: 0px 30px 0 0;
}


/*
IMAGE CONTROLS
- images in body padding ------------------------------------------ */

img.body {
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
/* images in intro text ------------------------------------------
.intro img {
margin: 5px 5px 5px 0;
padding: 0 5px 0 0;
float: left;
} */

/* images floats ------------------------------------------ */
/*
img.rightimg {
float: right;
margin: 5px 0 5px 5px;
padding: 5px;
border: 2px solid #ccc;
background-color: #fff;
}
*/
 
img.rightimg {
float: right;
margin: 5px 0 5px 5px;
}
 
img.leftimg {
float: left;
margin: 5px 5px 5px 0;
}

/* horizontal rule ------------------------------------------ */
hr {
border: none 0; 
border-bottom: 1px dashed #E5DCBD;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin: 10px 0 10px 0;
}

/*
MISC. LINKS
- for downloads & decoration ------------------------------------------ */
#pdfdown {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding-left:20px;
background: url(../images/pdf_icn.gif) no-repeat 0px 1px;
list-style-type: none;
}

#return {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding-left:20px;
background: url(../images/return_icn.gif) no-repeat 0px 50%;
list-style-type: none;
}

#alert {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-decoration: none;
padding-left:20px;
background: url(../images/alert_icn.gif) no-repeat 0px 50%;
list-style-type: none;
}

#date {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding: 5px 5px 5px 20px;
background: url(../images/date_icn.gif) no-repeat 0px 50%;
list-style-type: none;
}


/*
NAVIGATION CONTROLS
- main navigation ------------------------------------------ */

.nav {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #051D38;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
max-width: 200px;
}
	
.nav li {
list-style-type: none;
padding-left:20px;
background: url(../images/leaf.gif) no-repeat 0px 50%;
}
		
.nav a:link, .nav a:visited {
color: #663300;
text-decoration: none;
}
		
.nav a:active, .nav a:hover {
color: #378B0B;
text-decoration: none;
}
		
.navselect {
font-weight: normal;
color: #378B0B;
text-decoration: none;
}

/*
HOME NAV LINK
- home button nav link ------------------------------------------ */

.home {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #051D38;
margin: 10px 0 0 10px;
padding-left:20px;
list-style-type: none;
background: url(../images/home_ico.gif) no-repeat 0px 0px;
}

.homeselect {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #378B0B;
margin: 10px 0 0 10px;
padding-left:20px;
list-style-type: none;
background: url(../images/home_ico.gif) no-repeat 0px 0px;
}

/*
MUNICIPALITIES NAV LINK
- municipalities button nav link ------------------------------------------ */

.municipal {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #051D38;
margin: 10px 0 0 10px;
padding-left:20px;
list-style-type: none;
background: url(../images/manicipal_ico.gif) no-repeat 0px 0px;
}

.municipalselect {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #378B0B;
margin: 10px 0 0 10px;
padding-left:20px;
list-style-type: none;
background: url(../images/manicipal_ico.gif) no-repeat 0px 0px;
}


/*
LOGIN NAV LINK
- login button nav link ------------------------------------------ */

.login {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #051D38;
margin: 10px 0 0 10px;
padding-left:20px;
list-style-type: none;
background: url(../images/key_ico.gif) no-repeat 0px 0px;
}

.loginselect {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #378B0B;
margin: 10px 0 0 10px;
padding-left:20px;
list-style-type: none;
background: url(../images/key_ico.gif) no-repeat 0px 0px;
}

/*
BODY LISTS
- membership ------------------------------------------ */

#custom {
margin: 0;
padding: 0;
width: 85%;
}
		
#custom ul {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333;
font-weight: normal;
text-decoration: none;
list-style: none;
text-indent: 0;
padding: 0 0 10px 0px;
}

#custom li {
padding: 0 0 10px 20px;
background: url(../images/check_ico.gif) no-repeat 0px 4px;
list-style-type: none;
}

/*
BODY LISTS
- groups ------------------------------------------ */

#custom2 {
margin: 0;
padding: 0;
width: 85%;
}
		
#custom2 ul {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333;
font-weight: normal;
text-decoration: none;
list-style: none;
text-indent: 0;
padding: 0 0 10px 0px;
}

#custom2 li {
padding: 0 0 5px 20px;
background: url(../images/check_ico.gif) no-repeat 0px 4px;
list-style-type: none;
}

/*
LISTINGS LISTS
- shopping
- resturants
- accomodations
- attractions
- events ------------------------------------------ */

#listings {
font-size: 11px;
line-height: 22px;
padding: 0;
margin: 0;
width: 420px;
color: #897F5D;
font-weight: normal;
vertical-align: text-top;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

#listings li {
list-style: none;
margin: 0;
border-bottom: 1px dashed #E5DCBD;
}

#listings li a:link,
#listings li a:visited {
color: #663300;
text-decoration: none;
display: block;
}

#listings li a:active,
#listings li a:hover {
color: #378B0B;
text-decoration: none;
background-color: #FFFFE0; /* soft blue #e2eff3 */
}

#listings h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 150%;
color: #333;
font-weight: normal;
vertical-align: text-top;
border-bottom: 1px dotted #333;
}

/*
GENERIC TABLES
- municipalities ------------------------------------------ */

#generic table {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #666;
border-top: 1px dashed #E5DCBD;
border-left: 1px dashed #E5DCBD;
border-collapse: collapse;
}
	
#generic th, #generic td {
padding: 5px 50px 5px 10px;
border-right: 1px dashed #E5DCBD;
border-bottom: 1px dashed #E5DCBD;
}	
	
#generic th {
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: left;
}
	
#generic #teritory  {
background: #e2eff3;
padding-right: 350px
}

/*
SITE MAP
------------------------------------------ */
#sitelist {
font-size: 11px;
line-height: 18px;
padding-left: 0;
width: 170px;
color: #897F5D;
font-weight: normal;
vertical-align: text-top;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

#sitelist li {
background-image: url("../images/webpage_icn.gif");
background-repeat: no-repeat;
background-position: 0.2em 2px;
list-style: none;
margin: 0;
padding-left: 1.7em;
}

#sitelist li a {
text-decoration: none;
}

#sitelist b {
font-size: 11px;
line-height: 14px;
color: #666; /* was 897F5D */
font-weight: normal;
vertical-align: text-top;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}


/*
WHERE WE ARE MAP CONTROLS
- map at bottom of page ------------------------------------------ */	
		
.maptxt {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
color: #666;
vertical-align: top left;
text-decoration: none;
padding: 0 30px 0 0; /* added if problems arise */
}
		
.mapcap {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 21px;
font-weight: normal;
text-decoration: none;
color: #666;
}



/*******************************************************************
HOME PAGE LISTS
******************************************************************/

#genlist {
font-size: 11px;
line-height: 14px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
margin-left: 0px;
padding-left: 0;
list-style: none;
}

#genlist a:link, #genlist a:active, #genlist a:visited {
color: #89c3d6;
text-decoration: none;
}

#genlist a:hover {
text-decoration: none;
color: #fff;
text-decoration: underline;
}

#genlist b {
color: #378B0B;
font-weight: bold;
font-size: 12px;
}

/* highlight panels button control */
.more_btn  {
background: url(../images/clickhere_btn.gif) no-repeat;
cursor: pointer;
width: 69px;
height: 19px;
outline: none;
margin: 0;
}
	
.more_btn:hover {
background: url(../images/clickhere_btn.gif) no-repeat 0 -19px;
cursor: pointer;
outline: none;
}