html {
height:100%;
min-height:100%
}

* {
margin:0;
padding:0;
}

img, fieldset {
border:0;
}

p { 
margin-bottom:8px;
}

.left { 
float:left; 
padding:0px 8px 0px 0px;
}

.right {
float:right; 
padding:0px 0px 0px 8px;
}

.center { 
display:block;
text-align:center;
margin:0 auto;
}

body {
background-color:#c8e3f1;
margin:0;
padding:0;
text-align:center;
color:#555;
font-family:verdana,arial,sans-serif;
font-size:80%;
letter-spacing:normal;
}

#page-outer-wrapper {
background:#ddd;
}

#page-inner-wrapper {
padding:10px;
}

#page-outer-content {
padding:0;
background-color:#feffff;
border-left:2px solid #74bde0;
border-bottom:2px solid #74bde0;
border-right:2px solid #4ea4d3;
border-top:2px solid #4ea4d3;
width:700px;
margin:0 auto;
}

@media print {
#page-outer-content {
border:0px;
}
}

#page-content {
text-align:left;
xheight:500px;
}

#page-header {
background:transparent url(header-area-bg.png) top left repeat-x;
height:101px;
margin-bottom:20px;
}

#page-header h1 {
font-family:tahoma,arial,sans-serif;
font-size:40px;
letter-spacing:2px;
line-height:50px;
font-weight:normal;
color:#00009a;
position:absolute;
top:30px;
right:22px;
}

#page-header h2 {
font-family:verdana,arial,sans-serif;
font-size:16px;
font-weight:bold;
color:#ff8c05;
position:absolute;
top:80px;
right:24px;
}

#page-header h3 {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:normal;
color:#555;
position:absolute;
top:102px;
right:24px;
}

#page-trailer {
background-color:#646464;
color:white;
text-align:left;
font-size:12px;
padding:0px;
width:100%;
float:left;
}

#trailer-left {
width:350px;
left:10px;
float:left;
padding:10px;
}

#trailer-right {
width:250px;
float:right;
text-align:right;
padding:10px;
}

#page-trailer a, #page-trailer a:visited {
color:white;
text-decoration:none;
border-bottom:1px dashed white;
}

#page-trailer a:hover {
color:#ccc;
text-decoration:none;
border-bottom:1px solid #ccc;
}

strong {
color: #ff8c05;
}

h1 {
margin:0;
padding:0;
}

#content-area {
margin:48px 24px 24px 24px;
width:650px;
xheight:300px;
}

#content-area h1 {
font-family:verdana,arial,sans-serif;
font-size:17px;
font-weight:normal;
color:#ff8c05;
padding:0;
padding:5px 5px 8px 4px;
margin:0;
line-height:18px;
background-color:#f8f8f8;
}

.noticeboard {
width:100%;
}

.noticeboard td {
padding:10px 5px 5px;
font-size:14px;
border-bottom:1px solid #ecf6ff;
}

.noticeboard th {
padding:5px;
font-size:14px;
font-weight:bold;
background-color:#ecf6ff;
color:#00009a;
}

.topic {
color:#00009a;
font-variant:small-caps;
}

.month-wrapper {
margin-top:20px;
xborder:1px dashed #e8e8e8;
background-color:#fcfcfc;
padding:0px 0px 15px 0px;
}

.info-block {
border:1px solid #e8e8e8;
background-color:#f8f8f8;
padding:10px;
}


.info-block a, .info-block a:visited {
text-decoration:none;
border-bottom:1px dashed #555;
color:#555;
}

.info-block a:hover {
color:#00009a;
text-decoration:none;
border-bottom:1px solid #00009a;
}

.info-wrapper {
margin-top:20px;
}

.nonie-clearer {
clear:both;
display:block;
}

.terminator {
padding:10px;
margin:0;
background-color:#646464;
color:#fff;
}