*{padding:0; margin:0}

body{ font-family:Arial,Helvetica,sans-serif;  font-size:14px;  background-color:#033;  background-image:url('../images/background.png')}
body.mceContentBody{  background:transparent}

a{ color:#399}

a img{ border:none}

p{ padding-left:10px;  margin:5px 0;  line-height:18px}
ul{ margin:10px 30px;  line-height:20px}

h1{font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; color:#399; font-size:18px; margin-bottom:3px; letter-spacing:2px}

h2{font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; font-size:18px; margin:5px 0}
.h2{font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; font-size:18px; margin:5px 0}
h3{font-family:'ArialMT','Arial',sans-serif; font-size:16px; margin:15px 0}
.h3{font-family:'ArialMT','Arial',sans-serif; font-size:16px; margin:15px 0}
input.h2, input.h3{background:none; border:1px dotted #ccc; padding:3px}

.table_tip{font-size:11px; font-weight:normal; line-height:16px; margin-bottom:5px}
#article_stats{float:left; width:610px; background:#066; color:#fff; padding:10px; font-size:12px; margin-bottom:10px}

.created{float:left; text-align:left; clear:none; width:300px; font-size:12px}
.updated{float:left; text-align:right; clear:none; width:300px; font-size:12px}
.article_shop_link{text-align:center; clear:both; width:100%; font-size:12px; margin-top:7px}
.article_shop_link a{color:#fff}

#header{ background:#399;  clear:both;  margin:10px auto 10px auto;  padding:10px 0;  width:1000px}

#wrapper{ clear:both;  margin:10px auto 5px auto;  width:1000px;  padding-bottom:10px;  background:#fff}

#header a{ color:#fff}
#message{width:100%; color:#fff}
#message a{ color:#FFF}
#error{width:100%; padding:0 20px; background:#399}
#error h1{background:none; margin:0; color:#fff}
#error p{padding:10px}
#error li{margin-left:20px}
#success{padding:0 20px; background:#399}
#success h1{background:none; clear:both; width:100%; margin:10px}
#success p{padding:10px}
#logo{ color:#fff;  float:left;  padding:0;  margin:0;  background:#399}
#top_nav{ color:#fff;  width:1000px;  float:left;  padding:0;  margin:0}
#search_bar{ color:#fff;  width:980px;  float:left;  padding:10px;  margin:0;  background:#399}
#login{ float:right}
#login input{ width:100px;  background:#077;  padding:3px;  border:1px solid #004a4a;  color:#fff}
#login input.submit{ width:50px;  color:#fff;  background:#0c3}

.login_signup{float:left; width:260px; margin-top:30px; line-height:20px; background:#F1F1F1; padding:10px; border:1px solid #ccc; margin-left:20px; height:200px; text-align:center}
.login_signup h2{color:#066; margin:0; text-align:center}
.login_signup label{width:80px; text-align:left}
input.login_signup_submit{width:250px;  border:1px solid #fff;  background:#066;  color:#fff;  padding:5px 10px;  text-align:center;  margin-top:20px;  font-size:14px}
input.login_signup_submit:hover{background:#3c0}
.details{color:#777; font-size:12px; clear:none}
#search{ float:left;  margin-right:50px}
#search input{ width:100px;  background:#077;  padding:3px;  border:1px solid #004a4a;  color:#fff}
#search input.submit{ width:50px;  color:#FFF;  border:1px solid #004a4a;  background:#0c3}
#latest_update{ float:left}

#fullcolumn{ color:#333;  margin:10px;  padding:10px;  width:957px;  float:left}

#leftcolumn{ color:#333;  margin:0;  padding:10px;  width:629px;  float:left}

.module_full{ float:left;  width:610px;  color:#333;  padding:10px;  margin-bottom:20px}
.module_full img{ border:2px solid #111}

a.button{ float:left;  margin:20px 10px;  padding:7px 10px;  color:#fff;  background:#066;  text-decoration:none;  font-size:12px;  line-height:12px;  text-align:center;  font-weight:bold}
a.button:hover{ background:#0c3}

#shop_profile_info{ float:left;  width:200px}
#shop_profile_info p{ margin-bottom:20px}
#shop_profile_info b{ margin-right:20px}
#profile_map{ float:right;  width:400px;  height:450px}
#map_canvas{ float:left;  width:625px;  height:650px}
#map{ float:left;  width:630px;  height:600px}
#map_legend{ padding:0 0 10px 10px;  width:320px;  background:#FFF;  line-height:14px}
#map_legend li{ list-style:circle;  margin:10px 0}
.featured_shop_link{ font-weight:bold}
.infoWindow{ width:200px;  font-size:12px}
.infoWindow img{ width:100px;  border:1px solid #642300;  float:left;  margin:0 10px 5px 0}
.infoWindow p{ margin:0;  padding:0;  line-height:14px}

.shop_profile_header{ width:100%;  float:left;  clear:both;  margin:10px 0;  color:#fff;  background:#399}

.shop_profile_header img{ width:200px;  border:2px solid #fff}

.shop_name{ font-size:20px;  font-weight:bold}

.staff{ width:100%;  float:left;  clear:both;  margin:10px 0;  color:#111;  background:#F1F1F1}
.staff_name{ font-size:16px;  font-weight:bold}

.staff img{ width:100px;  border:2px solid #fff}
.light_green_bg{ background:#399;  float:left}
.dark_green_bg{ background:#066;  float:left}

#news_feature{float:left; width:370px; text-align:center}
#news_feature h2{margin-top:10px; margin-bottom:10px; font-size:14px}
#news_feature img{width:365px}
.top_news{float:right; clear:right; width:200px; margin-bottom:20px; background:#f1f1f1; border:1px solid #ccc; padding:10px; font-size:12px}
.top_news h1{float:left; width:100%; background:none; text-transform:lowercase; padding:0; color:#333}
.top_news_image{width:70px; height:70px; overflow:hidden; float:left; margin:0 10px 10px 0}
.top_news img{margin-right:10px; float:left; width:87px}
.top_news p{float:right; width:118px; padding:0; margin:0; font-size:12px}
.top_news a{color:#333}

#freshest_interviews{ float:left;  clear:both;  width:360px;  color:#111;  margin-bottom:20px}

.top_interviews{float:left; clear:left; width:360px; margin-bottom:20px}

.top_interviews h2{font-size:16px; padding:0}
.top_interviews img{border:1px solid #333; margin-right:10px; float:left; width:87px}
.top_interviews p{float:right; width:118px; padding:0; margin:0; font-size:12px}
.top_interviews a{color:#399}

#shop_talk{ float:left;  clear:both;  margin-bottom:10px}
#shop_talk a{float:left; display:block; width:260px; margin:5px 10px; background:#F1F1F1; border:1px solid #ccc; text-align:center; color:#333; padding:5px 10px}

#subscribe_today{margin:10px 0; text-align:center; background:#f1f1f1; border:1px solid #ccc; padding:5px}

#subscribe_today ul{text-align:left; padding:0; margin:10px 0px 0px 40px}

#subscribe_today li{list-style-image:url('../images/lettuce_small.png'); display:list-item; font-size:13px; font-weight:bold; margin-bottom:10px}

.directory_column{font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; padding:10px; width:175px; background:#066; margin:5px; float:left; line-height:30px}
.directory_column a{color:#fff; font-size:15px; text-decoration:none}
.directory_column a:hover{text-decoration:underline}

#state_banner{color:#fff; background:#399; padding:10px; font-size:20px; float:left; width:610px; margin-bottom:10px}

#state_cities{float:left; color:#fff; padding:10px; width:200px; font-size:14px}
#state_cities a{color:#fff}
#state_name{font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; font-size:40px}
#state_flag{float:right; width:200px}
#state_flag img{width:200px; border:2px solid #fff}
#state_facts{float:left; margin:0 0 10px 0}
#state_facts th{width:40%}

#vote{float:right; width:445px; padding:0; margin-left:10px; margin-bottom:20px}
#vote img{ border:2px solid #111;  margin-left:3px}

#pictures{float:left; width:625px; padding:0; margin-bottom:20px}
#pictures img{ border:2px solid #333;  margin-left:3px}

#featured_shop{float:right; width:400px; margin-bottom:20px}
#featured_shop img{ border:2px solid #333;  margin-left:10px;  margin-bottom:10px}

#latest_haircut{float:right; width:210px; padding:0; margin-bottom:20px}
#latest_haircut img{ border:2px solid #333;  margin-left:3px;  width:200px}

#latest_haircut h2{font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; font-size:18px; padding:5px; letter-spacing:2px; margin:0}

#latest_haircut p{padding:5px}

.ballot{float:left; text-align:center; margin-left:1px; font-size:16px; font-weight:bold}

#directory{ float:left;  width:170px;  margin-bottom:20px}
#directory a{ color:#111}

#rightcolumn{ float:right;  color:#333;  margin:0;  padding:10px;  width:328px;  display:inline}
#rightcolumn h1{width:305px; background:#033; text-align:center; padding:5px}

#potnas{ font-family:'CooperBlackStd','ArialMT','Arial',sans-serif;  float:left;  clear:both;  font-size:16px;  line-height:25px;  padding-left:10px;  width:315px}

#potnas a{ font-family:'CooperBlackStd','ArialMT','Arial',sans-serif;  font-size:16px;  text-decoration:none}

#article_cats{ font-family:'CooperBlackStd','ArialMT','Arial',sans-serif;  float:left;  clear:both;  font-size:16px;  line-height:25px;  padding-left:10px;  width:315px}

#article_cats a{ font-family:'CooperBlackStd','ArialMT','Arial',sans-serif;  float:left;  clear:both;  font-size:16px;  text-decoration:none}

#archives{ font-family:'CooperBlackStd','ArialMT','Arial',sans-serif;  float:left;  clear:both;  font-size:16px;  line-height:25px;  padding-left:10px;   width:315px}

#archives a{ font-family:'CooperBlackStd','ArialMT','Arial',sans-serif;  float:left;  clear:both;  font-size:16px;  text-decoration:none}

.form{ float:left;  width:910px;  padding:10px;  background:#f1f1f1;  border:1px solid #ccc;  margin:10px;  line-height:30px}

.form textarea{width:500px; height:200px}

#leftcolumn .form{ float:left;  width:570px;  padding:10px;  padding-right:20px;  line-height:30px;  margin:10px}

#leftcolumn .form textarea{width:400px; height:200px}
#leftcolumn .form h3{color:#066}

.onstate-end_date{display:none}

.offstate-end_date{display:block}

label{float:left; clear:both; width:150px; font-weight:bold}

input.save_changes, #leftcolumn input.save_changes{float:right;  border:1px solid #fff;  background:#066;  color:#fff;  padding:7px 10px;  margin:20px 10px;  text-align:center;  font-weight:bold}
input.save_changes:hover, #leftcolumn input.save_changes:hover{background:#3c0}
table{width:100%}
th, td{padding:5px 10px; text-align:left; vertical-align:top}
tr.even{background:#f9f9f9}
tr.odd{background:#f1f1f1}

#article_pictures{float:right; text-align:center; margin-left:20px}
#article_pictures a{font-size:10px; text-decoration:none; float:left; width:204px; clear:both; color:#555}
#article_pictures img{margin-top:10px; border:1px solid #333}

.article{float:left; clear:both; width:610px; margin-bottom:10px; background:#F9F9F9; border:1px solid #ccc; padding:5px; background-image:url('../images/read_more.png'); background-repeat:no-repeat; background-position:top right; min-height:100px}
.article:hover{border:1px solid #066; background-color:#F1F1F1; background-image:url('../images/read_more_hover.png')}
.article h2{font-size:16px; margin:0}
.article h3{font-size:14px; margin:0}
.article_image{float:left; width:100px; text-align:center; margin-right:20px; font-size:10px; color:#555}
.article_text{float:left; width:460px; color:#333}

.album{float:left; width:260px; margin:10px; padding:5px; text-align:center}
.album a{text-decoration:none}
.album:hover{color:#ccc}
.album h2{font-size:16px; margin:0}
.album h3{font-size:14px; margin:0}
.album_image{text-align:center; font-size:10px; color:#555}
.album_text{text-align:center; color:#333; font-size:12px}

.album img{border:2px solid #fff}
.album img:hover{border:2px solid #399}
.album_homepage{float:left; width:120px; margin:10px; padding:5px; text-align:center}
.album_homepage img a{text-decoration:none; display:block}

.directory_table{margin:10px 0; border:1px solid #ccc}
.directory_table th{width:130px}

.heading{clear:both; width:100%; font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; color:#fff; font-size:18px; letter-spacing:2px; text-align:center; margin-bottom:7px; background:#399; padding:5px 0}
.heading p{margin:0; padding:5px}
.heading_dark{float:left; clear:both; width:100%; font-family:'CooperBlackStd','ArialMT','Arial',sans-serif; color:#fff; font-size:18px; letter-spacing:2px; text-align:center; margin-bottom:7px; background:#066; padding:5px 0}

/** ---------- start home page article carousel ------------------ **/
.main_image{ width:365px;  height:350px;  float:left;  background:#333;  position:relative;  overflow:hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/ color:#fff}
.main_image img{width:100%}
.main_image h2{font-family:"Arial,san-serif";  font-size:17px;  font-weight:bold;  margin:0 0 5px;  padding:10px}
.main_image p{ font-size:1.2em;  line-height:1.6em;  padding:10px;  margin:0}
.block small{/*--We'll be using this same style on our thumbnail list--*/ font-size:1em;  padding:0 0 0 20px}
.main_image .block small{margin-left:10px}
.main_image .desc{ position:absolute;  bottom:0;  left:0; /*--Stick the desc class to the bottom of our main image container--*/ width:100%;  display:none; /*--Hide description by default,if js is enabled,we will show this--*/}
.main_image .block{ width:100%;  background:#111;  border-top:1px solid #000}
.main_image a.collapse{/*--This is our hide/show tab--*/ /*background:url(btn_collapse.gif) no-repeat left top; */    height:27px;     width:93px;     text-indent:-99999px;     position:absolute;     top:-27px;     right:20px}
.main_image a.show{background-position:left bottom}
.main_image a{float:right; color:#fff; margin:5px}

.image_thumb{    float:right;     width:260px;     background:#000;     border-right:1px solid #fff;     border-top:1px solid #ccc}
.image_thumb img{    border:1px solid #ccc;     padding:0px;     background:#fff;     float:left;     width:100px}
.image_thumb ul{    margin:0;     padding:0;     list-style:none}
.image_thumb ul li{    margin:0;     width:240px;     padding:7px 10px;     background:#f0f0f0 url('../images/storyBG.png');  float:left;  clear:both;  border-bottom:1px solid #ccc;  border-top:1px solid #fff;  border-right:1px solid #ccc}
.image_thumb ul li.hover{/*--Hover State--*/ background:#fff;  cursor:pointer}
.image_thumb ul li.active{/*--Active State--*/ background-color:#066;  color:#fff;  cursor:default}
html .image_thumb ul li h2{font-family:"Arial,san-serif";  font-size:13px;  font-weight:bold;  margin:5px 0;  padding:0}
.image_thumb ul li .block{ float:left;  margin-left:5px;  padding:0;  width:130px;  font-size:12px;  line-height:15px}
.image_thumb ul li span.link {display:none}/*--Hide the description on the list items--*/
.link { font-size: 12px; font-weight: normal; }
/** ---------- end home page article carousel ------------------ **/
#inbox{ margin-top:20px;  font-size:12px}
#inbox a{ text-decoration:none;  color:#333}

#inbox a:hover{ text-decoration:none;  color:#399}
#inbox .tr{ display:block;  float:left;  clear:both;  width:100%}

#inbox .from{ float:left;  clear:none;  width:350px;  padding:10px 4px}
#inbox .date{ float:left;  clear:none;  width:130px;  padding:10px 4px}
#inbox .subject{ float:left;  clear:none;  width:330px;  padding:10px 4px}
#inbox .attachement{ float:left;  clear:none;  width:100px;  padding:10px 4px}

#subscriptions{ margin-top:20px;  font-size:12px}
#subscriptions a{ text-decoration:none;  color:#333}

#subscriptions a:hover{ text-decoration:none;  color:#399}
#subscriptions .tr{ display:block;  float:left;  clear:both;  width:100%}

#subscriptions .name{ float:left;  clear:none;  width:350px;  padding:10px 4px}
#subscriptions .description{ float:left;  clear:none;  width:330px;  padding:10px 4px}
#subscriptions .expire{ float:left;  clear:none;  width:150px;  padding:10px 4px}

.ourstaff{ float:left;  clear:both;  width:600px;  background:#f1f1f1;  margin:10px;  padding:10px 10px 10px 0;  border-bottom:2px solid #ccc;  border-top:2px solid #ccc}
.ourstaff_picture{ float:left;  margin:0 20px 10px 10px;  padding:0;  text-align:center}
.ourstaff_picture img{ border:2px solid #333}
#footer{ margin:0 auto;  width:980px;  clear:both;  padding:10px;  text-align:center;  color:#fff;  background:#066}
#footer p{margin:0; padding:5px}
#footer a{color:#fff}