html, body {
margin: 0px;
padding: 0px;
border: 0px;
background-image:url(images/bg.png);
background-position:left;
background-repeat:repeat;
}
#header {
position: absolute;
text-align:right;
border-bottom: 15px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
width: 988px;
margin: 0px;
padding: 0px;
top: 0px;
height: 141px;
}
#header h1 {
font: bold 2.5em Balthazar, "Blackadder ITC", "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
color: #859CFE;
padding: 5px 15px 15px;
}
img#cctlogo {
top: 166px;
position: absolute;
left: 0em;
width: 150px;
height: 124px;
border-right: 0px solid #9CFE85;
}
#left {
border-right: 0px solid #9CFE85;
position: absolute;
left: 0px;
top: 290px;
width: 150px;
}
#left a {
display: block;
list-style: url(none) none;
font: bold 0.75em/1.75em Arial, Helvetica, sans-serif;
border-bottom: 2px solid #859CFE;
color: #859CFE;
padding-left: 0px;
background: #FFFFFFS;
text-decoration: none;
}
#left a:hover {
color: #b1b1b1;
}
img.icon {
float: right;
border: 0px none;
clear: right;
}
#main {
border-left: 1px none #9CFE85;
border-top: 1px none #9CFE85;
border-bottom: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
margin: 156px 20px 40px 150px;
padding-left:20px;
padding-right:20px;
font: 1em "Times New Roman", Times, serif;
width:798px;
background-color:#CCCCCC;
background-image:url(images/mainbg.png);
background-position:bottom right;
background-repeat:no-repeat;
}
#main p, #main ul, #main li {
font: 1em Arial, Helvetica, sans-serif;
}
#main h1 {
font: bold 2em Balthazar, "Blackadder ITC", "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
color: #f64a5e;
}
#main h2 {
font: bold 1.25em Balthazar, "Blackadder ITC", "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
color: #f64a5e;
}
#main a {
color: #FE859C;
}