body {
color : #444444;
font : 66% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin : 0;
background-color : rgb(255, 255, 255);
}
a {
color : #0000ee;
}
a:hover {
color : #ee0000;
}
a:visited {
color : #551a8b;
}
.nounderline {
text-decoration : none;
}
#tablist {
margin-left : 0;
margin-bottom : 0;
padding-left : 0;
text-align : left;
}
#tablist UL {
background : url(images/tabs/tabul.jpg) repeat-x bottom;
margin-left : 0;
margin-bottom : 0;
padding-left : 10px;
position : absolute;
top : 105px;
width : 100%;
}
#tablist LI {
float : left;
font-weight : bold;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
list-style : none;
font-size : 100%;
}
#tablist LI.gap {
float : left;
background : url(images/tabs/tabright.jpg) no-repeat left top;
width : 1px;
}
#tablist LI A {
float : left;
display : block;
padding-left : 6px;
color : #333333;
text-decoration : none;
}
#tablist LI.grey A {
float : left;
display : block;
padding-left : 6px;
color : #cccccc;
text-decoration : none;
}
#tablist LI.here A {
float : left;
background-color : #ffffff;
background : url(images/tabs/tabhere.jpg) no-repeat left top;
}
#tablist LI SPAN {
cursor : pointer;
float : left;
display : block;
padding-left : 0;
padding-right : 6px;
padding-bottom : 3px;
padding-top : 3px;
}
#tablist LI.here SPAN {
cursor : default;
float : left;
padding-bottom : 4px;
background-color : #ffffff;
color : black;
background : url(images/tabs/tabhere.jpg) no-repeat right top;
}
#tablist LI.start SPAN {
float : left;
background : url(images/tabs/tabgap.jpg) no-repeat right bottom;
width : 1px;
}
#tablist LI.gap SPAN {
float : left;
background : url(images/tabs/tabgap.jpg) no-repeat right bottom;
width : 1px;
}
#tablist LI.end SPAN {
float : left;
background : url(images/tabs/tabright.jpg) no-repeat left top;
width : 1px;
}
#tablist LI A:hover {
background : url(images/tabs/tabhover.gif) no-repeat left top;
}
#tablist LI.here A:hover {
background : url(images/tabs/tabherec2.gif) no-repeat left top;
}
#tablist LI.here A:hover SPAN {
color : #333333;
font-weight : bold;
background : url(images/tabs/tabherec2.gif) no-repeat right top;
}
#tablist LI A:hover SPAN {
color : rgb(175, 0, 0);
font-weight : bold;
background : url(images/tabs/tabhover.gif) no-repeat right top;
}
#tablist LI A:active {
background-color : #ffffff;
}
#tablist LI A:active SPAN {
background-color : #ffffff;
color : #333333;
font-weight : bold;
}
#tablist LI A:visited {
font-weight : bold;
}
HTML #tablist UL {
margin-top : 4px;
}
.mainbody {
margin : 0 30px 0 60px;
padding-top : 12px;
}
.mainbody p {
line-height : 200%;
margin : 6px 6px 16px 0;
text-align : justify;
font-size : 125%;
}
.mainbody p.gototop a {
text-decoration : none;
}
.mainbody p span.smallgrey {
font-size : 88%;
color : gray;
}
.mainbody ul {
padding-bottom : 15px;
list-style-type : disc;
list-style-image : url(/images/bullet.gif);
}
.mainbody li {
line-height : 200%;
}
.mainbody li span.smallgrey {
font-size : 88%;
color : gray;
}
.mainbody p.clickme {
padding : 4px 0 4px 14px;
background : url(images/bullet.gif) no-repeat 0 50%;
}
h1 {
font-size : 165%;
margin : 5px 6px 16px 0;
color : rgb(155, 0, 0);
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
margin : 16px 6px 12px 0;
font-size : 140%;
color : rgb(115, 40, 40);
}
#header {
padding-left : 10px;
padding-top : 15px;
padding-bottom : 10px;
width : 100%;
text-align : left;
position : absolute;
left : 0;
top : 0;
background-color : #f8f6e3;
border-bottom : 1px solid black;
}
#search {
position : absolute;
right : 10pt;
top : 10pt;
}
#pagecentre {
width : 100%;
text-align : left;
padding-left : 0;
position : relative;
font-size : 110%;
margin-top : 75px;
}
HTML #pagecentre {
padding-top : 75px;
}
#tabbottom {
border-top : 1px solid rgb(123, 123, 123);
margin-top : 50px;
width : 100%;
}
#footer {
padding-bottom : 10px;
position : relative;
padding-top : 1px;
margin-top : 1px;
text-align : center;
background-color : #f8f6e3;
border-top : 1px solid rgb(123, 123, 123);
}
.dotdotdot {
color : #f1f1f1;
}
.picright a {
margin : 5px 5px 0px 60px; 
float : right; 
text-align : center;
border : 3px solid black;
line-height : 1.5;
}
.picright a:hover {
border : 3px solid rgb(155, 0, 0);
color : rgb(155, 0, 0);
}
.picleft a {
margin : 5px 60px 0px 0px; 
float : left;
text-align : center;
border : 3px solid black; 
line-height : 1.5;
}
.picleft a:hover {
border : 3px solid rgb(155, 0, 0);
color : rgb(155, 0, 0);
}