/* GENERAL 

Town Logo Text: Brush Script MT; Anderson Thunderbird;
Box Header Text: Arial Rounded MT B 22

Drop Shadow: Flat Black 49% width 5/10 outside linear 
Drop Shadow Text: Flat Black 38% width 4 outside curved  

#####  Color Palette by Color Scheme Designer
#####  Palette URL: http://colorschemedesigner.com/#3p61O--Piw0w0


*** Primary Color:

   var. 1 = #00A5DC = rgb(0,165,220) Logo Text
   var. 2 = #2986A5 = rgb(41,134,165) Links / Left Column BG
   var. 3 = #006B8F = rgb(0,107,143) Body BG 
   var. 4 = #3BC1EE = rgb(59,193,238) Gradient Top
   var. 5 = #6BCDEE = rgb(107,205,238) Globe Top
            #         rgb(156,208,227) Globe Bot

*** Secondary Color A:

   var. 1 = #003CE1 = rgb(0,60,225)
   var. 2 = #2A4CA8 = rgb(42,76,168)
   var. 3 = #002792 = rgb(0,39,146)
   var. 4 = #3C6CF0 = rgb(60,108,240)
   var. 5 = #6C8FF0 = rgb(108,143,240)

*** Secondary Color B:

   var. 1 = #00E370 = rgb(0,227,112)
   var. 2 = #2BAA69 = rgb(43,170,105)
   var. 3 = #009449 = rgb(0,148,73)
   var. 4 = #3CF195 = rgb(60,241,149)
   var. 5 = #6CF1AE = rgb(108,241,174)

*** Complementary Color:

   var. 1 = #FF8300 = rgb(255,131,0) 
   var. 2 = #BF7930 = rgb(191,121,48)
   var. 3 = #A65500 = rgb(166,85,0) Contact Text / Copy Text
   var. 4 = #FFA240 = rgb(255,162,64) Menu Gradient Top/Bot
   var. 5 = #FFBB73 = rgb(255,187,115) Contact Text Hover / Menu Gradient Middle

            #F4DE9A = rgb(244.221.154) Main Content Yellow Box
            #8EBB6E = rgb(142.186.109) Main Content Green Box
            #A8002D = rbg(168.0.45) Red

#####  Generated by Color Scheme Designer © Petr Stanicek 2002-2009


*/

body 	 {
         margin: 0;
         padding: 10px 0px 10px 0px;
	 background: #006B8F;
}

p { text-indent: 10px; padding: 5px}
p.block { text-indent: 0px; padding: 5px }

a:link {color:#2986A5;}      /* unvisited link */
a:visited {color:#006B8F;}  /* visited link */
a:hover {color:#6BCDEE;}  /* mouse over link */
a:active {color:#6BCDEE;} /* selected link */

.red {color: #FF0000 }
.right { text-align: right }
.left  { text-align: left  }
.news-image { 
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            border: 0;
            
}
.hint { font-size: 10px; font-syle: italic; color: #FF0000; } 

h3 { font-size: 16px; padding: 0; margin-top: 5px; margin-bottom: 5px}

img.dborder { border-left: solid 1px #808080; border-top: solid 1px #808080; border-right: solid 2px #808080; border-bottom:  solid 2px #808080}
img.border { border: 1px solid #000000 }
img { border: 0 }
.ImageLeft { float: left; margin: 20px; padding: 5px; background: #FFFFFF; border-left: solid 1px #808080; border-top: solid 1px #808080; border-right: solid 2px #808080; border-bottom:  solid 2px #808080}
.ImageLeftNB { float: left; margin: 20px; padding: 5px; background: #FFFFFF; border: 0px }
.ImageRight { float: right; margin: 20px; padding: 5px; background: #FFFFFF; border-left: solid 1px #808080; border-top: solid 1px #808080; border-right: solid 2px #808080; border-bottom:  solid 2px #808080}
.ImageRightNB { float: right; margin: 20px; padding: 5px; background: #FFFFFF; border: 0px }
.ImageLeftA { float: left; margin: 0px; padding: 0px 5px 5px 0px; background: #FFFFFF; border: 0px }
.ImageRightA { float: right; margin: 0px; padding: 0px 5px 5px 0px; background: #FFFFFF; border: 0px }

.headline { font-size: 1.3em; font-weight: bold; text-transform: uppercase}
.posted { font-size: 1.0em; font-weight: bold; font-style: italic; color: #A8002D; }
.feature { 
         float: left; 
         margin-top: 10px;
         margin-right: 10px;
         border-left: solid 1px #aaaaaa; 
         border-top: solid 1px #aaaaaa; 
         border-right: outset 3px #aaaaaa; 
         border-bottom: outset 3px #aaaaaa;
}

#wrapper {               
         width: 1000px;
         margin: 0 auto; 
         text-align: center; 
         background: #FFFFFF;
         background-image: url('Images/Wrapper-BG.jpg');
         background-position: top center;
         background-repeat: repeat-y;
         color: #000000;
         font-family: Verdana, Helvetica, "sans serif"; 
         font-size: 10px;
                  
}


#header  {
         height: 250px;
         margin: 0px 5px 0px 5px;
         background-image: url('Images/Town-Header-BG.jpg');
         background-position: top left;
         background-repeat: no-repeat;       
}

#admin {
         height: 20px;
         padding: 0px 10px 0px 10px;
         font-family: Verdana, Helvetica, "sans serif";
         font-size: 12px;
         color: #FFFFFF;
         
}

#admin a {
         color: #FFFFFF;
         text-decoration: none;
}


#date   {
        float: right;
        margin-top: 2px;
        width: 50%;
        text-align: right;
}

#slogan {
         width: 660px;
         height: 200px;
         margin-left: 300px;
	 background-image: url('Images/Town-Banner.gif');
         background-repeat: no-repeat;
         background-position: center;
} 

#slogan2 {         
         width: 660px;
         height: 200px;
         margin-left: 300px;
	 text-align: center;
         font-size: 24px;
         font-weight: bold;
         color: #FF2800;
         
} 

#hmenu   {
         position: absolute;
         width: 987px;
         height: 30px;
         padding-left: 1px;
         background: #FFA240;
         background-image: url('Images/Town-Menu-BG.jpg');
         background-repeat: repeat-x;
         border: 1px solid #A65500;                           
}

ul#main-nav { margin:0;padding:0;position: relative;width:100%; font-size: 12px}
ul#main-nav li {margin:0;padding:0;float:left;list-style:none;width: 197px;}
ul#main-nav li a {text-decoration:none;display:block;padding: 7px 0px 8px 3px;color:#000;font-weight:bold;background-image: url('Images/Town-Menu-BG.jpg');border-left:1px solid #006;border-right:1px solid #A65500;border-bottom:1px solid #A65500;}
ul#main-nav li a:hover, ul#main-nav li a:focus {background:#FFD673;border-left:1px solid #A65500;}
ul#main-nav li ul {padding:0;margin:0;display:none;}
ul#main-nav li:hover ul {display:block;}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size: 10px;}

#breadcrumb {
            height: 30px;
            margin: 0;
            padding: 5px 5px 2px 0px;
            font-weight: bold;
            text-align: right;
            color: #006B8F;
                        
}

#breadcrumb ul {
               float: left;
               width: 50%;
               list-style-type:none;
               padding-left: 5px;
               padding-top: 2px;
               margin: 0;
               text-align: left;
}

#breadcrumb li {
               display: inline;
               background: url('Images/page_2.gif') no-repeat;
               background-position: left center;
	       padding: 2px 5px 2px 20px;    
}

#breadcrumb a { color: #006B8F}
#breadcrumb a.current, #breadcrumb a:hover.current { text-decoration: none; color: #006B8F; cursor:default}
#breadcrumb a:hover { color: #2986A5 }
							

#contact   {
           padding: 2px 5px 2px 0px;
           Color: #A65500;
}

#contact a { text-decoration: none; color: #A65500; }
#contact a:hover { color: #FFBB73 }

#content    {
            margin: 0px 5px 0px 5px;
            padding: 0;
            background: url('Images/Town-Content-BG.jpg') no-repeat;
            background-position: top left;            
            text-align: left;
            clear: both;
}

#events    {
            margin: 0;
            padding: 0;
            height: 640px;
            background: url('Images/Town-Content-E-BG.jpg') no-repeat;
            background-position: bottom center;            
            text-align: left;
            clear: both;
}



#content-left {
             width: 240px;
             height: 500px;
             margin-top: 20px;
             margin-left: 30px;
                          
}

#content-right {
             float: right;
             width: 640px;
             margin-top: 40px;
             margin-right: 40px;
             font-size: 1.1em;
             background: #EBEBEB;
             background: url('Images/Event-Paper-BG.jpg');
             border-top: 1px solid #aaa;
             border-right: 3px outset #aaa;
             border-bottom: 3px outset #aaa;
             border-left: 1px solid #aaa;
             
}

#content-news {
             width: 900px;
             margin-left: 50px;
             font-size: 1.1em;
             background: #EBEBEB;
             background: url('Images/Event-Paper-BG.jpg');
             border-top: 1px solid #aaa;
             border-right: 3px outset #aaa;
             border-bottom: 3px outset #aaa;
             border-left: 1px solid #aaa;
             
}

#column-left {
             width: 240px;
             margin-top: 20px;
             margin-left: 10px;
}


#main-content {
             float: right;
             width: 720px;
             margin-top: 20px;
             margin-right: 10px;           

                                                     
}

#main-content a { }
#main-content a:visited { }
#main-content a:hover { }
#main-content a:active { }

.main { 
      padding: 0px 5px 0px 5px;
      background: #9ADDF4;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px; 
}

.full { width: 100%; }
.boxinfo { width: 240px; height: 100%;}
.tip { font-size: 10px; color: #FFFFFF; }
td.main-tl a { color: #A65500; }
td.main-tl a:hover { color: #BF7930 }



th.news {
	 height: 40px;
         background: url('Images/Glass-News.jpg') no-repeat; 
         background-position: center;
}

th.links {
	 height: 40px;
         background: url('Images/Glass-Quick-Links.jpg') no-repeat; 
         background-position: center;
}

th.events {
	 height: 40px;
         background: url('Images/Glass-Calendar.jpg') no-repeat; 
         background-position: center;
}

th.council {
	 height: 40px;
         background: url('Images/Glass-Council.jpg') no-repeat; 
         background-position: center;
}

th.welcome {
	 height: 40px;
         background: url('Images/Glass-Welcome.jpg') no-repeat; 
         background-position: center;
}

td.main-tl { 
            background-color: #FFBB73;
            border-left: 1px solid #00A5DC;
            border-top: 1px solid #00A5DC;
            text-transform: uppercase;
            font-weight: bold;
            color: #A65500;
}

td.main-tr { 
            background-color: #F4DE9A; 
            border-top: 1px solid #00A5DC;
            border-right: 1px solid #00A5DC;
            
}


td.main-ml {
           border-left: 1px solid #00A5DC;
           background: url('Images/test.jpg') no-repeat; 
           background-position: center;
}

td.main-mr {
           background-color: #8EBB6E;
           text-align: center;
           border-right: 1px solid #00A5DC;
}

td.main-bl {
           background-color: #8EBB6E;
           border-left: 1px solid #00A5DC;
           border-bottom: 1px solid #00A5DC;
           
}

td.main-br {
           background-color: #F4DE9A;
           border-right: 1px solid #00A5DC;
           border-bottom: 1px solid #00A5DC;
}

ul.links    {
           list-style-image:url("Images/link.gif");
	   list-style-type:circle;
}

ul.links li { height: 16px; padding: 5px;}
ul.links a { color: #BF7930; }
ul.links a:hover { color: #A65500 }

ul.minutes    {
           list-style-image:url("Images/pdf.gif");
	   list-style-type:circle;
}

ul.minutes li { height: 16px; padding: 5px; }
ul.minutes a { color: #FFFFFF; }
ul.minutes a:hover { color: #E5E5E5 }

ul.special    {
           list-style-image:url("Images/pdf.gif");
	   list-style-type:circle;
}

ul.special li { height: 16px; padding: 5px; }
ul.special a { color: #000000; }
ul.special a:hover { color: #E5E5E5 }

table.calendar { width: 100%; height: 228px; border: 1px solid #FFA240;}
table.calendar p { font-size: 10px; }
tr.calendar { height: 240px; vertical-align: top}
td.calendar { width: 240px; }

#infobox-y a { color: #2986A5 }
#infobox-y a:visited { }
#infobox-y a:hover { color: #00A5DC }
#infobox-y a:active { }

.infobox-y{display:block}
.infobox-y *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F4DD9A}
.infobox-y1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #faf0d3;
  border-right:1px solid #faf0d3;
  background:#f6e5b3}
.infobox-y2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfbf4;
  border-right:1px solid #fdfbf4;
  background:#f6e3ad}
.infobox-y3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f6e3ad;
  border-right:1px solid #f6e3ad;}
.infobox-y4{
  border-left:1px solid #faf0d3;
  border-right:1px solid #faf0d3}
.infobox-y5{
  border-left:1px solid #f6e5b3;
  border-right:1px solid #f6e5b3}
.infobox-yfg{
  background:#F4DD9A;
  padding: 5px}

table.info { 
	   width: 100%; 
           height: 250px; 
           border: 1px solid #FFA240;
}
tr.info { vertical-align: top }


#infobox-b { 
           margin: 0px 5px 0px 5px;
           border: 1px solid #00A5DC;
           -moz-border-radius: 5px;
      	   -webkit-border-radius: 5px;
           -khtml-border-radius: 5px;
           border-radius: 5px;  
}
#infobox-b a { color: #2986A5 }
#infobox-b a:visited { }
#infobox-b a:hover { color: #00A5DC }
#infobox-b a:active { }

.infobox-b{display:block}
.infobox-b *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#9ADDF4}
.infobox-b1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d3f0fa;
  border-right:1px solid #d3f0fa;
  background:#b3e5f6}
.infobox-b2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4fbfd;
  border-right:1px solid #f4fbfd;
  background:#ade3f6}
.infobox-b3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ade3f6;
  border-right:1px solid #ade3f6;}
.infobox-b4{
  border-left:1px solid #d3f0fa;
  border-right:1px solid #d3f0fa}
.infobox-b5{
  border-left:1px solid #b3e5f6;
  border-right:1px solid #b3e5f6}
.infobox-bfg{
  background:#9ADDF4;
  padding: 5px}


#slide  {
        padding: 10px 5px 10px 5px; 
        margin: 0px 5px 0px 5px; 
        background-image: url('images/slide-bg.jpg'); 
        background-repeat: repeat-x;
        background-position: bottom;
        clear: both;
}

#links	{
        padding: 10px 0px 10px 0px;
        text-align: center;
        font-size: 12px
        font-weight: bold;
        clear: both;
}


#links a { text-decoration: none }

#copy	{
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #A65500;
}

#design	{
        height: 25px;
        margin: 0;
        text-align: right;
        font-size: 10px;
        font-weight: bold;
        color: #FFB400;
        background-image: url('images/wrapper-bg.jpg'); 
        background-repeat: no-repeat;
        background-position: bottom;
                
}

#design a {
          color: #FFB400;
          text-decoration: none;
          margin-right: 20px;
}