body, table, tr, td, p, span, input, select, textarea, div, a, img, ul, li
{
    font-size: 11px;
    font-family: verdana, arial, helvetica;
    color: #003366;
}

/* define font tag separately - prevents the font color tag from being ignored */
font
{
    font-size: 11px;
    font-family: verdana, arial, helvetica;
}

h1 { font-family: arial, helvetica; font-size:20px; font-weight:bold ; } 
h2 { font-family: arial, helvetica; font-size:18px; font-weight:bold ; } 
h3 { font-family: arial, helvetica; font-size:16px; font-weight:bold ; } 
h4 { font-family: arial, helvetica; font-size:14px; font-weight:bold ; } 
h5 { font-family: arial, helvetica; font-size:12px; font-weight:bold ; }
h6 { font-family: 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; 
}

.higher 
	{
	z-index: 800;
	position: relative;
}

checkbox
{
	/* ie only? */
	background-color:white;
	border-style:none;
}

image { 
	FONT-SIZE: 11px; 
	border-top : solid 0px ; 
	border-right : solid 0px ; 
	border-left : solid 0px ; 
	border-bottom : solid 0px ; 
}

inputradio { border-top : none; border-right : none; border-left : none; border-bottom : none; background-color : #F2F2E6;}

textarea 
{
font: 8pt arial ;
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: #13365B ; } 
.dominobodytext a:hover		{ color: #0055a3 ; } 



/* for the footer part of the site Light blue ICSF colour */
.FooterTbl 			{background-color: #B9D5EF; }
.FooterText			{text-decoration: none; COLOR: #0055A3; LINE-HEIGHT: 1.2; }
.FooterText A		{text-decoration: none; COLOR: #0055A3; }
.FooterText A:link	{text-decoration: none; COLOR: #0055A3; }
.FooterText A:visited 	{text-decoration: none; COLOR: #0055A3; }
.FooterText A:active 	{text-decoration: none; COLOR: #0055A3; }
.FooterText A:hover 	{text-decoration: none; COLOR: #0055A3; }

/* 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: #006699 ; font-weight: bold ; }
td.esector a 	{ color: #0060A9 ; font-weight: bold ; }
td.tdb 		{ font-weight: bold ; }

.events { color: #162E54 ; }

/* weblinks categories */
td.wlcat { color: #B9D5EF ; font-weight: bold ; }
td.wlcat a { color: #B9D5EF ; font-weight: bold ; }

/* doclib categories (mem area) */
td.dlcat { color: #B9D5EF ; font-weight: bold ; }
td.dlcat a { color: #B9D5EF ; font-weight: bold ; }

#doclib td.esector a { color: #006699 ; }

#tblinfoa table 	{ background-color: #E4E4E4;} 
#tblinfob table 	{ font-family: verdana, arial, helvetica; font-size:11px; } 
#tblinfob tr 	{ background-color: #FFFFFF ; }

/* the other parts of the site */
.NavSideText 		{text-decoration: none ; COLOR: #0055A3; font-size: 11px ; }
.NavSideText A 		{text-decoration: none ; COLOR: #0055A3; font-size: 11px ; }
.NavSideText A:link 	{text-decoration: none ; COLOR: #0055A3; font-size: 11px ; }
.NavSideText A:visited 	{text-decoration: none ; COLOR: #13365B;}
.NavSideText A:active 	{text-decoration: none ; COLOR: #0055A3;}
.NavSideText A:hover 	{text-decoration: underline; COLOR: #0055A3;}

/* side bubble */
td.sidebub  { background: white url(/Sectors/icsf/webicsf.nsf/vLA/lib_gif/$File/icsf_bubble.gif) top left no-repeat }
td.sidebub ul { margin:0px ; padding:0px ;}
td.sidebub li { font-size: 11px ; text-decoration: none ; color: #0055A3 ; font-weight: 600 ; padding-left: 10px ; padding-top: 6px ; list-style:none ;}
td.sidebub a  { font-size: 11px ; text-decoration: none ; color: #0055A3; font-weight: 600 ; }
td.sidebub a:link { font-size: 11px ; text-decoration: none ; color: #0055A3 ; font-weight: 600 ; }
td.sidebub a:visited { font-size: 11px ; text-decoration: none ; color: #0055A3 ; font-weight: 600 ; }
td.sidebub a:hover { font-size: 11px ; text-decoration: underline ; color: white ; font-weight: 600 ; }


td.SpotLightPlain	{ font-size: 14px ; font-weight: bold ; color: white ; line-height: 1.25 ; padding: 5px ; }
td.SpotLight		{cursor:pointer; cursor:hand; font-size: 14px ; font-weight: bold ; color: white ; line-height: 1.25 ; padding: 5px ; }
td.SpotLight A		{text-decoration: none; color: white ; font-size: 14px; font-weight: bold ;}
td.SpotLight A:link	{text-decoration: none; }
td.SpotLight A:hover	{text-decoration: color: white ; }

/* the other parts of the site */


.bodytext 		{text-decoration: none; COLOR: #003366;}
.bodytext A:link 	{text-decoration: underline; COLOR: #003366;}
.bodytext A:visited 	{text-decoration: underline; COLOR: #003366;}
.bodytext A:active 	{text-decoration: underline; COLOR: #0055A3;}
.bodytext A:hover 	{text-decoration: underline; COLOR: #0055A3;}

.bodytextside 		{ text-decoration: none; font-size: 10px; color: #162E54; }
.bodytextside A:link 	{ text-decoration: none; font-size: 10px; color: #162E54; }
.bodytextside A:visited { text-decoration: underline; font-size: 10px; color: #162E54; }
.bodytextside A:active 	{ text-decoration: underline; font-size: 10px; color: #0055A3; }
.bodytextside A:hover 	{ text-decoration: underline; font-size: 10px; color: #0055A3; }

.bodytextbold		{text-decoration: none; font-weight: bold; LINE-HEIGHT: 1.2; color: #0060A9;}
.bodytextbold A:link 	{text-decoration: none; font-weight: bold; color: #0060A9; }
.bodytextbold A:visited {text-decoration: none; font-weight: bold; color: #0060A9; }
.bodytextbold A:active 	{text-decoration: none; font-weight: bold; color: #0060A9; }
.bodytextbold A:hover 	{text-decoration: none; font-weight: bold; color: #0060A9; }

.contenttitle		{ 			 FONT-SIZE: 12px; COLOR: #0060A9 ; LINE-HEIGHT: 1.4; FONT-WEIGHT: bold; }
.contenttitle A:link 	{ text-decoration: none; FONT-SIZE: 12px; COLOR: #0060A9 ; }
.contenttitle A:visited { text-decoration: none; FONT-SIZE: 12px; COLOR: #0060A9 ; }
.contenttitle A:active 	{ text-decoration: none; FONT-SIZE: 12px; COLOR: #0060A9 ; }
.contenttitle A:hover 	{ text-decoration: none; FONT-SIZE: 12px; COLOR: #0060A9 ; }

.bodytextbg			{ background-color: #eef4fd ; }

.whitetextbig		{font-size: 15px; color: #FFFFFF ; LINE-HEIGHT: 1.4; FONT-WEIGHT: bold; }
.whitetextbig A       	{text-decoration: none; FONT-SIZE: 15px; COLOR: #ffffff; }
.whitetextbig A:link 	{text-decoration: none; FONT-SIZE: 15px; COLOR: #ffffff; }
.whitetextbig A:visited {text-decoration: none; FONT-SIZE: 15px; COLOR: #ffffff; }
.whitetextbig A:active 	{text-decoration: none; FONT-SIZE: 15px; COLOR: #ffffff; }
.whitetextbig A:hover 	{text-decoration: none; FONT-SIZE: 15px; COLOR: #ffffff; }

.HeaderText		{FONT-WEIGHT: bold; COLOR: #004c70; LINE-HEIGHT: 1.4; }
.GreyText		{COLOR: #666666; LINE-HEIGHT: 1.4; }
.GreyText A:link 	{COLOR: #666666; }

/* 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_Members_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: #62BB46;
    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: 10px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.clSover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    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: #162E54;
    BACKGROUND-COLOR: #F6FBFF;
    layer-background-color: #F6FBFF;
}
.clS2
{
    COLOR: #162E54;
    BACKGROUND-COLOR: #ffffff;
    layer-background-color: #ffffff;
}
.clSover
{
    COLOR: #0055A3;
}
.clS2over
{
    COLOR: #0055A3;
}
.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
}


