body { background-color: #f6f7f1; background-image:url(/images/bg.jpg);background-repeat:repeat-x;  font-family:arial; font-size:12px; margin:30px 0px 10px 0px; padding:0px; }

img { border:0px; }

td { vertical-align:top;}

#container { width:1000px; margin:0px auto; background-image:url(/images/bg_container.jpg); background-repeat:repeat-x; background-color:#dcded9;}
#container2 { margin:0px auto; width:984px; background-color:#FFFFFF;}

#header { width:100%; float:left; clear:both; margin-top:8px; }

#logo { width:514px; float:left; }

#headerright { width:470px; float:left; }

#utility { width:100%; float:left; background-image:url(/images/bg_utility.jpg); background-repeat:no-repeat; }
#utility div { margin-left:435px; } 
 
#tagline { width:100%; float:left; }

#body { width:100%; background-color:#fff; float:left; clear:both; overflow:hidden; }

#leftcol { float:left; width:206px; background-image:url(/images/bg_leftcol.jpg); background-repeat:repeat; margin-top:8px; margin-left:20px; margin-bottom:-5000px; padding-bottom:5000px;}


#leftcol p { margin:30px; }

#navigation { width:190px; margin:0px auto; padding-bottom:53px; padding-top:8px; background-color:#f2f2f2; background-image:url(/images/lcol_swoosh.gif); background-repeat:no-repeat; background-position:bottom; }
#navigation ul { list-style:none; margin:0px; padding:0px; }
#navigation ul li { list-style:none; margin:0px; padding:0px; }
#navigation ul li a {   }

#leftcol #callout { margin-left:8px; }

#leftcol #callout  div { padding:0px; margin:0px 20px 0px 20px; }

#rightcol{ float:left; width:717px; background-color:#f2f2f2; margin:8px 8px 0px 9px; padding-top:8px; padding-left:8px; padding-bottom:0px; }

#content-home { float:left; width:649px; background-image:url(/images/bg_content.jpg); background-repeat:repeat-x; background-color:#e5e6e5; min-height:200px; margin-top:8px; margin-right:8px; margin-bottom:8px; padding:30px; }
#content-home p { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; }


#content { float:left; width:649px; background-image:url(/images/bg_content.jpg); background-repeat:repeat-x; background-color:#e5e6e5; min-height:300px; margin-top:0px; margin-right:8px; margin-bottom:8px; padding:30px; }

h1 { font-size:22px; padding-bottom:5px; font-family:"Times New Roman"; color:#333333; }
h2 { font-size:18px; font-weight:bold; color:#333333; }
#content p { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; }
a { color:#003399; text-decoration:underline; }
a:hover { text-decoration:none }
p.quote { padding:15px; color:#000; background-color:#aff29e; line-height:20px; font-style:italic; }

ul { list-style:none; margin:10px 0px 0px 0px; padding:0px 0px 25px 0px; }
ul li { margin:0px; }

/*#sidebar ul li a { display:block; padding:3px 0px 3px 14px; color:#7e7e7e; text-decoration:none; font-weight:bold; border-top:1px solid transparent; border-bottom:1px solid transparent; }
#sidebar ul li a:hover { background-color:#fff8e5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
*/
img { margin:0px; }
img.nomargin { margin:0px; }
#content-right { float:left; width:200px; padding:0px; background-color:#001d53; padding-bottom : 20000px; margin-bottom : -20000px; }
#content-right-item1 { padding:20px; padding-top:1px; background-color:#001234; }



#footer { width:100%; clear:both; background-image:url(/images/footer.jpg); background-repeat:repeat-x; background-color:#f6f7f1; margin:0px auto; padding:0px;}
#footercontainer { width:1000px; margin:0px auto; padding-top:60px; padding-bottom:70px; margin-top:10px; margin-bottom:0px; text-align:left; color:#fff; font-size:10px; }
#footercontainer #left { width:450px; float:left; text-align:left; padding-left:50px; }
#footercontainer #right { width:450px;  float:left; text-align:right; padding-right:50px; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer .copyright { display:block; padding-top:10px; }
#footer .copyright a { margin:0px; }



/* I try to seperate special classes from element selectors */

.form0 { text-align:left; font-weight:bold; color:#44ecc6; padding-top:10px; padding-bottom:10px;  vertical-align:top; }

.form1 { font-weight:bold; text-align:left; padding-right:20px;  padding-bottom:10px; vertical-align:top; }

.form2 { vertical-align:top; padding-bottom:10px;}
/* These form2 and 3 span rules are for ASP.NET error messages that often appear inside of these tables. */
.form2 span { vertical-align:top; }

.form3 { color:#296d35; }

.form3 span { vertical-align:top; }

.fields {  }

.best_places{text-align: center;}