@charset "UTF-8";
/* CSS Document */

body {
   background-color: #133463;
   background-image: url(common/maynard-web-background.jpg);
   background-repeat: repeat-x;
}

div#outer {
  width: 980px;
}

#leftcontent {
  float: left;
  width: 200px;
  padding-top: 15px;
}

#widecontent {
  float: left;
  width: 750px;
  padding-left: 15px;
}

#widetext {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #f9f9f9;
  padding: 10px;
}

#centercontent {
  float: left;
  width: 600px;
  padding-left: 15px;
  padding-right: 15px;
}


#centertext {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #f9f9f9;
  padding: 10px;
}

#rightcontent {
  float: left;
  width: 135px;
  padding-right: 15px;
  padding-top: 50px;
}


div.content h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  margin-top: 12px;
  margin-bottom: 8px; 
}

div.content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #133463;
  margin-top: 10px;
  margin-bottom: 4px; 
}

div.content li {
  margin-top: 3px;
}

div.grabber {
    margin-top: 10px;
	margin-left: 3px;
	border: 1px solid #94b4ff;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f9f9f9;
	background-color: #133463;
}

div.grabber a {
    color: #94b4ff;
    text-decoration: none;
}

div.content p { 
   margin-top: 6px;
   margin-bottom: 6px;
}

div.content a { 
   color: #365fb7;
   text-decoration: underline;
}

div#widecenterphotoframe {
  background-color: #ffffff;
  padding: 2px;
  border: 3px solid #032453;  
}
div#widecenterpanel {
  width: 740px;
  height: 340px;
  background-color: #133463;
  padding: 0px;
  margin: 0px;
}

div#widecenterpanel img { border: none 0px; }

div#welcomepanel  { visibility: visible; position: absolute; }
div#eventspanel   { visibility: hidden; position: absolute; }
div#downtownpanel { visibility: hidden; position: absolute; }
div#diningpanel   { visibility: hidden; position: absolute; }
div#naturepanel   { visibility: hidden; position: absolute; }
div#historypanel  { visibility: hidden; position: absolute; }

#googlesearch {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div#googlesearch input {
  font-size: 10px;
}

div#weatherbug {
   margin-top: 15px;
   text-align: center;
}

#topmenu {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #e8b54d;
  padding-right: 15px;
  padding-top: 15px;
}



div#mainmenu {
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 215px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

#mainmenu a {
   color: #ffffff;
   text-decoration: none;
}

#mainmenu a:hover {
    color: #c4e4ff;
   text-decoration: none;
}


td.centertab {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
   color: #ffffff;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: #032453;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
}

td.centertab a {
   color: #ffffff;
   text-decoration: none;
}

td.centertab a:hover {
    color: #c4e4ff;
   text-decoration: none;
}




#townmenu {
    border-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	color: #94b4ff;
}

a.townmenulink {
    color: #94b4ff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	line-height: 1.5em;
}

a.townmenulink:hover {
    color: #c4e4ff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	line-height: 1.5em;
}


#footer {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 30px;
}

div#footer a {
  color: #e8b54d;
  text-decoration: none;
}  

div#bislist {
  margin-top: 5px;
}

div#bizlist div.bizEntry {
  margin-top: 1px;
}

div.even {
  background-color: #ffe3a9;
  padding: 3px;
}

div.odd {
  padding: 3px;
}

.tinynote {
  font-size: 10px;
}
.attention {
  font-size: 14px;
}

p.eventDate {
  margin-top: 2px;
  margin-bottom: 5px;
  color: #133463;
}

h3.eventTitle {
  margin-top: 20px;
  margin-bottom: 5px;
  color: #133463;
}

.indented {
    margin-left: 20px;
}
