/* OTEN CSS Document */
BODY {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-align:left;
	/*line-height:1.5em;*/
	vertical-align: top;
      
}

div.frame {
	position:absolute;
	top:200px;
	left:300px;
	margin:0px;	padding:0px;
  	width:500px;
	height:700px;
	text-align: center;
	border:0px solid #CCCCCC;
	visibility:visible;
	overflow:visible;
	z-index:10;
}


/*
body {min-height:101%;font:76%/1.4 Arial, Helvetica, sans-serif;color:#000;background:#fff url("img/bg_body.gif") repeat-y center top;margin:0 auto;text-align:center;position:relative}
*/

.bodyhp {
    width:995px;
}

TD {
	vertical-align:top;
}

.tdmiddle {
	vertical-align:middle;
}

B {font:arial, helvetica 19px bold; color:black}

IMG {
	border: none;
}


a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#000099;*/
	text-decoration:underline;
}

a:Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
 	/*color:#000099;*/
	color:#000000;
	text-decoration:underline;
}

a:Visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#800080;*/
	color:#000000;
	
	text-decoration:underline;
}


a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
        font-style:normal;
	font-weight:bold;
         color:#000099; 
 	/*color:#F60;*/
/*	color:#652D89;*/
	text-decoration:none;
}

#enrol
{
  display:inline; 
  float:left;
  width: 101px;
  height: 20px;  /* set to half size of actual image to only show one of two images red or grey */
  margin-bottom: 2px; /* add 2px so when shown title line does not touch image */
  background: url('../images/home_page_images/enrol_button_red_grey.gif') no-repeat 0 0; 
  /*background: url('../images/home_page_images/enrol_button_red_grey.gif') repeat-y center; */
}

#enrol:hover
{ 
  background-position: 0 -20px;
}

#enrol span
{
  display: none;
}

.enrol_notused {
	background-image: 
	url('../images/home_page_images/enrol_button_orange.gif');
	background-repeat:no-repeat;
	height:22px;    /*added 2 more pixels than image size of 20 so give some bottom spacing*/
        width:101px;
	/*padding-right:5px;
        padding-bottom:5px;*/
}

.enrol_notused:hover {
	background-image: 
	url('../images/home_page_images/enrol_button_grey.gif');
	background-repeat:no-repeat;
}

.header
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
        color: #4495FF;
	/*color: #652D89;*/
	font-style:normal;
	}


.header1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #003496;
	font-weight:bold;
	}

.header1b
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	font-style:normal;
	}


.SubheaderLine
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color: #CC0000;
	text-decoration:none;
}



.SubheaderLine:Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#CC0000;
	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
	text-decoration:underline;
}

.SubheaderLine:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
	color:#CC0000;
	text-decoration:underline;
}
.SubheaderLine:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	color:#CC0000;
	padding-bottom:10px;
	text-decoration:underline;
}

a.TopMenuText:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;
	text-align:right;
	padding-right:5px;
	text-decoration:none;
}


a.TopMenuText:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#FFFFFF;
	text-decoration:none;
}

a.TopMenuText:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#558714;
	text-decoration:none;
}

.ShareBar {
        padding-right:5px;
}

.TableHeading {
	text-align:justify;
	padding-top:0px;
	padding-bottom:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;
}

.TableHP {
	text-align:justify;
	padding-top:0px;
	padding-bottom:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}

.BarHeadingBlk {
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}

.BarHeading {
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	color:#FFFFFF;
}

.Container {
	padding-left:5px;
}

.MaronContainer {
	height: 25px;
	padding-left:5px;
	background-color:#9c3d00;
	/*background-image: 
	url('../images/home_page_images/red_grad_image.gif');*/
	background-repeat: repeat-x
}

.GreyContainer {
	height: 25px;
	padding-left:5px;
	background-color:#005c8a;
	/*background-image: 
	url('../images/home_page_images/red_grad_image.gif');*/
	background-repeat: repeat-x
}

.RedContainer {
	height: 25px;
	padding-left:5px;
	background-image: 
	url('../images/home_page_images/red_grad_image.gif');
	background-repeat: repeat-x
}
.SideGreyLeft {
        background-color:#FFFFFF;
	background-image: 
	url('../images/home_page_images/side_grey_left.gif');
	background-repeat: repeat-y;
        background-position: top right;
}

.SideGreyRight {
        background-color:#FFFFFF;
	background-image: 
	url('../images/home_page_images/side_grey_right.gif');
	background-repeat: repeat-y;
        background-position: top left;
}

.OrangeContainer {
	height: 28px;
        padding-top:2px;
	padding-left:25px;
	background-image: 
	url('../images/home_page_images/bar_orange.gif');
	background-repeat: repeat-x;
}

.SkyBlueContainer {
	height: 28px;
	padding-top:2px;
        padding-left:25px;
	background-image: 
	url('../images/home_page_images/bar_blue.gif');
	background-repeat:repeat-x;        
}

.BlueContainer {
	height: 25px;
	padding-left:5px;
	background-image: 
	url('../images/home_page_images/blue_grad_image.gif');
	background-repeat: repeat-x
}

.BlackContainer {
	padding-left:5px;
	background-image: 
	url('../images/home_page_images/black_grad_image.gif');
	background-repeat: repeat-x
}

.GreenContainer {
	height: 25px;
	padding-left:5px;
	background-image: 
	url('../images/home_page_images/green_grad_image.gif');
	background-repeat: repeat-x
}

.PurpleContainer {
	height: 25px;
	padding-left:5px;
	background-image: 
	url('../images/home_page_images/purple_grad_image.gif');
	background-repeat: repeat-x
}

.OLSbgMan {
        background-color:#FFFFFF;
	background-image: 
	url('../images/home_page_images/ols_bg_man.jpg');
	background-repeat:no-repeat;
        /*background-attachment:fixed;
        background-position:10px 20px;*/
        background-position:bottom right;
}

.TopBanner1 {
	height:85px;
	background-color:#000000;
	background-image: 
	url('../images/home_page_images/top_banner.gif');
	background-repeat:no-repeat;
        /*background-position:top right;*/
        /*background-attachment:fixed;
        background-position:30px 0px;*/
}

.TopBanner2 {
	height:85px;
        background-color:#000000;
	background-image: 
	url('../images/home_page_images/top_banner_extended.gif');
	background-repeat:repeat-x;
}

.TopMenuBar1 {
	background-color:#000000;
	background-image: 
	url('../images/home_page_images/oten_banner_pic1.jpg');
	background-repeat:no-repeat;
	height:28px;
}

.TopMenuBar2 {
	background-color:#652D89;
	height:54px;
	vertical-align:bottom;
	padding-right:5px;
	background-image: 
	url('../images/home_page_images/oten_banner_pic2.jpg');
	background-repeat:no-repeat;

}

.TopMenuBar3 {
	background-color:#ffffff;
        /*#D7EBCF; */
	height:2px;
	background-image: 
	url('../images/home_page_images/oten_banner_pic3.jpg');
	background-repeat:no-repeat;

}

.TopMenuBar4 {
	/*background-color:#FAF9F5;*/
        background-color:#ffffff;
	height:21px;
	padding-right:5px;
	background-image: 
	url('../images/home_page_images/oten_banner_pic4.jpg');
	background-repeat:no-repeat;

}

.TopMenuBar5 {
	height:3px;
	background-image: 
	url('../images/home_page_images/oten_banner_pic5.jpg');
	background-repeat:no-repeat;
	background-color:#000000; 
}

.WhiteThin {
	background-color:#FFFFFF;
}

.PurpleThin {
	background-color:#514882;
}

.DPurpleThin {
	/*background-color:#6c8b41;
	background-color:#3a5119;*/
        background-color:#652D89;
}

.VioletThin {
	background-color:#0099ff;
}

.MaroonThin {
	background-color:#6f2d0c;
}

.RedThin {
	background-color:#cc0000;
}

.OrangeThin {
	background-color:#bb4900;
}

.BlueThin {
	background-color:#4495FF;
}

.BlueLightThin {
	background-color:#005c8a;
}

.YellowThin {
	background-color:#FF9900;
}

.GreenThin {
	background-color:#6c8b41;
}

.DGreenThin {
	background-color:#6c8b41;
	/*background-color:#3a5119;*/
}

.GreenDarkThin {
	background-color:#058a82;
}

.GreenLightThin {
	background-color:#766e00;
}

.GreyThin {
	background-color:#CCCCCC;
}

.WhiteContainer {
	height: 5px;
	padding-left:0px;
	background-color:#FFFFFF;
	width:100%;
	background-repeat: repeat-x
}

.RedContainerBorder {
	border-style:solid;
	border-color:#A50509;
	border-width:thin;
}

.BlueBorderLineContainer {
	border-style:solid;
	border-color:#BCD1DA;
	border-width:thin;
}

.PurpleBorderLineContainer {
	border-style:solid;
	border-color:#652D89;
	border-width:thin;
}

.PurpleBorderLineContainer {
	border-style:solid;
	border-color:#514882;
	border-width:thin;
}

.MaroonBorderLineContainer {
	border-style:solid;
	border-color:#6f2d0c;
	border-width:thin;
}

.RedBorderLineContainer {
	border-style:solid;
	border-color:#cc0000;
	border-width:thin;
}

.OrangeBorderLineContainer {
	border-style:solid;
	border-color:#bb4900;
	border-width:thin;
}

.BlueLightBorderLineContainer {
	border-style:solid;
	border-color:#005c8a;
	border-width:thin;
}

.GreenBorderLineContainer {
	border-style:solid;
	border-color:#6c8b41;
	border-width:thin;
}

.GreenLightBorderLineContainer {
	border-style:solid;
	border-color:#766e00;
	border-width:thin;
}

.GreenDarkBorderLineContainer {
	border-style:solid;
	border-color:#058a82;
	border-width:thin;
}

.YellowBorderLineContainer {
	border-style:solid;
	border-color:#FF9900;
	border-width:thin;
}

.VioletBorderLineContainer {
	border-style:solid;
	border-color:#0099ff;
	border-width:thin;
}

.GreenLeft {
	height: 200px;
	padding-left:5px;
	background-image: 
	url('../images/home_page_images/green_grad_image.gif');
	background-repeat: repeat-x
}

.GreenContainerBorder {
	border-style:solid;
	border-color:#5B8128;
	border-width:thin;
}

.SkyBlueContainerBorder {
	border-style:solid;
	border-color:#019FD9;
	border-width:thin;
}

.BlueContainerBorder {
	border-style:solid;
	border-color:#2C4879;
	border-width:thin;
}

.SubHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	padding-top:0px;
	padding-bottom:0px;
}

.SubHeadingLoginTo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-align:right;
	padding-top:3px;
	padding-bottom:0px;
}

.SubHeadingLeft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
}
.SubHeading2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
}

.SubHeading2:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
	text-decoration:none;
}
.SubHeading2:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
	text-decoration:underline;
}
.SubHeading3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#558714;
/*	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
*/}
.SubHeadingPurple {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#652D89;
	text-align:right;
	padding-top:0px;
	padding-bottom:0px;
        vertical-align:middle;
        padding-left:5px;
}

.SubHeadingBlue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000099;
	text-align:left;
	padding-top:12px;
	padding-bottom:6px;
}

.SubHeadingRed{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
	text-align:left;
	padding-top:5px;
	padding-bottom:6px;
}

.BigRed{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
}

.HeadingTop{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:normal;
	font-weight:bold;
	color:#FFF00FF;
	text-align:left;
	padding-top:20px;
	padding-bottom:10px;
}


.SubHeadingBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-align:left;
	padding-top:12px;
	padding-bottom:6px;
}

.WaveBox {
	background-image: 
	url('../images/home_page_images/login_wave.gif');
	width:100%;
	background-repeat: repeat-x
}

.WaveBoxContent {
	/*background-color:#BA9DCA;*/
        background-color:#DCE7CE;
}

a.logout:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#4B77C9;
	text-decoration:underline;
}

a.logout:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#4B77C9;
	text-decoration:underline;
}

a.logout:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	/*color:#F60;*/
	color:#000000;
	text-decoration:underline;
}


a.SmallLink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#000099;*/
	color:#4B77C9;
	text-decoration:underline;
}

a.SmallLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#4B77C9;
	text-decoration:underline;
}

a.SmallLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#F60;*/
	color:#000000;
	text-decoration:underline;
}

a.SmallLinkPad:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#000099;*/
	color:#4B77C9;
        padding-left:7px;
	text-decoration:underline;
}

a.SmallLinkPad:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#4B77C9;
        padding-left:7px;
	text-decoration:underline;
}

a.SmallLinkPad:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#F60;*/
	color:#000000;
        padding-left:7px;
	text-decoration:underline;
}

a.FooterGreyLink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#BABABA;
	text-decoration:none;
}

a.FooterGreyLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#BABABA;
	text-decoration:none;
}

a.FooterGreyLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#BABABA;
	text-decoration:none;
}

.li_clear{
         padding-top: 7px;
         list-style: none;
}

a.SmallRedLink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FF0000;
	text-decoration:underline;
}

a.SmallRedLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
        color:#FF0000;
	text-decoration:underline;
}

a.SmallRedLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
}

a.SmallRed:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FF0000;
	text-decoration:none;
}

a.SmallRed:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
        color:#FF0000;
	text-decoration:none;
}

a.SmallRed:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.Red {
        color:#FF0000;
}

a.BigRedLink:link {
        font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	text-decoration:underline;
}

a.BigRedLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
        color:#FF0000;
	text-decoration:underline;
}

a.BigRedLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

a.BigLink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#003496;
	text-decoration:underline;
}

a.BigLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#003496;
	text-decoration:underline;
}

a.BigLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	/*color:#F60;*/
	color:#000000;
	text-decoration:underline;
}

a.RedLink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#000099;*/
	color:#CC0000;
	text-decoration:underline;
}

a.RedLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:underline;
}

a.RedLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#F60;*/
	color:#000000;
	text-decoration:underline;
}


.HeadingBody {
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	color:#003496;
	/*color:#4B77C9;*/
}




a.TopSmallLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000099;
	text-decoration:underline;
	padding-left:10px;
}

.tabmenusel {
        background-image:url('../images/home_page_images/menu-tap_hover.gif');
	/*background-image:url('../images/home_page_images/pink_grad_image.gif');*/
	background-repeat: repeat-x;
        background-color: #00ADEF; /* set bg to pink colour so when browser shows no images can still see white text */
	/*background-color: #CC99CC;
        background-color:#3a5119;
        background-color:#652D89; */
}

.tabmenub {
        background-image:url('../images/home_page_images/black_grad_image.gif');
	background-repeat: repeat-x;
        background-color: #8D8D8D;   /* set bg to grey colour so when browser shows no images can still see white text */
}

.tabmenum {
	/*background-color:#7D330E;*/
	background-color:#6f2d0c;
	
}

a.tabmenum:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#6f2d0c;
}

a.tabmenum:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#6f2d0c;
}

a.tabmenum:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#6f2d0c;
	
}

.tabmenur {
	/*background-color:#7D330E;*/
	background-color:#cc0000;
	
}

a.tabmenur:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#cc0000;
}

a.tabmenur:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#cc0000;
}

a.tabmenur:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#cc0000;
	
}

.tabmenuo {
	/*background-color:#BB4900;*/
	background-color:#bb4900;
}

a.tabmenuo:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#bb4900;
}

a.tabmenuo:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#bb4900;
}

a.tabmenuo:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#bb4900;
	
}

.tabmenubl {
	/*background-color:#005681;*/
	background-color:#005c8a;
}

a.tabmenubl:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#005c8a;
}

a.tabmenubl:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#005c8a;
}

a.tabmenubl:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#005c8a;
	
}

.tabmenugl {
	/*background-color:#887E00;*/
	background-color:#766e00;
}

a.tabmenugl:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#766e00;
}

a.tabmenugl:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#766e00;
}

a.tabmenugl:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#766e00;
	
}

.tabmenuy{
	/*background-color:#FF9900;*/
	background-color:#3A511A;
	
}

a.tabmenuy:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	/*background-color:#FF9900;*/
	background-color:#3A511A;
}

a.tabmenuy:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	/*background-color:#FF9900;*/
	background-color:#3A511A;
}

a.tabmenuy:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	/*background-color:#FF9900;*/
	background-color:#3A511A;
	
}

.tabmenuv {
	background-color:#0099ff;
}

a.tabmenuv:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#0099ff;
}

a.tabmenuv:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#0099ff;
}

a.tabmenuv:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#0099ff;
	
}

.tabmenup {
	background-color:#514882;
}

a.tabmenup:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#514882;
}

a.tabmenup:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#514882;
}

a.tabmenup:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#514882;
	
}

.tabmenugd {
	background-color:#058a82;
}

a.tabmenugd:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#058a82;
}

a.tabmenugd:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#058a82;
}

a.tabmenugd:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#058a82;
	
}

/*
a.tabmenuw:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#005c8a;
}

a.tabmenuw:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:#005c8a;
}

a.tabmenuw:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F60;
	color:#000000;
	text-decoration:none;
	background-color:#005c8a;
}*/




/*.tabmenur {
	background-image:url('../images/home_page_images/red_grad_image.gif');
	background-repeat: repeat-x
}*/



.tabmenug {
	background-image:url('../images/home_page_images/green_grad_image.gif');
	background-repeat: repeat-x
}

a.tabmenu:link {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.tabmenu:visited {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.tabmenu:hover {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	/*color:#F60;*/
	color:#ffffff;
	text-decoration:none;
}


a.result:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000099;
	text-decoration:underline;
}

a.result:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#800080;
	text-decoration:underline;
}

a.result:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#F60;*/
	color:#000000;
	text-decoration:underline;
}

/* OTEN Homepage specific styles */

.ContainerImage {
	width: 270px;
	height: 163px;
	background-image: 
	url('../images/home_page_images/home_page_hardhat.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-color:#AABFD0;
}

.BlueBox {
	background-color:#FFFFFF;
/*	padding-left:5px;
	padding-bottom:12px;
*/}

.Advert {
	width: 190px;
	height: 50px;
	background-image: 
	url('../images/home_page_images/advert.gif');
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.Recognition {
	width: 190px;
	height: 50px;
	background-image: 
	url('../images/home_page_images/Skills Recognition Banner.gif');
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.SkillVouchure {
	width: 190px;
	height: 50px;
	background-image: 
	url('../images/home_page_images/Skills Voucher Banner.gif');
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.PhoneText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-align:left;
}

.SelectCourse
{
	color: #333;
	font-size: 10px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top:0px;
	/*width:250px;*/
	width:100%;
}

.SelectService
{
	color: #333;
	font-size: 10px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top:0px;
	width:175px;
	/*width:80%;
        margin-left: 100px;*/
}

.SelectCourseUnit
{
	color: #333;
	font-size: 10px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top:0px;
	/*width:250px;*/
	width:70%;
}

.SearchButton
{
	width:61px;
	height:21px;
}

.rightalign
{
	align:right;
}

/* OTEN Student Homepage specific styles */

.CurrentUnitsContainer {
	border-style:solid;
	border-color:#7D330E;
	border-width:thin;
}

.StudyHoursHighlight1 {
	background-color:#D7C39E;
	padding-left:5px;
}

.StudyHoursHighlight2 {
	background-color:#E0E0E0;
	padding-left:5px;
}

.CurrentUnitsActive {
	display: block;
	background-image: 
	url('../images/student_page_images/current_units_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:83px;
	height:24px;
}

.CareerPathActive {
	background-image: 
	url('../images/student_page_images/career_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:83px;
	height:24px;
}

.HelpDeskActive {
	background-image: 
	url('../images/student_page_images/help_desk_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:75px;
	height:24px;
}

.MaterialsPostedActive {
	background-image: 
	url('../images/student_page_images/materials_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:106px;
	height:24px;
}

a.TabRollover {
    display: block;
    text-decoration: none;
	width:83px;
	height:24px;
} 

a.TabRollover1 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/current_units_tab_inactive.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:83px;
	height:24px;
}
 
a:hover.TabRollover1 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/current_units_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:83px;
	height:24px;
} 

a.TabRollover2 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/help_desk_tab_inactive.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:75px;
	height:24px;
}
 
a:hover.TabRollover2 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/help_desk_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:75px;
	height:24px;
}

a.TabRollover3 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/materials_tab_inactive.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:106px;
	height:24px;
}
 
a:hover.TabRollover3 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/materials_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:106px;
	height:24px;
} 

a.TabRollover4 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/career_tab_inactive.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:83px;
	height:24px;
}
 
a:hover.TabRollover4 {
    display: block;
    text-decoration: none;
	background-image: 
	url('../images/student_page_images/career_tab_active.gif');
	background-position:left;
	background-repeat:no-repeat;
	width:83px;
	height:24px;
} 

.RightImage {
	width: 207px;
	height: 66px;
	background-image: 
	url('../images/student_page_images/right_column_pic.jpg');
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

div.Arrow {
	width: 15px;
	height: 15px;
	background-image: 
	url('../images/student_page_images/blue_arrow_tab_box.gif');
	background-position:left;
	background-repeat:no-repeat;
/*	background-color:#FFFFFF; */        
	vertical-align:top;
}

/* Student Landing Page specific styles */

a.BreadCrumbLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000099;
	text-decoration:underline;
}

.BreadCrumbText1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#000000;
}

.BreadCrumbText2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#000000;
}

a.HighlightBoxLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-style:normal;
	font-weight:normal;
        color:#000099; 
	text-align:left;
	text-decoration:none;
}

.HighlightBoxText {

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-align:left;
	text-decoration:none;
}

.HighlightContainer {
	border-style:solid;
	border-color:#5B8128;
	border-width:thin;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;

}

.HelpDeskPhoneText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	color:#000000;

}

.HelpDeskHoursText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#000000;
}

#flashcontent {
		border: none;
		width: 150px;
		height: 36px;
		float: left;
		margin: 0px 0px;
	}


/*.gbl { background: url(../images/home_page_images/green_dot.gif) 0 100% no-repeat #336600; }
.gbr {background: url(../images/home_page_images/green_dot.gif) 100% 100% no-repeat}
.gtl {background: url(../images/home_page_images/top_left.gif) 0 0 no-repeat }
.gtr {background: url(../images/home_page_images/top_right.gif) 100% 0 no-repeat; padding:10px}



.bbl {background: url(../images/home_page_images/black_dot.gif) 0 100% no-repeat #000000;}
.bbr {background: url(../images/home_page_images/black_dot.gif) 100% 100% no-repeat}
.btl {background: url(../images/home_page_images/black_top_left.gif) 0 0 no-repeat }
.btr {background: url(../images/home_page_images/black_top_right.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} */
