BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; color:#000; 
}

.cleared {
	CLEAR: both; OVERFLOW: hidden; HEIGHT: 0px
}
#strip {
	BACKGROUND: url(../images/strip.png) repeat-x right top; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; text-align:left;
}
XXX#stripBottom{
	background: (../images/stripBottom.gif) repeat-x right bottom;
	}
#days {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; position:relative; margin: 0px; display:inline;
}
/*this was white background to all Home page starting just after the body tag*/
XXX#white {
	BACKGROUND-COLOR: #fff
}

H3#logo {
	XXXBACKGROUND: url(../images/logo1.gif) no-repeat 3px 1px; MARGIN: 0px;  HEIGHT: 140px
}
.bannerleft
{
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; position:absolute;
	}

.bannerright
{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px -3px 0px 0px; PADDING-TOP: 0px;	BORDER-RIGHT: medium none;BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;
}
#buttonStrip {
	BACKGROUND: url(../images) repeat-x left bottom; HEIGHT: 225px; TEXT-ALIGN: center;
	XXXposition:relative; XXXtop: -50px;
}

#buttonStrip UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
 HTML #buttonStrip LI {
	BACKGROUND: XXXurl(images/button_shadow_ie.jpg) no-repeat center bottom
}
#buttonStrip LI {
	DISPLAY: block; BACKGROUND: XXXurl(images/original_images/button-shadow.png) no-repeat center bottom; FLOAT: left; MARGIN-RIGHT: 10px; HEIGHT: 190px
}
 HTML #buttonStrip LI .wrapper {
	background-image: url(../images/blackbutton.gif);
}
#buttonStrip LI .wrapper {
	BACKGROUND-IMAGE: XXXurl(images/original_images/button-bg.png)
}
#buttonStrip A {
	BACKGROUND-POSITION: center center; DISPLAY: block; WIDTH: 155px; TEXT-INDENT: -999em; BACKGROUND-REPEAT: no-repeat; HEIGHT: 135px
}
A#evaluation {
	BACKGROUND-IMAGE: url(../images/guidance.gif)}
A#evaluation:hover {
	BACKGROUND-IMAGE: url(../images/guidance_ro.gif)}
A#reports {
	BACKGROUND-IMAGE: url(../images/trainingplans.gif)}
A#reports:hover {
	BACKGROUND-IMAGE: url(../images/trainingplans_ro.gif)}
A#additionalGuidance {
	BACKGROUND-IMAGE: url(../images/frameworks.gif)}
A#additionalGuidance:hover {
	BACKGROUND-IMAGE: url(../images/frameworks_ro.gif)}
A#newsUpdate {
BACKGROUND-IMAGE: url(../images/news_update.gif)}
A#newsUpdate:hover {
	BACKGROUND-IMAGE: url(../images/news_update_ro.gif)}

A#contact {
	BACKGROUND-IMAGE: url(../images/help.gif)}
A#contact:hover {
	BACKGROUND-IMAGE: url(../images/help_ro.gif)}
#buttonStrip LI.last {
	MARGIN-RIGHT: 0px
}
#buttonStrip SELECT {
	MARGIN: 0px auto
}
/* width shifts big butons left and right*/
.narrowBand {
	MARGIN: 0px auto; WIDTH: 650px;
}
#greyBand {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #353f5b; TEXT-ALIGN: left;
}
#textwhite a{
	color:white;
	width:1px;
	font-size:1px;
	text-decoration:none;}
.hidden 
{
	display: none;
}


#calendar {position:relative; bottom:7px; width:700px; height:198px;margin:0 auto; background:#ccc;}
#calendar h2 {position:absolute; width:240px; left:110px; top:5px; font-size:1em;}
#year a {text-decoration:none; color:#ccc;}
#year {padding:18px 0 0 0px; margin:0; list-style-type:none; width:100px; background:#353f5b;}
#year li {display:block; width:100px; padding-left:10px; background:transparent; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#year table {border-collapse:collapse; width:590px; height:180px; }
#year table td {width:590px; text-align:center; padding:0 0 0 3px; }
#year table caption {color:#000; height:17px; padding:0; margin:0; background:#ccc; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#year li table {display:none;}
#year li:hover {cursor:default; background:#ccc; color:#fff;}
#year li:hover table {display:block; position:absolute; left:110px; top:0; background:#7092bf; }
#year td a {display:block; border:1px solid #000; margin:-1px; color:#000; font-size:12px;}
#year td a:hover {display:block; background:#fff; color:#000;}
<!--[if lte IE 6]>
#year {padding-top:54px;}
#year li table {display:block; }
#year li {width:100px; float:left; padding:0; }
#year li a {display:block; width:75px; height:15px; background:#fff; overflow:hidden; padding-left:0px; background:transparent;}
#year li a:hover {display:block; overflow:visible; background:#ccc; padding-left:0px; color:#000; width:698px;}
#year li a:hover table {position:absolute; top:0; left:100px; background:#ccc; width:598px; height:182px; font-size:15px;}
#year li a:hover table a {height:100%; width:100%; text-align:left; padding:0; margin:0px; color:blue; text-decoration:underline;}

#year li a:hover table a:hover {background:#ccc; color:orange; text-decoration:underline; font-size:12px;}

<![endif]-->