/*Styles to be used with the Violet Town website - Aug 2006*/

body {
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-size: .8em;
margin: 5px;
width: 920px; margin: 0 auto;
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: #ff0000;}



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