



body {background: #3A5B30; margin-left: auto; margin-right: auto; margin-top: 10px; width: 800px;  font: 10pt ; font-family: batang, "microsoft sans serif", verdana, fantasy; color: #1E8033; text-align: center}  



.top {height: 110px; border: 2px double #E7C67B ;border-bottom: none; margin-top: 5px;margin-left: auto; margin-right: auto; width: 800px; background:#3A5B30; font: 10pt comic sans, microsoft sans serif, verdana; color: #ffffff}


.top2 {height: 110px; border: 2px double #E7C67B ;margin-top: 5px;margin-left: auto; margin-right: auto; width: 800px; background:#3A5B30; font: 10pt comic sans, microsoft sans serif, verdana; color: #ffffff}

.side {background:#F5E3A3; width:110px; font: 10pt batang, microsoft sans serif, verdana, fantasy; color:#1E8033 }

.main {background: #F5E3A3; width: 686px; font: 10pt; font-family:  "microsoft sans serif", verdana, fantasy; color: #111 }

.main2 {background: #F5E3A3; width: 800px; font: 10pt; font-family:  "microsoft sans serif", verdana, fantasy; color: #111 }
.form { width: 550px; font: 10pt; font-family:  "microsoft sans serif", verdana, fantasy; color: #1E8033; padding:5px;border: 1px solid #111}
.100 {width: 100px; text-align: right}

.gold {border: 2px double #E7C67B ; border-top: none;}

.gold2 {border: 2px double #E7C67B ;width: 800px; }
.gallery {font: 10pt; font-family:  "microsoft sans serif", verdana, fantasy; color: #111}

A.skyblue:link {font: bold 10pt;color:#3CA5DE}
A.skyblue:visited {font: bold 10pt; color:#3CA5DE}
A.skyblue:hover {font: bold 10pt; background:#3CA5DE;color:white}


A:link {font: bold 10pt microsoft sans serif, verdana; color:#3a5b30; text-decoration: none}
A:visited {font: bold 10pt; color:#3a5b30;text-decoration: none}
A:hover {font: bold 10pt; background:#3A5B30;color:#F5E3A3; text-decoration: none}

A.here:link {font: bold 10pt microsoft sans serif, verdana; background:#3A5B30;color:#F5E3A3}
A.here:visited {font: bold 10pt; background:#3A5B30;color:#F5E3A3}
A.here:hover {font: bold 10pt; color:#3A5B30; background:#F5E3A3}

A.body:link {font: bold 10pt;color:#1E8033}
A.body:visited {font: bold 10pt; color:#1E8033}
A.body:hover {font: bold 10pt; background:#1E8033;color:#F5E3A3}

A.small:link {font: bold 8pt;color:#1E8033}
A.small:visited {font: bold 8pt; color:#1E8033}
A.small:hover {font: bold 8pt; background:#1E8033;color:#F5E3A3}

H1 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:11pt; font-weight: bold; color:#10224A}

H2 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#3a5b30}

H3 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size: 9pt; font-weight: bold; color:#10224A}

H4 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: normal;color:#10224A}



.12b {font-family:  "microsoft sans serif", verdana, fantasy; color: #1E8033; text-align: center; font-size: 12pt; font-weight: bold}

.10b {font-family: "microsoft sans serif", verdana, fantasy; color: #1E8033; text-align: center; font-size: 10pt; font-weight: bold}
.9   {font-family: "microsoft sans serif", verdana, fantasy; color: #1E8033; text-align: center; font-size: 9pt; font-weight: normal}
.8   {font-family: "microsoft sans serif", verdana, fantasy; color: #1E8033; text-align: center; font-size: 8pt; font-weight: normal}

.14_red {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#ea5532}
.14_blue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#393CBD}
.12_red {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: normal; color:#ea5532}
.12b_red {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#ea5532}
.12_blue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: normal; color:#393CBD}
.12b_serblue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#003142}
.12b_blue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#393CBD}
.10b_blue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#393CBD}
.10_blue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: normal; color:#393CBD}
.10_serblue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: normal; color:#003142}
.10b_serblue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#003142}
.10_purple {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: normal; color:#780096}
.10b_purple {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#780096}
.10_meanblue {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: normal; color:#13A5A2}
.10_red {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: normal; color:#ea5532}
.10b_red {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#ea5532}
.10b_redleft {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#ea5532}
.9b_red {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#ea5532}
.10b_white {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#FFFFFF}

.09_bl {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size: 9pt; font-weight: normal; color:#10224A}
.10_blueleft {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#393CBD}
.09_blueleft {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:9pt; font-weight: bold; color:#393CBD}
.12_blueleft {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:12pt; font-weight: bold; color:#393CBD}

.14_magna {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#577CE2}
.12_magna {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#577CE2}
.10_magna {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#577CE2}
.10l_magna {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#577CE2}
.9_magna {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#577CE2}

.12_bluesh {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#3A3DC0}
.10_bluesh {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#3A3DC0}
.10l_bluesh {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#3A3DC0}

.14_actief {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#148AC0}
.10_actief {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#148AC0}
.10l_actief {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#148AC0}
.9_actief {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#148AC0}
.9l_actief {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:9pt; font-weight: bold; color:#148AC0}

.14_anjodi {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#E89494}
.12_anjodi {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#E89494}
.10_anjodi {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#E89494}
.10l_anjodi {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#E89494}
.9_anjodi {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#E89494}

.14_nymphea {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#008E70}
.12_nymphea {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#008E70}
.10_nymphea {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#008E70}
.9_nymphea {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#008E70}

.10l_meand {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#00A9A4}

.14_serenite {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#003142}
.12_serenite {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#003142}
.10_serenite {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#003142}
.9_serenite {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#003142}

.14_rosa {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#780096}
.12_rosa {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#780096}
.10_rosa {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#780096}
.9_rosa {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#780096}

.14_meanderer {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#13A5A2}
.12_meanderer {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#13A5A2}
.10_meanderer {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#13A5A2}
.9_meanderer {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#13A5A2}


.14_green {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#00c000}
.12_green {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#00c000}
.10_green {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#00c00c}
.9_green {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: normal; color:#00c000}
.10l_green {font-family: "Microsoft Sans Serif", "Arial"; text-align:left; font-size:10pt; font-weight: bold; color:#00c00c}

.actiefbig {font: bold 10pt;color:#148AC0}
.franceb {font: bold 10pt;color:#ea5532}
.scothbig {font: bold 10pt;color:#3A3DC0}
.magnabig {font: bold 10pt;color:#577CE2}
.anjodibig {font: bold 10pt;color:#E89494}

.big {font-size:10pt ;color:#10224A}
.bigb {font: bold 10pt ;color:#10224A}

HR.white {color: white; height:2px; width:760px}
HR.black {color: #10224a; height:2px; width:760px}

/*this next lot are various classes for either parapgraph or table element formatting - anything you like really - just try them and see what some of them do
some of the overall table ones are good - e.g. .450thin, or use some of the ones like .10tbl1 to set individual table cells up
to ant size, clour, padding etc - really good for customising a table at cell level - just watch the aritmetic on overall table dimensions
or you things might not always wprk the way you want - experiment */


p.left {text-align:left; font-family: "Microsoft Sans Serif", "Arial"; font-size:9pt; font-weight: normal; color:#10224A}
p.center {text-align:center; font-family: "Microsoft Sans Serif", "Arial"; font-size:9pt; font-weight: normal; color:#10224A}
p.pagebreak {text-align:left;page-break-after:always ;font-family: "Microsoft Sans Serif", "Arial"; font-size:9pt; font-weight: normal; color:#10224A}

table {border:none; text-align:center; font-family: "Microsoft Sans Serif", "Arial"; font-size:9pt; font-weight: normal; color:#10224A}
td.rel {position:relative;bottom:10;left:-10}

.450thin { text-align: center; padding:5px;border: 1px solid #10224a ;width: 450px; font: normal 9pt microsoft sans serif, arial; color: #10224a }
.500t { text-align: center; padding:5px;border: 1px solid #10224a ;width: 500px; font: normal 10pt microsoft sans serif, arial; background:#3CA5DE; color: white }
.200t { text-align: center; padding:5px;border: 1px solid #10224a ;width: 200px; font: normal 10pt microsoft sans serif, arial; background:#3CA5DE; color: white }
.500thin {text-align: left ;  border: 1px solid black; padding: 0px; width: 500px ; margin: 0px; font: normal 10pt microsoft sans serif, arial; color: #10224a; background: "#F2FAFF" }
.thin {border: 1px solid black}

.10tbl {text-align: center; padding:5px;font: bold 10pt microsoft sans serif, arial; border: 1px solid #10224a;background: #10224a;color: white}
.10tbl1 {text-align: center; padding:5px; font: normal 9pt microsoft sans serif, arial; border: 1px solid #10224a; background:#F4F4F4; color: #10224a}
.10tbl2 {text-align: center; padding:5px; font: normal 9pt microsoft sans serif, arial; border: 1px solid #10224a; background:#D5EAFF; color: #10224a}
.10tbl3 {text-align: left; padding:5px;font: bold 10pt microsoft sans serif, arial; border: 1px solid #0794E3;color: #0794E3}
.10tbl4 {text-align: center; padding:5px;font: bold 10pt microsoft sans serif, arial; border: 1px solid #10224a;color: #10224a}



/*some more text font stlyes added - a new one called skyblue - create, add and call them as you need...*/

.skyblue14 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:14pt; font-weight: bold; color:#3CA5DE}
.skyblue12 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:12pt; font-weight: bold; color:#3CA5DE}
.skyblue10 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:10pt; font-weight: bold; color:#3CA5DE}
.skyblue9 {font-family: "Microsoft Sans Serif", "Arial"; text-align:center; font-size:9pt; font-weight: bold; color:#3CA5DE}

.redask {font:14pt bold; color:red}
.wding {font-family: "Webdings"; font-size:10pt ;color:#10224A} 

.gar {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 14pt ; font-weight: bold; color: #10224a}
.gar2 {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 12pt ; font-weight: bold; color: #10224a}
.gar10 {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 10pt ; font-weight: bold; color: #10224a}
.lock {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 12pt ; font-weight: bold; color: #FFFFCC}


/*the next lot are used in a href link statements - e.g. <a class="skyblue" href="url".....> and any other link statement
 - e.g. <img class="skyblue" src="images/name.jpg" ....>
all they do is format the link text..use, create, add and call as you need..*/




A.gallery:link {font: bold 20pt ; color:#1E8033}
A.gallery:visited {font: bold 10pt; color:#1E8033}
A.gallery:hover {font: bold 10pt; background:#1E8033;color:#EED25D}

A.white:link {font: bold 10pt;color:white}
A.white:visited {font: bold 10pt; color:white}
A.white:hover {font: bold 10pt; background:white;color:#3CA5DE}

A.new:link {font:  9pt;color:#10224A}
A.new:visited {font:  9pt; color:#10224A}
A.new:hover {font:  9pt; color:#10224A}

A.big:link {font: bold 10pt;color:#10224A}
A.big:visited {font: bold 10pt; color:#10224A}
A.big:hover {font: bold 10pt; background:#10224A;color:white}

A.bigred:link {font: bold 10pt;color:#ea5532}
A.bigred:visited {font: bold 10pt; color:#ea5532}
A.bigred:hover {font: bold 10pt; background:#10224A;color:white}

A.serbig:link {font: bold 10pt;color:##003142}
A.serbig:visited {font: bold 10pt; color:##003142}
A.serbig:hover {font: bold 10pt; background:#10224A;color:white}

A.bigrosa:link {font: bold 10pt;color:#780096}
A.bigrosa:visited {font: bold 10pt; color:#780096}
A.bigrosa:hover {font: bold 10pt; background:#10224A;color:white}

A.bigblue:link {font: bold 10pt;color:#393CBD}
A.bigblue:visited {font: bold 10pt; color:#393CBD}
A.bigblue:hover {font: bold 10pt; background:#10224A;color:white}

A.bluesh:link {font: bold 9pt;color:#3A3DC0}
A.bluesh:visited {font: bold 9pt; color:#3A3DC0}
A.bluesh:hover {font: bold 9pt; background:#10224A;color:white}

A.bigbluesh:link {font: bold 10pt;color:#3A3DC0}
A.bigbluesh:visited {font: bold 10pt; color:#3A3DC0}
A.bigbluesh:hover {font: bold 10pt; background:#10224A;color:white}

A.magna:link {font: bold 9pt;color:#577CE2}
A.magna:visited {font: bold 9pt; color:#577CE2}
A.magna:hover {font: bold 9pt; background:#10224A;color:white}

A.anjodi:link {font: bold 9pt;color:#E89494}
A.anjodi:visited {font: bold 9pt; color:#E89494}
A.anjodi:hover {font: bold 9pt; background:#10224A;color:white}

A.seren:link {font: bold 9pt;color:#08314A}
A.seren:visited {font: bold 9pt; color:#08314A}
A.seren:hover {font: bold 9pt; background:#10224A;color:white}

A.meand:link {font: bold 9pt;color:#00A9A4}
A.meand:visited {font: bold 9pt; color:#00A9A4}
A.meand:hover {font: bold 9pt; background:#10224A;color:white}

A.meand_10:link {font: bold 10pt;color:#13A5A2}
A.meand_10:visited {font: bold 10pt; color:#13A5A2}
A.meand_10:hover {font: bold 10pt; background:#10224A;color:white}

A.nymph:link {font: bold 9pt;color:#008E70}
A.nymph:visited {font: bold 9pt; color:#008E70}
A.nymph:hover {font: bold 9pt; background:#10224A;color:white}

A.nymphbig:link {font: bold 10pt;color:#008E70}
A.nymphbig:visited {font: bold 10pt; color:#008E70}
A.nymphbig:hover {font: bold 10pt; background:#10224A;color:white}

A.magnabig:link {font: bold 10pt;color:#577CE2}
A.magnabig:visited {font: bold 10pt; color:#577CE2}
A.magnabig:hover {font: bold 10pt; background:#10224A;color:white}

A.turq:link {font: bold 9pt;color:#148AC0}
A.turq:visited {font: bold 9pt; color:#148AC0}
A.turq:hover {font: bold 9pt; background:#10224A;color:white}

A.actiefbig:link {font: bold 10pt;color:#148AC0}
A.actiefbig:visited {font: bold 10pt; color:#148AC0}
A.actiefbig:hover {font: bold 10pt; background:#10224A;color:white}

A.anjodibig:link {font: bold 10pt;color:#E89494}
A.anjodibig:visited {font: bold 10pt; color:#E89494}
A.anjodibig:hover {font: bold 10pt; background:#10224A;color:white}

A.green:link {font: bold 9pt;color:#00C000}
A.green:visited {font: bold 9pt; color:#00C000}
A.green:hover {font: bold 9pt; background:#10224A;color:white}

A.biggreen:link {font: bold 10pt;color:#00C000}
A.biggreen:visited {font: bold 10pt; color:#00C000}
A.biggreen:hover {font: bold 10pt; background:#10224A;color:white}

A.red:link {font: bold 9pt;color:#ea5532}
A.red:visited {font: bold 9pt; color:#ea5532}
A.red:hover {font: bold 9pt; background:#10224A;color:white}

A.bigturq:link {font: bold 10pt;color:#148AC0}
A.bigturq:visited {font: bold 10pt; color:#148AC0}
A.bigturq:hover {font: bold 10pt; background:#10224A;color:white}

A.bigmagna:link {font: bold 10pt;color:#577CE2}
A.bigmagna:visited {font: bold 10pt; color:#577CE2}
A.bigmagna:hover {font: bold 10pt; background:#10224A;color:white}

A.lock:link {font: bold 12pt;color:#FFFFCC}
A.lock:visited {font: bold 12pt; color:#FFFFCC}
A.lock:hover {font: bold 12pt; background:#FFFFCC;color:#F0AA14}

A.lockb:link {font:bold 12pt "Garamond", "Microsoft Sans Serif", "Arial" ;color:#393CBD}
A.lockb:visited {font:bold 12pt "Garamond", "Microsoft Sans Serif", "Arial" ;color:#393CBD}
A.lockb:hover {font: bold 12pt "Garamond", "Microsoft Sans Serif", "Arial" ;color:#393CBD; background:#ccfefd}

A.gar:link {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 12pt ; font-weight: bold; color: #10224a}
A.gar:visited {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 12pt ; font-weight: bold; color: #10224a}
A.gar:hover {font-family: "Garamond", "Microsoft Sans Serif", "Arial"; font-size: 12pt ; font-weight: bold; background:#10224A;color:white}


/*miscellaneous...some positioning classes - for moving elements around on the page..*/
.rel {position:relative;bottom:10;left:-10}

.center {text-align:center}
.left {text-align:left}
.leftindent {text-align:left ; padding-left:40}
.wb {font:bold;color:white}
.indent {padding-left:10}
.relative {position:relative;bottom:10;left:-10}

/*some image positioning classes - float is used to wrap the text around the image - either left or right
"float: left;" puts the image to the left and text wraps to the right and vice versa..*/

img.left {float:left; margin-top: 10px; margin-right: 10px}
img.left2 {float:left; margin-top: 5px; margin-right: 10px}
img.right {float:right}

/*next lot are for setting list styles up - use an image and position it where you want...*/

ul.wheel     { list-style-image: 
               url(images/wheel2top.gif); 
               list-style-position: outside; font-size: 10pt;  position: 
               relative; left: -30 }

ul.wheel2     { list-style-image: 
               url(images/wheel2top.gif); 
               list-style-position: outside; font-size: 10pt;  position: 
               relative; left: 40 }

ul.wheel3     { list-style-image: 
               url(images/wheel3.gif); 
               list-style-position: outside; font-size: 10pt;  }



/*the rest are various element positioning classes - usually use them in <div>
e.g. <div class="c420"> sets the next block up as width 420, centered...
create and use as required...*/

.center {margin-left; auto; margin-right; auto}

.c400 {text-align:center ; width:400px}
.c402 {text-align:center ; width:402px}
.c420 {text-align:center ; width:420px}
.c450 {text-align:center ; width:450px}
.c480 {text-align:center ; width:480px}
.c500 {text-align:center ; width:500px}
.c520 {text-align:center ; width:520px}
.c580 {text-align:center ; width:580px}
.c650 {text-align:center ; width:650px}
.c690 {text-align:center ; width:690px}
.c720 {text-align:center ; width:720px}

.l400 {text-align:left ; width:400px}
.l402 {text-align:left ; width:402px}
.l450 {text-align:left ; width:450px}
.l480 {text-align:left ; width:480px}
.l500 {text-align:left ; width:500px}
.l520 {text-align:left ; width:520px}
.l530 {text-align:left ; width:530px}
.l550 {text-align:left ; width:550px}
.l550 {text-align:left ; width:550px}
.l580 {text-align:left ; width:580px; padding-left: 15px;}
.l650 {text-align:left ; width:650px}
.l700 {text-align:left ; width:700px}


