﻿/*
	login grey:		#e6e7e8;
	home blue:		#23408f;
	news olive:		#749f34;
	ICT green:		#00a650;
	Resources red:	#581A63;
	About turqu'se:	#23408f;
	ITT orange:		#f36f20;
	PE khaki		#8b8715;
	Pub's blue:		#00acee;
	CPD purple:		#9085c0;
	H&S red:		#b6292e;
    SIC slate       #569DB9;
    TU		        #E2016B;
*/

.colMenu {color:#e6e7e8;}
.colHome {color:#23408f;}
.colNews {color:#749f34;}
.colICT {color:#00a650;}
.colResources {color:#581A63;}
.colAbout {color:#23408f;}
.colITT {color:#f36f20;}
.colPrimary {color:#8b8715;}
.colPublications {color:#00acee;}
.colCPD {color:#9085c0;}
.colHSG {color:#b6292e;}
.colSIC {color: #569DB9;}
.colTU {color: #E2016B;}
.colVacancies {color:#749f34;}
.colRNGs {color:#00a9a0;}

.bkgMenu {background-color:#e6e7e8;}
.bkgHome {background-color:#23408f;}
.bkgNews {background-color:#749f34;}
.bkgICT {background-color:#00a650;}
.bkgResources {background-color:#581A63;}
.bkgAbout {background-color:#23408f;}
.bkgITT {background-color:#f36f20;}
.bkgPrimary {background-color:#8b8715;}
.bkgPublications {background-color:#00acee;}
.bkgCPD {background-color:#9085c0;}
.bkgHSG {background-color:#b6292e;}
.bkgFFF {background-color:#ffffff;}
.bkgSIC {background-color:#569DB9;}
.bkgTU {background-color:#E2016B;}
.bkgVacancies {background-color:#749f34;}
.bkgRNGs {background-color:#00a9a0;}

.blk {color: #000000;}

body 
{
	 font-family: arial, helvetica,verdana,sans-serif;
	 font-size:1em;
	 color:#232323;
}

#container 
{
	width: 960px;
}

#logo 
{
	float: left;
	width: 158px;
	height:152px;
	background-color: #008080;
	margin: 0 0 12px 0;
}
#header
{
	float: right;
	width: 790px;
	height:152px;
	text-align: left;
	background-color: #e6e7e8;
	margin: 0 0 12px 0;
}

#menu
{
	width: 632px;
	float: left;
}

.navCol
{
	float:left;width:158px;margin:0;padding:0;
}

#menu li
{
	    line-height :18px;
	    margin-left:6px;
}

.navUL 
{
  margin:0;
  padding:0;
  list-style: none;
  font-size: 14px;
}
.subUL 
{
  margin:0 0 0 18px;
  padding:0;
  list-style: none;
  font-size: 14px;
}

.anav 
{
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    text-decoration: none;
    margin:0;
    padding:0;
    position:relative;
    line-height :18px;
    color: #232323;
}
.anavMM 
{
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    text-decoration: none;
    margin:0;
    padding:0;
    position:relative;
    line-height :18px;
    color: #232323;
}
.anavHom:hover
{
    color: #23408f;
}
.anavAbout:hover
{
    color: #23408f;
}
.anavNews:hover
{
    color: #749f34;
}
.anavICT:hover
{
    color: #00a650;
}
.anavResources:hover
{
    color: #581A63;
}
.anavITT:hover
{
    color: #f36f20;
}
.anavPrimary:hover
{
    color: #8b8715;
}
.anavPublications:hover
{
    color: #00acee;
}
.anavCPD:hover
{
    color: #9085c0;
}
.anavHSG:hover
{
    color: #b6292e;
}
.anavSIC:hover
{
    color: #569DB9;
}
.anavTU:hover
{
    color: #E2016B;
}
.anavRNGs:hover
{
    color: #00a9a0;
}

	
.thisnav 
{
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    text-decoration: none;
    margin:0;
    padding:0;
    position:relative;
    line-height :18px;
    /* color: #23408f;   color set in section */
}


#search
{
	width: 158px;
	float: right;
	text-align:left;
	margin:0;
	padding:0;
}

#welcome
{
	float:left;
	width:620px;
	padding:6px;
	height:30px;
	margin:1px 0 0 0;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	/* color:#23408f;   color set in section  */
}

#special
{
	width:950px;
	clear:both;
	text-align:left;
	border: solid 1px #FF0000;
	margin:0px 0 4px 0;
	padding: 4px;
	font-size: 11pt;
}

#upperwrap
{
	width:960px;
	clear:both;
	text-align:left;
}
#r11
{
	width: 636px; float: left; text-align: left; margin: 0 0 12px 0;
}
#r12
{
	width: 312px; float: right; margin: 0 0 12px 0; text-align:left; 
}

#r12 .navUL
{
	margin-top :6px}

.leftimg 
{
	float:left;
	border-top : solid 12px #ffffff;
	border-right : solid 12px #ffffff;
	border-bottom : solid 6px #ffffff;
	border-left: none;
}
.rightimg 
{
	float:right;
	border-top : solid 12px #ffffff;
	border-left : solid 12px #ffffff;
	border-bottom : solid 6px #ffffff;
	border-right: none;
}

h1 
{
	display:block;
	font-size:1.1em;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	padding: 3px 0 3px 6px;
	font-weight:normal;
}
h2 
{
	font-size:2.5em;
	margin:0px 0px 0px 0px;
	padding: 6px 0 3px 0px;
	font-weight: lighter;
}
#r11 h2
{
	margin-bottom:12px;
}
h3 
{
	font-size:1.1em;
	margin:0px 0px 0px 0px;
	padding: 2px 0 3px 0px;
	font-weight:normal;
}

h5
{
	 width:156px;
	 height:1px;
	 float:left;
	 margin:0;
	 padding:0;
	 border-bottom-style: solid;
	 border-bottom-width:1px; 
}  

p 
{
	padding: 0 6px 6px 0px;
	margin:0 0 6px 0;	
	font-size:0.9em;
} 
.ip 
{
	font-size:0.9em;
}
#r11 td
{
	font-size:0.9em;
} 

#r11 ul 
{
	margin-top:0;
}

#r11 li 
{
	font-size:0.9em;
	margin-left:-16px;
}
#r11 li li
{
	font-size:1em;
} 

#loginIntro
{
	font-size:14px;
	color:#23408f;
	font-weight:normal;
	width:300px;
	margin:12px 6px 0 6px
}

#loginBox
{
	font-size:14px;
	color:#232323;
	background-color:#e6e7e8;
	font-weight:normal;
	width:306px;
	height:60px;
	margin:12px 6px 0 6px
}

#r12 h4 
{
	color:#232323;
	font-weight:normal;
	font-size:1.2em;
	margin:12px 0 0 0;
} 

#colwrap
{
	width:960px;
	clear:both;
	text-align:left;
}
#col1
{
	float:left;width:324px;
}
#col2
{
	float:left;width:324px;
}
#col3
{
	float:left;width:312px;
}
.homeCol
{
	float:left;width:312px;
}
#col1 li 
{
	font-size:0.9em;
}
#col2 li 
{
	font-size:0.9em;
}
#col3 li 
{
	font-size:0.9em;
}

#colwrap2
{
	width:648px;
	clear:both;
	text-align:left;
}

.aSection
{
	display:block; 
	color:#FFFFFF;
	text-decoration:none; 
}
.aSection:hover
{
 color:#000000;
}

.aItem 
{
	text-decoration:none;
}
.aItem:hover 
{
	color:#000000;
} 
.hp 
{
	color:#23408f;
	text-decoration:none;
}
.hp:hover 
{
	color:#666768;
} 
.warning
{
	color:#ff0000;
	font-weight:bold;
	font-size:0.8em;
}
.ok
{
	color:#ff0000;
	font-weight:bold;
	font-size:0.8em;
}
.sh1 
{
	margin:0 0 0px 0;
	font-size:6px;
	padding:0;
}
.para1
{
	font-size :1.2em;
	margin-bottom: 1em;
}
#introblock
{
	width: 636px; float: left; text-align: left; margin: 12px 0 0 0;
	color:#ffffff;font-size:1.2em;
	background-color:#696969; 
}
.introp
{
	font-size:1.8em;
}
#ib
{
	background-color:#696969; 
	padding:6px;
}
#ib p, #ib li
{font-weight:normal;}


.tich {font-size:small;}
.tichy 
{
	font-size:xx-small ;
}

.frmBox 
{
	 float:none;
	 width:300px;
}
.frmSmallBox 
{
	 float:none;
	 width:150px;
}
.frmBtn 
{
	 width:64px;
}

fieldset 
{
	width:612px;
	border: 1px solid #23408f;
	padding: 5px;
}
fieldset div 
{
	clear:left;
}
legend 
{
	color: #23408f;
	font-size: 1.4em;
	margin-bottom:12px; 
}  

.lblFor 
{
	float:left;
	width: 200px;
	color: #23408f;
}

    .sbUL 
    {
   	    margin:0;
        padding:0;
        list-style: none;
        font-size: 14px;
        line-height: 16px; 
    }
    
.cards { font-size: 0.8em; }

/* for section splash pages */

#col1a
{
	float:left;width:312px;
}
#gap { width:12px;float:left;}
#col2a
{
	float:left;width:312px;
}
#col1a a
{ 
	font-weight:bold;
	text-decoration:none;
}
#col1a a:hover
{ 
	color:#232323;
}
#col2a a
{ 
	font-weight:bold;
	text-decoration:none;
}
#col2a a:hover
{ 
	color:#232323;
}
#col1a a.intro
{ 
	display: block; 
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
#col1a a.intro:hover
{ 
	color:#000000;
}
#col2a a.intro
{ 
	display: block; 
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
#col2a a.intro:hover
{ 
	color:#000000;
}
#col1a p {margin-top:4px;margin-bottom:0px;}
#col2a p {margin-top:4px;margin-bottom:0px;}

#search li
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#search .hlf 
{
	padding:6px 0 0 0;
	margin:0 0 0 0;
}

#hdrA1 
{
	width:158px;
	height:60px;
}
#hdrA2 
{
	width:158px;
	height:50px;
}
#hdrA3 
{
	width:158px;
	height:40px;
}

#hdrA1, #hdrA2, #hdrA3 
{
	font-size: 0.8em;
}
