/*Styles to be used with the Violet Town website - Aug 2006*/
body {font-family: Verdana, Helvetica, Arial, sans-serif ;font-size: .8em;margin: 5px;background-color: #fffac6;}
		
#header
{
height: 100px;padding-left: 125px;
padding-right: 25px;
padding-top: 1px;
padding-bottom: 1px;
font-size: .8em;
background-image: url(images/permaculture.gif);
background-position: left;background-repeat: no-repeat;}

#header2{
height:22px;
padding-left: 12px;
padding-right: 12px;
padding-top: 1px;
padding-bottom: 1px;background-color: #f8d36d;font-size: .8em;}
#header3 {background-image: url(images/permaculture.gif);background-repeat: no-repeat;clear: both;margin-left: auto;margin-right: auto;background-position: center;}

#marquee{font-family: sans-serif;font-size: 85%;color: #0033cc;}

#thisfortnight {height: 75px;
background-image: url(../images/CommHouseHeader.jpg);background-repeat: no-repeat;clear: both;margin-left: auto;margin-right: auto;background-position: center;}

#violettownnews {height: 80px;
background-image: url(images/permaculture.gif);background-repeat: no-repeat;clear: both;margin-left: auto;margin-right: auto;background-position: center;}
		
#navbar{
float: left;
width: 16%;
margin-bottom: 10px;
top: 0px;left: 0px;
font-family: sans-serif;font-size: 85%;margin-top: 1em;}
#navbar ul li a:link, #navbar ul li a:visited {color: #785802;
text-decoration: none;
padding-top: 10px;
padding-bottom: 3px;
}
#navbar ul li a:hover{color: #1e8615;}
ul {list-style-type: none;}

UL.variation {/* No borders set */background-color: #ffffff;border-left: 2px #078934 dotted;}LI.variation {list-style: none;
        border-style: none;
        border-width: none;        /* sets border width on all sides */
        }

li {list-style-type: none;
padding: 1em;
border-bottom: 1px solid gray;}

#navcontainer
{width: 100%;
float: left;
background-color: #f8d36d;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{margin: 0;
padding: 0em 0em 0em 10%;
color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
letter-spacing: 2px;
}

#navcontainer ul li a
{padding: 0.2em 12px 0.1em 12px;
background-color: #baa155;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover
{background-color: #baa155;
color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px verdana, lucida, arial, helvetica, sans-serif;
}

#main-text {
float: left;
width: 62%;
background-color: #fdffe2;
margin-left:1%;padding: .5em;}
#col3
{float: left;
width: 16%;
margin-left: 1%;
margin-bottom: 10px;
}
#footer
{clear: both;
height: 50px;
margin-bottom: 10px;
}
#left-image {width: 150px ; padding: .5em;float: left;}

#left-image50 {width: 50px ; padding: .5em;float: left;}
#right-image {
width: 150px;
padding: .5em;float: right;}

h1 {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 130%;text-align: left;}h2 {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 110%;
text-align: left;}

h3 {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 105%;text-align: left;}p {text-align: justify;line-height: 1.2em;}p.caption {font-family: Verdana, Helvetica, Arial, sans-serif;text-align: justify;font-size: .7em;color: #000000;}

p.sidebar1 {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: .8em;font-style: normal;color: #000000;font-weight: normal;}

p.sidebar2 {font-family: "Times New Roman",Times, serif;font-size: 1.3em;font-style: normal;color: #785802;font-weight: bold;}

p.footer{font-family: Verdana, Helvetica, Arial, sans-serif;
padding-left: 10%;
padding-right: 10%;
padding-top: 10px;
padding-bottom: 10px;text-align: center;font-size: .7em;color: #000000;}a:link {}a:visited {}a:hover {text-decoration: blink;color: #ce0095;}a:active {}

TABLE          { margin-left: auto; margin-right: auto;
			   border-collapse: collapse;
               border: 1px solid #e4c265;  
               background-color: #ffff99;
               }
*#col1         { border: 1px solid black; }
TD             { border: 1px solid blue; padding: .5em;}
TD.solid-blue  { border: 1px dashed blue; background-color: #ffff99;}
TD.solid-green { border: 1px solid green; background-color: #ffff99;}

CAPTION 		{margin-left: -8em;
    			width: 8em;
    			text-align: center;
    			vertical-align: bottom;}
TH 				{font-size: 90%; padding:1em;}
TR				{font-family: Verdana, Helvetica, Arial, sans-serif;				color: #000000; background-color: #ffff99; font-size: 90%;				text-align: center;}
TD				{font-size: 80%;
				text-align: left;}
				
#events{width: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif ;font-size: .8em; text-align: left;margin: 5px; border:1px solid blue;background-color: #ffffff;padding: 1em;}