/* ---------------------------------------- general ---------------------------------------- */

body, html   { height: 100%; margin: 0; padding: 0; }
body         { font: 62.5% Verdana, Arial, Helvetica, sans-serif; /* sets default font size to 10px = 1em */
               background: #eaf1e0; margin: 0; padding: 0; }	   
table, td    { font-size: 100%; background-color:#ffffff; overflow:hidden;} /* to fix IE 5.x font inheritance bug */

h1        	 { font-size: 1.3em; margin:0em 1em 0em 0em;}
h2, h3, h4     	 { font-size: 1em; margin: 1em; }
p		     { line-height: 1.5em; margin: 0 0 0.5em 0; }
li		     { line-height: 1.25em; margin: 0 0 0.5em 0; }
form         { margin: 0; }

.mainTable   { width: 794px; height: 100%; background: #eaf1e0;}
.separator b { color: #9A9A9A; font-weight: normal; margin: 0 0.5em 0 0.5em; letter-spacing: -2px; }
.photo       { float: right; margin: 1em 1em 0.5em 1em; }
.basket      { font-size: 1.2em; }
p.basket     { font-size: 1.2em; }
.updated     { background-color:#ffff00; font-color:#000000; font-size:85%;}


/* ----------------------------------------- links ----------------------------------------- */

a:link, a:active  { color: #74956D; font-weight: bold; text-decoration: none; }
a:visited         { color: #868978; font-weight: bold; text-decoration: none; }
a:hover {  color: #990000;font-weight: bold; }

.mainbox a, #foot a           { text-decoration: none; border-bottom: 1px solid #BEC1B2; }
.side a:hover, .side a:active { text-decoration: underline; }
.mainbox li a, .mainhead a    { text-decoration: none; border-bottom: none; }

a.pt:link, a.pt:active           { color: #496A2B; font-weight: normal; text-decoration: underline; }
a.pt:visited         { color: #868978; font-weight: normal; text-decoration: underline; }
a.pt:hover { color: #990000; font-weight: normal; }

a.nav:link, a.nav:visited { color: #5C674E; text-decoration: none; }
a.nav:active, a.nav:hover { color: #990000; text-decoration: none; }

a.nav1:link, a.nav1:active, a.nav1:visited { color: #5C674E; text-decoration: none; }
a.nav1:hover { color: #990000; text-decoration: none; }

#language a:link, #language a:visited { color: #FFFFFF; font-weight: normal; text-decoration: none; }
#language a:hover, #language a:active { color: #FFFFFF; font-weight: normal; text-decoration: underline; }

#foot a:link, #foot a:visited { color: #5C674E; font-weight: normal; text-decoration: none; }
#foot a:hover, #foot a:active { color: #990000; font-weight: normal; text-decoration: none; }

.minister a:link,.minister a:active  { color: #74956D; font-weight: bold; text-decoration: none; }
.minister a:visited         { color: #868978; font-weight: bold; text-decoration: none; }
.minister a:hover { color: #990000; font-weight: bold; text-decoration:underline;}

.sideBody a:link,.sideBody a:active  { color: #74956D; font-weight: bold; text-decoration: none; }
.sideBody a:visited         { color: #868978; font-weight: bold; text-decoration: none; }
.sideBody a:hover { color: #990000; font-weight: bold; text-decoration:underline; }

.mainBody a:link,.mainBody a:active  { color: #74956D; font-weight: bold; text-decoration: none; }
.mainBody a:visited         { color: #868978; font-weight: bold; text-decoration: none; }
.mainBody a:hover { color: #990000; font-weight: bold; text-decoration:underline; }

.mainBody a.pt:link, .mainBody a.pt:active        { color: #496A2B; font-weight: normal; text-decoration: underline; }
.mainBody a.pt:visited         { color: #868978; font-weight: normal; text-decoration: underline; }
.mainBody a.pt:hover { color: #990000; font-weight: normal; }


/* ------------------------------------------ head ----------------------------------------- */

#head          { background: #FFFFFF; height: 90px; position: relative;}
#bannerf        { background: url("/graphics/tcu/TCU_bannerf.jpg") no-repeat center right; height: 170px; cursor:pointer;}
#banner        { background: url("/graphics/tcu/TCU_banner.jpg") no-repeat center right; height: 170px; cursor:pointer;}
#generic       { background: url("/graphics/tcu/generic/banner.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#genericf      { background: url("/graphics/tcu/generic/bannerf.jpg") no-repeat center right; height: 104px; cursor:pointer;}
#apprentice    { background: url("/graphics/tcu/apprentices/banner.jpg") no-repeat center right; height: 104px; cursor:pointer;}
#apprenticef   { background: url("/graphics/tcu/apprentices/bannerf.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#student       { background: url("/graphics/tcu/students/banner.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#studentf      { background: url("/graphics/tcu/students/bannerf.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#jobseeker     { background: url("/graphics/tcu/jobseekers/banner.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#jobseekerf    { background: url("/graphics/tcu/jobseekers/bannerf.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#employer      { background: url("/graphics/tcu/employers/banner.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#employerf     { background: url("/graphics/tcu/employers/bannerf.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#employee      { background: url("/graphics/tcu/employees/banner.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#employeef     { background: url("/graphics/tcu/employees/bannerf.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#osap      { background: url("/graphics/tcu/osap/banner.jpg") no-repeat center right; height: 104px;cursor:pointer; }
#logo          { float: left; margin: 19px 0px 0px 0px; }
#siteName      { margin: 20px 20px 0 0; }
#language      { background: url("/graphics/tcu/language.gif") no-repeat bottom left; width: 8em; margin-top: -95px; text-align: center; }
#language span { display: block; padding: 5px 0 5px 0; }


/* ---------------------------------------- top nav --------------------------------------- */

#nav           { background: #eaf1e0; border-top: 2px solid #eaf1e0; border-bottom: 4px solid #eaf1e0; }
.home          { position: absolute; top: 1em; left: 1.5em; }
.navBar        {
	position: relative;
	background-color: #eaf1e0;
}
.navHead       { background: url("/graphics/tcu/tcu_nav_full.jpg") no-repeat top left; height: 10px; overflow: hidden; }
.navHead div   { background: url("/graphics/tcu/tcu_nav_full.jpg") no-repeat top right; height: 10px; overflow: hidden; margin-left: 0px; }
.navFoot       { background: url("/graphics/tcu/tcu_nav_full.jpg") no-repeat bottom left; background-position: right -24px; height: 12px;}
.navFoot div   { background: url("/graphics/tcu/tcu_nav_full.jpg") no-repeat bottom right; background-position: right -24px; height: 0px; margin-left: 0px; }
.navBody       { background: #eaf1e0; border-left: 1px solid #eaf1e0; border-right: 1px solid #eaf1e0; text-align: center; padding-left: 3em;  }
.navHome       {
	background: #eaf1e0;
	border-left: 0px solid #eaf1e0;
	border-right: 0px solid #eaf1e0;
	text-align: center;
	background-image: url("/graphics/tcu/nav_middle.jpg");
	background-position: 0px 0px 0px -10px;
}


/* ---------------------------------------- side nav --------------------------------------- */

.side        {
	background: url("/graphics/tcu/sideBack.gif");
	width: 190px;
	overflow: hidden;
}
div.sideBox     {
	border-bottom: 4px solid #eaf1e0;
	background: #eaf1e0;
	width: 190px; overflow: hidden;
}

.sideBoxAud     {
	background: #ffffff;
	width: 150px;
}

.left        { float: left; }
.right       { float: right; }
.height      { height: 11em; }
div.sideHead {
	background: url("/graphics/edu/sideHead1.gif") no-repeat top left;
	padding: 8px 10px 8px 15px;
	width:auto;
}
.sideIcon    { background: url("/graphics/tcu/sideHead1.gif") no-repeat top left; padding: 6px 10px 6px 35px; position: relative; }
.icon        { position:absolute;top:1px; left:1px;}
div.sideBody    {
	background: url("/graphics/tcu/sideBox.gif") no-repeat bottom left;
	padding: 1em 0.5em 0.5em 1.5em; width:auto; overflow: hidden; height:100%;
}
.sideBody1    {
	background: url("/graphics/tcu/sideBox.gif") no-repeat bottom left;
	padding: 1em 1.5em 0.5em 1.5em;font-size:1.1em;
}
.sideBody p  { line-height: 1.25em; }

.buttonHead  { background: url("/graphics/tcu/sideBox.gif") no-repeat top center; height: 8px; line-height: 8px; }
.buttonBody  { background: url("/graphics/tcu/sideBox.gif") no-repeat bottom center; padding: 0 10px 8px 15px; }
.buttonIcon  { margin: 0 5px 0 -5px; }

.buttonHeadAud  { background: url("/graphics/tcu/sideBoxAud.gif") no-repeat top center; height: 8px; line-height: 8px; }
.buttonBodyAud  { background: url("/graphics/tcu/sideBoxAud.gif") no-repeat bottom center; padding: 0 10px 8px 15px; }
.buttonIconAud  { margin: 0 5px 0 -5px; }

.minister   {
	background: url("/graphics/tcu/minister.jpg") no-repeat top center;
	height: 99px;
	padding: 0 10px 0 65px;
	text-align: right;
	background-color: #eaf1e0;
}
.minister p { padding-top: 18px; line-height: 1.25em; }

#search      { width: 120px; }
.side ul     { padding: 0; margin: 0 10px 0 15px; }
.arrowDown   { list-style-image: url("/graphics/tcu/icon_arrow_down.gif"); }
.arrowRight  { list-style-image: url("/graphics/tcu/icon_arrow_right.gif"); }
img.navArrow    { float: right; margin-top: 2px; margin-bottom:3px; }

/* ---------------------------------------- buffers --------------------------------------- */

.bufferHead    { background: url("/graphics/tcu/buffer.gif") no-repeat top left; height: 3em; }
.bufferFoot    { background: url("/graphics/tcu/buffer.gif") no-repeat bottom left; }
.trillium      { background: url("/graphics/tcu/trillium.gif") no-repeat center center; height: 100px; }


/* ------------------------------------------ body ----------------------------------------- */

.navBody, .sideHead, .sideIcon, .sideBody, .sideMenu, .medBtnHead, .medBtnBody, .smBtnHead, .smBtnBody, .bufferHead, .bufferFoot, .mainHead, .mainFoot, .mainBody { 
  width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }

.mainBody ul, .mainBody ol { font-size: 1.1em; margin-right: 1em; }
.mainBody ul.arrowright    { list-style-image: url("/graphics/edu/icon_arrow_right.gif"); }
.mainBody ul               { list-style-image: url("/graphics/bullet.gif"); }
.mainBody p                { font-size: 1.1em; margin: 0em 1em 1em 1em; }
.mainBody h2 			   { font-size: 1.2em; margin: 1em 1em 1em 1em; }
.mainBody h3, .mainBody h4 { font-size: 1.2em; color: #666666; margin: 1em 1em 1em 1em; }
.mainBody h4               { font-style: italic; }

.main         { background: url("/graphics/tcu/maintile.gif") repeat-y; }
.mainBox      { background: #ffffff; }
.mainHead     {	background: url("/graphics/edu/main.gif") no-repeat top left; width:auto;}
.mainHead div { background: url("/graphics/edu/main.gif") no-repeat top right; padding: 1em 0em 0.75em 0.75em; margin-left: 10px; width:auto; }
.mainFoot     {
	background: url("/graphics/tcu/main.gif") no-repeat bottom left;
	border-bottom: 4px solid #eaf1e1;
}
.mainFoot div { background: url("/graphics/tcu/main.gif") no-repeat bottom right; margin-left: 10px; }
div.mainBody     {
	padding: 1em .5em 1.5em .5em;
	background: #ffffff;
	background: url("/graphics/tcu/maintile.gif") repeat-y;
	height: 100%;
	width:auto;
}

.mainNew         { background: url("/graphics/tcu/mainTilenew.gif") repeat-y; }
.mainBoxnew      { background: url("/graphics/tcu/mainTilenew.gif") repeat-y; background: #ffffff;}
.mainHeadnew     { background: url("/graphics/tcu/mainHeader.gif") no-repeat top left; }
.mainHeadnew div { background: url("/graphics/tcu/mainHeader.gif") no-repeat top right; padding: 1em 0em 0.75em 0.75em; margin-left: 10px; }
.mainFootnew     {
	background: url("/graphics/tcu/mainHeader.gif") no-repeat bottom left;
}
.mainFootnew div { background: url("/graphics/tcu/mainHeader.gif") no-repeat bottom right; margin-left: 10px; }
.mainBodynew     { padding: 1em .5em 1.5em .5em; background: url("/graphics/tcu/mainTilenew.gif") repeat-y; height: 100%; }
.mainBodynew ul, .mainBodynew ol { font-size: 1.1em; margin-right: 1em; }
.mainBodynew ul.arrowright       { list-style-image: url("/graphics/edu/icon_arrow_right.gif"); }
.mainBodynew ul                  { list-style-image: url("/graphics/bullet.gif"); }
.mainBodynew p                   { font-size: 1.1em; margin: 0em 1em 1em 1em; }
.mainBodynew h2 			     { font-size: 1.2em; margin: 1em 1em 1em 1em; }
.mainBodynew h3, .mainBodynew h4 { font-size: 1.2em; color: #666666; margin: 1em 1em 1em 1em; }
.mainBodynew h4                  { font-style: italic; }

/* ------------------------------------------- 2columns ----------------------------------------- */

.2colBody ul, .mainBody ol { font-size: 1.1em; margin-right: 1em; }
.2colBody ul.arrowright    { list-style-image: url("/graphics/edu/icon_arrow_right.gif"); }
.2colBody ul               { list-style-image: url("/graphics/bullet.gif"); }
.2colBody p                { font-size: 1.1em; margin: 0em 1em 1em 1em; }
.2colBody h2 			   { font-size: 1.2em; margin: 1em 1em 1em 1em; }
.2colBody h3, .2colBody h4 { font-size: 1.2em; color: #666666; margin: 1em 1em 1em 1em; }
.2colBody h4               { font-style: italic; }
div.2colBody     {
	padding: 1em .5em 1.5em .5em;
	background: #ffffff;
	background: url("/graphics/tcu/2colback.gif") repeat-y;
	height: 100%;
	width:auto;
	overflow:auto;
}
.main2col      { background: url("/graphics/tcu/2colback.gif") repeat-y;}
.mainHead2col     { background: url("/graphics/tcu/mainheader.gif") no-repeat top left;}
.mainHead2col div { background: url("/graphics/tcu/mainheader.gif") no-repeat top right; padding: 1em 0 0.75em 0.75em; margin-left: 10px; }
.mainFoot2col div { background: url("/graphics/tcu/mainheader.gif") no-repeat bottom right; }
.mainFoot2col { background: url("/graphics/tcu/mainheader.gif") no-repeat bottom left;  border-bottom: 4px solid #eaf1e0; padding-left:1px;}
/* ------------------------------------------- foot ----------------------------------------- */

#foot          { background: #eaf1e0}
.footHead      { background: url("/graphics/tcu/foot.gif") no-repeat top left; height: 10px; width: 80%; margin-top: 4px; }
.footHead div  { background: url("/graphics/tcu/foot.gif") no-repeat top right; height: 10px; }
.footFoot      { background: url("/graphics/tcu/foot.gif") no-repeat bottom left; background-position: left -10px; height: 10px; width: 80%; }
.footFoot div  { background: url("/graphics/tcu/foot.gif") no-repeat bottom right; background-position: right -10px; height: 10px; }
.footBody      { background: #FFFFFF; width: 80%; }
.footBody p    { margin: 0; padding: 0.5em 0 1em 0; }

/* ----- */

.LifeIcon {
	float: left;
	width: 26px;
	padding-bottom: 10px;
}

.LifeText {
	float: left;
	padding-left: 7px;
	padding-top: 6px; overflow:hidden; width:auto;
}
.centreHead {
	background: url("/graphics/tcu/CentreHead.gif") no-repeat top center;
	padding: 6px 10px 6px 15px;
	width:100%;
	position:relative;
}
.centreBody {

	background: url("/graphics/tcu/sideBox_large.gif") no-repeat bottom center;
	padding: 1em 1.5em 0.5em 1.5em;
}
.centreBody1 {

	background: url("/graphics/tcu/sideBox_large.gif") no-repeat bottom center;
	padding: 1em 1.5em 0.5em 1.5em;font-size:1.1em;
}
.sideIconcentre {
	background: url("/graphics/tcu/CentreHead.gif") no-repeat top left;
	padding: 6px 10px 6px 40px;
	width:203;
	position:relative;
}
.centreBox { border-bottom: 4px solid #eaf1e0; background: #eaf1e0; width: 203px;}
.left        { float: left; }
.right       { float: right; }
.height      { height: 11em; }


.sideBoxGel {
	border-bottom: 2px solid #eaf1e0;
	background: url("/graphics/tcu/sideBoxGel.gif") no-repeat top center;
	width: 190px;
	height: 8px; 
	line-height: 16px;
}

.gelButtonHead  { background: url("/graphics/tcu/sideBoxGel.gif") no-repeat top center; height: 8px; line-height: 8px; }
.gelButtonBody  { background: url("/graphics/tcu/sideBoxGel_Large.gif") no-repeat bottom center; padding: 0 10px 10px 15px; }

.left        { float: left; }
.right       { float: right; }
.height      { height: 11em; }

.buttonHeadGel {background: url("/graphics/tcu/sideBoxGel.gif") no-repeat top center; height: 8px; line-height: 8px;
}
.gelButtonBodylarge {
background: url("/graphics/tcu/sideBoxGel_Large.gif") no-repeat bottom center; padding: 0 10px 8px 15px;
}
#bannersub {
background: url("/graphics/tcu/TCU_banner_sub.jpg") no-repeat center right; height: 117px;
}
.photoleft {
float: left; margin: 0.5em;
}