/* global
----------------------------------------------- */
body {
margin:0 0 0 0;
padding:0;
font-family:Arial;
font-size:11px;
color:#000000;
letter-spacing:0.25px;
}

/* layout
----------------------------------------------- */
#container {
width:800px;
}

#container_main {
padding:10px;
}

#left {
padding-top:20px;
padding-left:12px;
letter-spacing:0.8px;
}

#right {
padding-top:20px;
padding-left:12px;
}

/* links
----------------------------------------------- */

a:link {
color:#808080;
text-decoration:none;
}

a:visited {
color:#808080;
text-decoration:none;
}

a:hover {
color:#000000;
text-decoration:none;
background-color:#99FFFF
}

a.black:hover { /*This mouse-over is set to green, you just need to duplicate this portion to create the different colours. in the main html, set the class to e.g. red if you created a new red link class*/
color:#000000;
text-decoration:none;
}


.navi_header {
color:#000;
}

.content_header {
font-weight:bold;
}

hr {
border-bottom:1px solid #FFFFFF;
}