/*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: #f5f6ff;
}
		
#header
{
height: 100px;
padding-left: 125px;
padding-right: 25px;
padding-top: 1px;
padding-bottom: 1px;
font-size: .8em;
background-image: url(http://www.violettown.org.au/images/VioletTownBanner.gif);
background-position: left;
background-repeat: no-repeat;}

#header2{
height:22px;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
background-color: #96b2e4;
font-size: .7em;}

#header3 {
background-image: ;
background-repeat: no-repeat;
clear: both;
margin-left: auto;
margin-right: auto;
background-position: center;
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: #652d91;
font-family: Times, "Times New Roman", serif;
text-align: 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/VioletTownNewsLogo.gif);
background-repeat: no-repeat;
clear: both;
margin-left: auto;
margin-right: auto;
background-position: center;}

#commhealthclinic {height: 80px;
background-image: url(images/commhealthbanner.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 {
text-decoration: none;
padding-top: 10px;
padding-bottom: 3px;
}
#navbar ul li a:hover{}

ul {list-style-type: decimal;
margin-bottom: 1em;}


li {list-style-type: none;
border-bottom: 1px solid gray;
padding-top: 1em;
padding-bottom: .5em;
padding-right: .5em;
padding-left: .5em;}

UL.variation {
/* Borders set */
background-color: #ffffff;
border-left: #456eb4 dotted;}

li.variation2 {list-style: none;
border-style: none;
border-width: none;
display: list-item;
list-style-type: square;
list-style-position: inside;
margin-top: -1em;
margin-bottom: -1.5em;
text-indent: -1em;
margin-left: 1em;}

li.v3 {list-style: none;
border-style: none;
border-width: none;
list-style-type: lower-alpha;
list-style-position: inside;
margin-top: -1em;
margin-bottom: -1.4em;
margin-left: 1em;
display: list-item;
text-align: left;
}
#navcontainer
{width: 100%; background-color: #96b2e4;}

#navcontainer ul {margin: auto;
}

#navcontainer ul li { display: inline; }

#navcontainer ul
{margin: 0;
padding: .5em 0em 0em 5%;
color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
letter-spacing: 1px;}

#navcontainer ul li a
{padding: 0.2em 4px 0.1em 4px;
background-color: #687c9e;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 3px #96b2e4 solid;
}

#navcontainer ul li a:hover
{background-color: #96b2e4;
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 8px/10px verdana, lucida, arial, helvetica, sans-serif;
}


#main-text {
float: left;
width: 62%;
background-color: #ffffff;
padding: .5em;
margin-left: 1%;
visibility: visible;}

#col3
{float: left;
width: 16%;
margin-left: 1%;
margin-bottom: 10px;
top: 0px;
left: 0px;
font-family: sans-serif;
font-size: 80%;
margin-top: 1em;
}
#col3 ul li a:link, #col3 ul li a:visited {
text-decoration: none;
padding-top: 10px;
padding-bottom: 3px;
}
#col3 ul li a:hover{}
#footer
{clear: both;
height: 50px;
margin-bottom: 10px;
}
#Book{
float: left;
position:relative}

#any-image{
float: left;
margin: .5em;
padding: .5em;
}

#left-image {
width: 150px ; 
float: left;
margin: .5em;}

#left-image100 {
width: 100px ; 
float: left;
margin: .5em;}

#left-image50 {
width: 50px ; 
float: left;
}
#right-image {
width: 150px;
float: right;
margin: .5em;}
#left-image320 {
width: 320px;
float: left;
margin: .5em;}
#right-image320 {
width: 320px;
float: right;
margin: .5em;}
#right-image100 {
width: 100px;
float: right;
margin: .5em;}

#left-textbox {
width: 150px ; 
padding: .5em;
float: left;
border: #96b2e4 dotted;}

#left-textbox260 {
width: 260px ; 
padding: .5em;
font-family: sans-serif;
font-style: normal;
font-weight: normal;
font-size: .9em;
color: #9c5129;
float: left;
}

#boxmodel { width: 200px; float: right;
background-color: #f5e5c4;
background-repeat: no-repeat;
background-attachment: scroll; 
background-position: center center;
border: .2em #ff6b2c ridge;
font-family: sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.5em;
color: #9c5129;
background-image: url(../environment/images/eco-living-ad.jpg);
padding: .5em;
margin-bottom: .2em;
margin-left: .2em;
margin-top: .2em;
margin-right: 0em;
padding-left: .5em;
padding-bottom: 4em;
padding-right: .5em;
padding-top: 4em;}

h1{ 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 130%;
text-align: left;
background-image: none;
}

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: 1em;
font-style: normal;
color: #000000;
font-weight: normal;}

p.sidebar2 {
font-family: "Times New Roman",Times, serif;
font-size: 1.5em;
font-style: normal;
color: #ff0000;
font-weight: bold;}

p.footer{
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-left: 10%;
padding-right: 10%;
padding-top: 10px;
text-align: center;
font-size: .7em;
color: #000000;
padding-bottom: 10px;}


a:link {}

a:visited {}

a:hover {
text-decoration: blink;
color: #ff0ce2;}

a:active {}
			
				
TABLE          { margin-left: auto; margin-right: auto;
			   border-collapse: collapse;
               border: 1px solid blue;  
               background-color: #f7f4d3;
               }
*#col1         { border: 1px solid black; }
TD             { border: 1px solid blue; padding: .5em;}
TD.solid-blue  { border: 1px dashed blue; background-color: #ddffc4;}
TD.solid-green { border: 1px solid green; background-color: #f0d59b;}

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: #f5f6ff; font-size: 90%;
				text-align: center;}
TD				{font-size: 80%;
				text-align: left;}
table.bullet    {border: none; background-color: white;}				
td.bullet       {background-color: white; border: none; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em;}
tr.bullet       {background-color: white; border: none;}

#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;}


* {margin: 0; padding: 0;}
/*Override defaults for all tags. */
p {padding: .425em 0em .425em 0em; text-align: justify;
line-height: 1.3em;}
#overall {width: 100%; margin: 0 auto;}
.col {width: 48%; padding: 0 5px; float: left;}