body, table, tr, td, p, span, input, select, textarea, div, a, img
{
    font-size: 11px;
    font-family: verdana, arial, helvetica;
    color: #333333; ;
}

/* define font tag separately - prevents the font color tag from being ignored */
a 	{ font-size: 11px ; font-family: verdana, arial, helvetica ; }
font 	{ font-size: 11px ; font-family: verdana, arial, helvetica ; }

h1 { font-family: verdana, arial, helvetica; font-size:20px; font-weight:bold ; } 
h2 { font-family: verdana, arial, helvetica; font-size:18px; font-weight:bold ; } 
h3 { font-family: verdana, arial, helvetica; font-size:16px; font-weight:bold ; } 
h4 { font-family: verdana, arial, helvetica; font-size:14px; font-weight:bold ; } 
h5 { font-family: verdana, arial, helvetica; font-size:12px; font-weight:bold ; }
h6 { font-family: verdana, arial, helvetica; font-size:11px; font-weight:bold ; } 

INPUT
{
border-top : solid 1px #847D71; 
border-right : solid 1px #CCCCCC; 
border-left : solid 1px #847D71; 
border-bottom : solid 1px #CCCCCC; 
}

.checkbox
{
/* ie only? */
background-color:white;
border-style:none;
}

textarea 
{
border-top : solid 1px #847D71; 
border-right : solid 1px #CCCCCC; 
border-left : solid 1px #847D71; 
border-bottom : solid 1px #CCCCCC; 
}

@media all { 
	input, select { 
		color : #666666; 
		font : normal 11px verdana; 
		background-color: #F8F8F8; 
		scrollbar-base-color : ThreedFace; 
		scrollbar-3dlight-color : InactiveBorder; 
	} 
} 

/* for the domino content */
.dominobodytext 	  	{ color: #003366;  font-size:11px; } 
.dominobodytext div, p, table, tr, td, ul, li { color: #003366;  } 
.dominobodytext a:link		{ color: blue ; } 
.dominobodytext a:visited	{ color: purple ; } 
.dominobodytext a:hover		{ color: #880028 ; } 

/* for the boxes' title (on the right) */
.bodytextbg 	{ background-color: #d2deeb; }

/* for the footer part of the site */
.FooterTbl 		{background-color: #607fbf ; }
.FooterText		{text-decoration: none; COLOR: #ffffff; LINE-HEIGHT: 1.2; }
.FooterText A:link		{text-decoration: none; COLOR: #ffffff; }
.FooterText A:visited 	{text-decoration: none; COLOR: #ffffff; }
.FooterText A:active 	{text-decoration: none; COLOR: #cccccc; }
.FooterText A:hover 	{text-decoration: none; COLOR: #cccccc; }

/* this is for events / information centre tables .. */

tr.trbg0 	{ background-color: #FFFFFF ; }
tr.trbg1 	{ background-color: #F3F3F3 ; }
tr.trbg2 	{ background-color: #FFFFFF ; }
td.edate 	{ color: brown ; } 
td.evenue 	{ color: brown ;}
td.esector 	{ color: #408775 ; font-weight: bold ; }
td.tdb 	{ font-weight: bold ; }

.events { color: #162E54 ; }

#doclib td.esector a { color: #890129; }

#tblinfoa table 	{ background-color: #E4E4E4;} 
#tblinfob table 	{ font-family: verdana, arial, helvetica; font-size:11px; } 
#tblinfob tr 	{ background-color: #FFFFFF ; }

/* weblinks categories */
td.wlcat { color: #880028 ; font-weight: bold ; }
td.wlcat a { color: #880028 ; font-weight: bold ; }


/* the other parts of the site */

.navsidetext		{text-decoration: none; color: #2A457B;}
.navsidetext A		{text-decoration: none; color: #2A457B;}
.navsidetext A:link		{text-decoration: none; color: #2A457B;}
.navsidetext A:visisted	{text-decoration: none; color: #2A457B;}
.navsidetext A:active	{text-decoration: none; color: #890129;}
.navsidetext A:hover	{text-decoration: underline; color: #890129;}

.bodytext 			{text-decoration: none; }
.bodytext A:link 		{text-decoration: none; color: #339966;}
.bodytext A:visited 	{text-decoration: none; }
.bodytext A:active 	{text-decoration: none; }
.bodytext A:hover 	{text-decoration: none; }

.bodytextmember		{text-decoration: none; }
.bodytextmember A:link 	{text-decoration: none; }
.bodytextmember A:visited {text-decoration: none; }
.bodytextmember A:active {text-decoration: none; }
.bodytextmember A:hover {text-decoration: none; }

.bodytextside 		{text-decoration: none; font-size: 10px; color: #162E54; }
.bodytextside A:link 	{ font-size: 10px; color: #162E54; }
.bodytextside A:visited { font-size: 10px; color: #162E54; }
.bodytextside A:active 	{ font-size: 10px; color: #162E54; }
.bodytextside A:hover 	{ font-size: 10px; color: #880028; }

.bodytextbold		{text-decoration: none; font-weight: bold; LINE-HEIGHT: 1.2; color: #2A457B; }
.bodytextbold A:link 	{text-decoration: none; font-weight: bold; color: #2A457B; }
.bodytextbold A:visited {text-decoration: none; font-weight: bold; color: #2A457B; }
.bodytextbold A:active 	{text-decoration: none; font-weight: bold; color: #2A457B; }
.bodytextbold A:hover 	{text-decoration: none; font-weight: bold; color: #2A457B; }
/* 99022F */

.bodytextitalic			{text-decoration: none; font-style: italic; COLOR: #006699; LINE-HEIGHT: 1.2; color: #006699; }
.bodytextitalic A:link 		{text-decoration: bold; font-style: italic; Color: #282E71; }
.bodytextitalic A:visited 	{text-decoration: bold; font-style: italic; COLOR: #282E71; }
.bodytextitalic A:active	{text-decoration: bold; font-style: italic; COLOR: #282E71; }
.bodytextitalic A:hover 	{text-decoration: bold; font-style: italic; COLOR: #282E71; }

.bodytextpink		{ COLOR: #C80752; }
.bodytextpink A:link 	{text-decoration: none; COLOR: #C80752; }
.bodytextpink A:visited {text-decoration: none; COLOR: #C80752; }
.bodytextpink A:active 	{text-decoration: none; COLOR: #C80752; }
.bodytextpink A:hover 	{text-decoration: underline; COLOR: #C80752; }

.bodytextsmall		{text-decoration: none; FONT-SIZE: 10px; COLOR: #282E71; }
.bodytextsmall A:link 	{text-decoration: none; FONT-SIZE: 10px; COLOR: #282E71; }
.bodytextsmall A:visited {text-decoration: none; FONT-SIZE: 10px; COLOR: #282E71; }
.bodytextsmall A:active {text-decoration: none; FONT-SIZE: 10px; COLOR: #282E71; }
.bodytextsmall A:hover 	{text-decoration: none; FONT-SIZE: 10px; COLOR: #282E71; }

.printtext 			{text-decoration: none; COLOR: #282E71; }
.printtext A:link 	{text-decoration: none; COLOR: #282E71; }
.printtext A:visited 	{text-decoration: none; COLOR: #282E71; }
.printtext A:active 	{text-decoration: none; COLOR: #282E71; }
.printtext A:hover 	{text-decoration: none; COLOR: #282E71; }

.redtext			{font-size:10px; COLOR: #860000; LINE-HEIGHT: 1.2; }
.redtext A:link 		{font-size:10px; text-decoration: none; COLOR: #860000; }
.redtext A:visited 	{font-size:10px; text-decoration: none; COLOR: #860000; }
.redtext A:active 	{font-size:10px; text-decoration: none; COLOR: #860000; }
.redtext A:hover 		{font-size:10px; text-tecoration: none; COLOR: #860000; }

.redtextbig  		{FONT-SIZE: 12px; COLOR: #007263; LINE-HEIGHT: 1.4; FONT-WEIGHT: bold; }
.redtextbig A:link 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }
.redtextbig A:visited 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }
.redtextbig A:active 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }
.redtextbig A:hover 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }

.greentextbig 		{FONT-SIZE: 12px; COLOR: #007263; LINE-HEIGHT: 1.4; FONT-WEIGHT: bold; }
.greentextbig A:link 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }
.greentextbig A:visited {text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }
.greentextbig A:active 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }
.greentextbig A:hover 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #007263; }

.whitetextbig		{FONT-SIZE: 12px; COLOR: #ffffff;  LINE-HEIGHT: 1.4; FONT-WEIGHT: bold; }
.whitetextbig A:link 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }
.whitetextbig A:visited {text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }
.whitetextbig A:active 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }
.whitetextbig A:hover 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }

td.SpotLightPlain { font-size: 14px ; font-weight: bold ; color: white ; line-height: 1.75 ; padding: 2px ; }
td.SpotLight  {cursor:pointer; cursor:hand; font-size: 14px ; font-weight: bold ; color: white ; line-height: 1.75 ; padding: 5px ; }
td.SpotLight A  {text-decoration: none; FONT-SIZE: 12px; color: 1B306D}
td.SpotLight A:link {text-decoration:#890129; FONT-SIZE: 12px;}
td.SpotLight A:hover {text-decoration: underline; FONT-SIZE: 12px; color: #890129 ; }


.whitetextbiggest			{FONT-SIZE: 13px; COLOR: #ffffff;  LINE-HEIGHT: 27px; FONT-WEIGHT: bold; }
.whitetextbiggest A:link 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }
.whitetextbiggest A:visited 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }
.whitetextbiggest A:active 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }
.whitetextbiggest A:hover 	{text-decoration: none; FONT-SIZE: 100%; COLOR: #ffffff; }

.darktextbig		{FONT-SIZE: 11px; COLOR: #333333;  LINE-HEIGHT: 1.4; FONT-WEIGHT: bold; }
.darktextbig A:link 	{text-decoration: none; FONT-SIZE: 11px; COLOR: #333333; }
.darktextbig A:visited 	{text-decoration: none; FONT-SIZE: 11px; COLOR: #333333; }
.darktextbig A:active 	{text-decoration: none; FONT-SIZE: 11px; COLOR: #333333; }
.darktextbig A:hover 	{text-decoration: none; FONT-SIZE: 11px; COLOR: #333333; }

.greenheadertext			{FONT-SIZE: 10px; COLOR: #007263; LINE-HEIGHT: 1.4; FONT-WEIGHT: bold;}
.greenheadertext A:link 	{text-decoration: none; FONT-SIZE: 10px; COLOR: #007263;}
.greenheadertext A:visited 	{text-decoration: none; FONT-SIZE: 10px; COLOR: #007263;}
.greenheadertext A:active 	{text-decoration: none; FONT-SIZE: 10px; COLOR: #007263;}
.greenheadertext A:hover 	{text-decoration: none; FONT-SIZE: 10px; COLOR: #007263;}

.bluetext			{FONT-SIZE: 12px; COLOR: #282D71; LINE-HEIGHT: 1.4; }
.bluetext A:link 		{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }
.bluetext A:visited 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }
.bluetext A:active 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }
.bluetext A:hover 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }

.bluetextbig		{FONT-SIZE: 12px; COLOR: #282D71; LINE-HEIGHT: 1.2; FONT-WEIGHT: bold; }
.bluetextbig A:link 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }
.bluetextbig A:visited 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }
.bluetextbig A:active 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }
.bluetextbig A:hover 	{text-decoration: none; FONT-SIZE: 12px; COLOR: #282D71; }

.HeaderText			{ font-weight: bold; LINE-HEIGHT: 1.4; color: #007263; }
.HeaderText A:link 	{ font-weight: bold; color: #890129; }
.HeaderText A:visited	{ font-weight: bold; color: #890129; }
.HeaderText A:active 	{ font-weight: bold; color: #890129; }
.HeaderText A:hover 	{ font-weight: bold; color: #890129; }

/* drop-down menu stuff - add the necessary div id tags (found in menu1.js file) */
/* - take the name of the top level menu */
#oM_Home_0 		{ position:absolute ; FONT-SIZE: 12px; }
#oM_AboutUs_0 	{ position:absolute ; FONT-SIZE: 12px; }
#oM_Information_0 { position:absolute ; FONT-SIZE: 12px; }
#oM_News_0 		{ position:absolute ; FONT-SIZE: 12px; }
#oM_Events_0 	{ position:absolute ; FONT-SIZE: 12px; }
#oM_ContactUs_0 	{ position:absolute ; FONT-SIZE: 12px; }

/* other menu div tags */
/* - check with ns4.7x - it will let you know of the names when it complains about unknown/incorrect div tags */
#oM_1_0 	{ position:absolute ; FONT-SIZE: 12px; }
#oMbbar 	{ position:absolute ; FONT-SIZE: 12px; }
#oMbbar_0 	{ position:absolute ; FONT-SIZE: 12px; }

/* rest of the drop-down menu stuff - no need to modify. */
.Section
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    LINE-HEIGHT: 1.4;
    FONT-FAMILY: verdana, arial,helvetica
}
.Arrow
{
    FONT-SIZE: 9px;
    COLOR: #860000;
    FONT-FAMILY: verdana, arial,helvetica
}
.clCMEvent
{
    Z-INDEX: 300;
    LEFT: 0px;
    VISIBILITY: hidden;
    WIDTH: 100%;
    CLIP: rect(0px 100% 100% 0px);
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%
}
.clCMAbs
{
    LEFT: 0px;
    VISIBILITY: hidden;
    WIDTH: 10px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 10px
}
.clT
{
    CURSOR: pointer;
    OVERFLOW: hidden;
    WIDTH: 270px;
    CURSOR: hand;
    POSITION: absolute;
    HEIGHT: 25px
}
.clTover
{
    CURSOR: pointer;
    OVERFLOW: hidden;
    WIDTH: 270px;
    CURSOR: hand;
    POSITION: absolute;
    HEIGHT: 25px
}
.clS
{
    CURSOR: pointer; 
    OVERFLOW: hidden;
    WIDTH: 270px;
    CURSOR: hand;
    POSITION: absolute;
    HEIGHT: 25px
}
.clSover
{
    CURSOR: pointer;
     OVERFLOW: hidden;
    WIDTH: 270px;
    CURSOR: hand;
    POSITION: absolute;
    HEIGHT: 25px
}
.clS2
{
    CURSOR: pointer;
    OVERFLOW: hidden;
    WIDTH: 270px;
    CURSOR: hand;
    POSITION: absolute;
    HEIGHT: 25px
}
.clS2over
{
    CURSOR: pointer;
    OVERFLOW: hidden;
    WIDTH: 270px;
    CURSOR: hand;
    POSITION: absolute;
    HEIGHT: 25px
}
.clT
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}
.clTover
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}
.clT
{
    COLOR: white
}
.clTover
{
    COLOR: #ffffff
}
.clS
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.clSover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.clS2
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.clS2over
{
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
}
.clS
{
    COLOR: #333333;
    BACKGROUND-COLOR: #F8F8F8;
    layer-background-color: #F8F8F8;
}
.clS2
{
    COLOR: #162E54;
    BACKGROUND-COLOR: #ffffff;
    layer-background-color: #ffffff;
}
.clSover
{
    COLOR: #860000;
}
.clS2over
{
    COLOR: #860000;
}
.clSover
{
    BACKGROUND-COLOR: #ffffff;
    layer-background-color: #ffffff;
}
.clS2over
{
    BACKGROUND-COLOR: #E4E4E4;
    layer-background-color: #E4E4E4
}
.clTover
{
    BACKGROUND-COLOR: #336699;
    layer-background-color: #336699
}
.clB
{
    BACKGROUND-COLOR: #cccccc;
    layer-background-color: #cccccc
}
.clB
{
    Z-INDEX: 300;
    VISIBILITY: hidden
}
.clBar
{
    VISIBILITY: hidden;
    WIDTH: 10px;
    HEIGHT: 10px
}
.clWinText
{
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,arial,helvetica
}