<!--

/* +++++++MAIN CSS FOR ACROSS SITE+++++++ */

form{
margin: 0;
padding: 0;
}

a.toplinks{color:#666600;text-decoration:none;}
a.toplinks:hover{color:#cc0000; text-decoration:underline;}
a.nletter{color:#000066;text-decoration:none;}
a.nletter:hover{color:#cc0000;text-decoration:underline;}

a {color: #cc0000;}
a:hover { color:#000000; }

a.courseslinkmainpage { color:#ffffff }
a.courseslinkmainpage:hover { color:#ffcc33 }

a.courseslink { color:#cc0000 }
a.courseslink:hover { color:#ffcc33 }

a.bluelink{ color:#003399; }
a.bluelink:hover { color:#000000; }


span.red { color:#cc0000; }
span.blue { color:#000066; }

a:hover span.white { color: #000000; }
a:hover span.blue { color: #000000; }

.ClearLeft{clear:left;}
.ClearRight{clear: right;}

/*USe this as an alternative clear - stops the floats in the outer templates clearing too*/
.AlternativeClear{width: 99%; overflow:hidden;}



.FormField {
background-color: #006699;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 0.9em;
}

.CourseSearchField {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
color: #000066;
font-size: 11px;
font-family: arial;
}

.txt {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal}

.txt2 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}


/* +++++++CAA GALLERY+++++++ */

.FormFieldCaa1 {
background-color: #ffcccc;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
font-family: arial;
}

.FormFieldCaa2 {
background-color: #D4D0C8;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
font-size: 11px;
font-family: arial;
}

.FormFieldCaa3 {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
font-family: arial;
}



/* +++++++ALUMNI+++++++ */

.FormFieldAlumni {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000066;
/*font-size: 12px;*/
font-family: arial;
}

.FormFieldAlumniListmail {
background-color: #ffffff;
border-color: #cc6600;
border-style: solid;
border-width: 1px;
color: #cc6600;
/*font-size: 12px;*/
font-family: arial;
}

.NickForm { 
font-size: 8pt;
font-style: normal;
color: #ffffff;
border-color:#000000;
background-color: #cc0000;
}


/* +++++++TABLE WITH BORDER COLOUR+++++++ */

table.blackborder, .blackborder th, .blackborder td{
border: 1px solid #000000;
}

table.greyborder, .greyborder th, .greyborder td{
border: 1px solid #cccccc;
}

table.redborder, .redborder th, .redborder td{
border: 1px solid #cc0000;
}

table.whiteborder, .whiteborder th, .whiteborder td{
border: 1px solid #ffffff;
}

.greybd1{
border: 1px solid #cccccc;
}

.greybd2{
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}



.searchformfield {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
color: #cc0000;
font-size: 0.7em;
}

.searchformfieldfocus {
background-color: #ffcc66;
border-color: #000000;
border-style: solid;
color: #000000;
font-size: 0.7em;
}

.webcamformfield {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
color: #000000;
font-weight:bold;
font-size: 0.7em;
}

#liveclock{
position:absolute;
left:214px;
top:138px; 
width: 400px; 
z-index: 1; 
visibility: hidden;
}

/*START: Prospectus Ask - "contact/askprosp.htm" css */

.dc_formfield {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000066;
font-size: 0.8em;
}

.dc_formfield_on {
background-color: #ffcc33;
border-color: #cc0000;
border-style: solid;
border-width: 1px;
color: #000066;
font-size: 0.8em;}

.dc_FormEmployer_on{
background-color:#CCCC99;
color:#000000;
font-size:0.8em;
border: 1px solid #000000;
}

a.formbutt {color: #cc0000; text-decoration: none;}
a.formbutt:hover{color: #000000; text-decoration: none;}

/*END: Prospectus Ask - "contact/askprosp.htm" css */

/*Employer Section - top menu padding for <td>*/
.EmpMenuPadd {padding: 0px 5px 0px 5px; font-weight:bold;}
.EmpMenuPadd a{color:#666600;text-decoration:none;}
.EmpMenuPadd a:hover{color:#cc0000; text-decoration:underline;}
/*Delete the above emploeyers buit when new section is launched*/


/*NEW TEST*/
.Employ_Butts a{color:#666600;text-decoration:none;}
.Employ_Butts a:hover{color:#000000; text-decoration:underline;}
.Employ_Butts_Rollover a{color:#000000;}

.Employ_Butts_Outer{
float:right;
position:relative;
right:50%;
}
	
.Employ_Butts_Inner{
position:relative;
right:-50%;
border: 1px solid #000000;
}

.Employ_Butts, .Employ_Butts_Rollover{
float:left;
position:relative; 
font-weight:bold;
text-align:center;
padding: 2px 5px 2px 5px;
border: 1px solid #cccccc;
margin: 2px 2px 2px 2px;
}/* ie needs position:relative here*/

.Employ-Clear{clear: left;}
/* ie mac only styles \*//*/
.Employ_Butts_Outer{
	float:none;
	position:static;
}
.Employ_Butts_Inner{
	position:static;
	text-align:center;
}
.Employ_Butts, .Employ_Butts_Rollover{float:none;position:static;display:inline-block}
.Employ_Butts a, .Employ_Butts_Rollover a{float:left; width: 5em;}

.Employ-Clear{clear: right;}
/* end iemac styles*/
-->