html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, span, img {margin: 0; padding: 0; border: 0}

BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #800080;
    background: #600060 repeat-y;
    font-family:Arial; text-align:center
}
h1	{ font-size: 14pt; font-weight:normal }
h2	{ font-size: 10pt; font-weight:normal }
h3	{ font-size: 8pt; font-weight:normal }
li	{ font-size: 8pt; font-weight:normal }
a:link    { font-size: 8pt; font-weight:normal; color: #800080}
a:hover   { font-size: 8pt; font-weight:normal; color: #800080}
a:active  { font-size: 8pt; font-weight:normal; color: #800080}
a:visited { font-size: 8pt; font-weight:normal; color: #808080}

#pagecontainer{ margin-top:50px;margin-left:auto; margin-right:auto; padding:0px; width:800px; text-align:center}
.pagelayout {float:left; border:8px solid #FFC8FF; padding:0px; width:800px; text-align:center; background-color:#FFFFFF;  overflow:hidden}
.gap{float:left;width: 100%; color:white;
	height:50px
}
#headerbanner{border:1px solid #FFC8FF; padding:0px; margin: 2px; width:792px; height:80px; text-align:center; background-color:#FFe0FF; background:url('bkgrnd16.gif') }
.Col_1{border:1px solid #FFC8FF; padding:0px; margin: 2px; width:260px; height: 200px; text-align:center; background-color:#FFe0FF; float:left; background:url('block1.gif')}
.Col_2{border:1px solid #FFC8FF; padding:0px; margin: 2px; width:260px; height: 200px; text-align:center; background-color:#FFe0FF; float:left; background:url('block1.gif')}
.Col_3{border:1px solid #FFC8FF; padding:0px; margin: 2px; width:260px; height: 200px; text-align:center; background-color:#FFe0FF; float:left; background:url('block1.gif')}

.Box{padding:0px; margin: 2px; width:260px; height: 204px; text-align:center; background-color:#FFe0FF; float:left}
.Box h1{ font-size: 14pt; font-weight:normal; color:#FFFFFF }
.Box h2{ font-size: 8pt; font-weight:normal }
.Box a:link    { text-decoration:underline}
.Box a:visited { text-decoration:underline}
.Box a:hover   { text-decoration:none}
.Box img {border:2px solid #FFFFFF}


#Col_OP{border:1px solid #20ff0f; background:url('block_green.gif'); color:#008000}
#Col_OP a:link    { color: #008000}
#Col_OP a:hover   { color: #008000}
#Col_OP a:active  { color: #008000}
#Col_OP a:visited { color: #808080}


#Col_WED{border:1px solid #800080; background:url('block_pink.gif'); color:#800080}
#Col_WED a:link    { color: #800080}
#Col_WED a:hover   { color: #800080}
#Col_WED a:active  { color: #800080}
#Col_WED a:visited { color: #808080}

#Col_NE{border:1px solid #FF0000; background-color:#FFe0FF; float:left; background:url('block_red.gif'); color:#FF0000}
#Col_NE a:link    { color: #FF0000}
#Col_NE a:hover   { color: #FF0000}
#Col_NE a:active  { color: #FF0000}
#Col_NE a:visited { color: #808080}

#Col_OLS{border:1px solid #ffa70f; background:url('block_ora.gif'); color:#CC6600}
#Col_OLS a:link    { color: #CC6600}
#Col_OLS a:hover   { color: #CC6600}
#Col_OLS a:active  { color: #CC6600}
#Col_OLS a:visited { color: #808080}

#Col_OF{border:1px solid #0f20ff; background:url('block_blue.gif'); color:#0000FF}
#Col_OF a:link    { color: #0f20ff}
#Col_OF a:hover   { color: #0f20ff}
#Col_OF a:active  { color: #0f20ff}
#Col_OF a:visited { color: #808080}


#Col_RB{border:1px solid #000000; background:url('block_black.gif'); color:#000000}
#Col_RB a:link    { color: #000000}
#Col_RB a:hover   { color: #000000}
#Col_RB a:active  { color: #000000}
#Col_RB a:visited { color: #808080}

.Pic_Centre {float:left; width:96%}
.Pic_Centre img {border:1px }
.Pic_Left {float:left; width:45%}
.Pic_Left img {border:2px }
.Text_Right {text-align: right; float:left; width:50%}

.FD1 {/*margin-left:auto; margin-right:auto;float:left;*/ border:1px solid #FFC8FF; padding:0px; margin: 2px; width:100%;/* width:792px;*/text-align:center; background-color:#FFe0FF; background:url('bkgrnd.gif') no-repeat}
.FD1 a:link    { text-decoration:underline}
.FD1 a:hover   { text-decoration:none}
.FD1 a:visited { text-decoration:underline}

.Area_List1 {border:1px solid #FFC8FF; padding:0px; margin: 2px; width:125px; height:250px;/* this fixed a wrap problem with FD1 */ text-align:center; background-color:#FFe0FF; float:left; background:url('block1.gif') no-repeat}
.Area_List1 h3{ font-size: 10pt; font-weight:normal }
.Area_List1 li {list-style-type: none}
.UCE {border:1px solid #FF0000; margin: 2px;text-align:center }
.UCE2 {border:0px solid #FF0000; margin: 2px;text-align:center }
.UCE3 {border:1px solid #FFd0d0; margin: 2px;text-align:center; background-color:#FFf0f0 }

.centre{
	text-align:center
}

.leftText{text-align:left; float:left}

.inver{COLOR: #800080; font-size:18pt; font-weight:bold}
.blooms{COLOR: #FF00FF; font-size:18pt; font-weight:bold}
.com{COLOR: #C0C0C0; font-size:14pt}