/* div tags are block elements used to hold other html elements. Use them for formatting and positioning */
/* span tags are used for simple inline styles. They should NOT hold any html tags */
/* font-weight: can have values 100-900 */

body {
	background-image:url(../images/bg1.gif); /* blue colour with gradients */
/*	background-image:url(../images/pin_stripes.jpg); */
/*	background-color:#ccc;			/* ffe188 warm khahi, 602b00 brown for type */
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:13px;
	color:#111111; /*prev #001166 and before that #00448e */
	/*good practice to 0 margin and padding to account for differing browser defaults*/
	margin:0px;
	padding:0px;
	/*this centres the container for IE5 browsers*/
	text-align:center
	}

p { margin:10px 40px 10px 40px}  /*top right bottom left*/

b {color:#007070;
	font-size:115%;
	font-weight:900}

ul {list-style-position:outside}
ol {list-style-position:outside}
li {vertical-align:right; margin:15px 40px 5px 20px}

/* headings are pre-defined to be bold */
h1 { font-size:20px; margin:20px 40px 10px 40px; font-weight:600}
h2 { font-size:16px; margin:20px 40px 10px 40px; font-weight:600}
h3 { font-size:16px; margin:20px 40px 10px 40px; font-weight:200; font-style:italic}
/* h4, h5 reserved for ailment and remedy text */
h4 { font-size:16px; margin:20px 40px 20px 40px; font-weight:600 }
h5 { font-size:14px; margin:10px 40px 10px 40px; font-weight:600 }
/* h6 currently unused*/
h6 { font-size:13px; margin:10px 40px 10px 40px; font-weight:900
	font-family:"Comic Sans MS", "Monotype Corsiva", "Bradley Hand ITC", "Lucida Handwriting", cursive}

.testimonial { font-style:normal; font-size:13px; font-color:black; 
	border:solid; border-width:3px; border-color:#d5d8ff;
	 margin:0px 40px 0px 0px; padding:15px;
	 /* margin:10px 40px 10px 40px; padding:15px; */
	background-color:#e0e7ff}

.scriptheader {margin:20px 0px 0px 40px; padding:0px}

.colleft { float:left; width:65%; margin:0px; padding:0px; text-align:left }
.colright { float:right; width:35%; margin:0px; padding:0px; text-align:left}
.columnleft { float:left; width:67%; margin:0px; padding:0px; text-align:left }
.columnright { float:right; width:33%; margin:0px; padding:0px; text-align:left}
.buttonleft {margin:5px 10px 5px 40px; float:left}
.buttonright {margin:5px 0px 5px 40px; float:right}
.floatleft	{float:left; margin:10px 40px 10px 40px; padding:0px}
.floatright	{float:right; margin:10px 40px 10px 40px; padding:0px}
.txtr		{ text-align:right }
.txtl		{ text-align:left }

.light		{ color:#446666; font-size:11px } /* grey */
.footer 	{ color:#446666; margin:10px 40px 10px 40px } /* grey */
.error		{ color:red }
.submitted	{ color:#008f8f; font-size:18px; font:bold } /* pale blue-green, larger */
.voteyes	{ color:#080; font-size:16px; font-weight:900; background-color:#efe } /* dark green on light green */
.voteno		{ color:#C00; font-size:16px; font-weight:900; background-color:#fee } /* dark red on light red*/
	
#contact { margin:0px 40px 0px 40px }

.blackbar {border:solid; border-width:3px; border-color:black; margin:0; padding:0}

table.main {
	background-color:#fff;
	width:800px;
	text-align:justify;
	margin:0; padding:0; border:0;
	}

table.main td {
	vertical-align:top
	}

a         { color:black; background-color:white; text-decoration:underline; font-weight:normal; font-size:100%;
			margin:0px 0px 0px 0px}
a img	{border:0}
a:link    { color:black}
a:visited { color:purple}
a:hover   { color:#ff6600} /* orange */ 
a:active  { color:red}
/* IMPORTANT that sequence is link, visited, hover, active */

 .zing         { font-size:15px; font-weight:bold; color:black; background-color:white; text-decoration:underline;}
a.zing:link    { color:black}
a.zing:visited { color:purple}
a.zing:hover   { color:#ff6600} /* orange */ 	
a.zing:active  { color:red}