body {
	margin:0px;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-size:0.6em;*/
	background-color: #CCCCCC;
	color: #333333;
}

/*h1 {
	font-size: 180%;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}*/

h1 {
	font-size: 100%;
	color: #0066cc;
	text-align:left;
	font-weight:bold;
	margin-top: 5px;
    margin-bottom:-5px;
}

h2 {
	font-size: 150%;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 120%;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}

h3#intro {
font-size: 180%;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

a {
	text-decoration: none;
	color: #0066cc;
}

a:hover {
	text-decoration: underline;
}


#container {
	width: 880px;
	margin: 0px auto;
	text-align: left;
	background-color: #fff;
	border-right-width: 14px;
	border-left-width: 14px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	z-index:0;
}

/* -----------------------------------------------------------------------------------------------
Header Tool
------------------------------------------------------------------------------------------------*/
#header_tools{
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	font-size: 80%;
	color: #746d5d;
	padding: 5px;
}

#header_tools ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#header_tools ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #cbc4b2;
	list-style: none;
	display: inline;
}
	
		
#header_tools ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#header #bar {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#header #bar div.logo {
	height: 61px;
	display: inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 60px;
}

#header #bar div.banner {
	width: 468px;
	height: 60px;
	display: inline;
}

#bread {
	color: #666666;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	border-bottom-color: #e0dcd1;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-size: 96%;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#nav {
	/*background-color: #990000;*/
	background-color: #CC0000;
	color: #FFFFFF;
	height: 32px;
}


#nav a{
	color: #FFFFFF;
}

#nav #list {
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}


#nav #list ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	padding-bottom: 8px;
} 

#nav #list ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cbc4b2;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	vertical-align: top;
	font-weight:bold;
}
	
		
#nav #list ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#nav #search {
	float: right;
}
#nav #search form {
	margin: 0px;
	padding-top: 8px;
	#padding-top: 5px;
	padding-right: 10px;
	font-weight:bold;
}

#nav #search img{
	padding-top: 0px;
	padding-right: 0px;
	#padding-bottom: 2px;
	padding-left: 5px;
	vertical-align: text-bottom;
}

#nav #search input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 90%;
	padding: 1px;
	margin-left: 5px;
}

#headline_date {
	clear: both;
}
		
#headline_date #hdrBar {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e0dcd1;
	padding-top: 5px;
	padding-bottom: 5px;
}

#headline_date #hdrBar div.hdr{
	font-size: 115%;
	padding-left: 15px;
	float: left;
}

#headline_date #hdrBar div.date{
	font-size: 115%;
	padding-right: 10px;
	float: right;
}

#content {
	background-image: url(../../images/bg_content_3col_content.gif); /*dtchange 06/08 */ 
	/*background-image: url(../../images/bg_content_3col_btm.gif);*/
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 10px;
	z-index: -2;
}

#content_eng {
	background-image: url(../../images/bg_content_3col_engin.gif);
	background-repeat: repeat-y;
	background-position: left top;
	/*margin-top: 10px;*/
}

#content_fin {
	background-image: url(../../images/bg_content_3col_finin.gif);
	background-repeat: repeat-y;
	background-position: left top;
	/*margin-top: 10px;*/
}

#content_sci {
	background-image: url(../../images/bg_content_3col_sciin.gif);
	background-repeat: repeat-y;
	background-position: left top;
	/*margin-top: 10px;*/
}

#content_leav {
	background-image: url(../../images/bg_content_3col_leavin.gif);
	background-repeat: repeat-y;
	background-position: left top;
	/*margin-top: 10px;*/
}

#content_article {
	background-image: url(../../images/bg_article.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 10px;
}

#main_article .author{
	font-size: 95%;
}

#main_article img{
	border: 6px solid #e0dcd1;
	margin-right: 10px;
	margin-bottom: 10px;
}

#col_nav{
	width: 148px;
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#col_article{
	width: 578px;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}
	
#col_left{
	width: 730px;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}

#col_right{
	width: 120px;
	margin-left: 10px;
	padding-right: 0px;
	padding-left: 0px;
	display: inline;
	float: right;
}

#subnav {
	/*margin: 0;*/
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 2px;
}

#subnav ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 

#subnav ul li {
	margin-left: 0;
	list-style: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cbc4b2;
}
	
		
#subnav ul li.first {
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0000;
	list-style: none;
	/*border-top: none;
	font-size: 120%;
	font-weight: bold;
	color: #0066CC;*/
}

#subnav ul li.sublist {
	margin-left: 0;
	border-top: none;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	/*color: #0066CC;*/
	color: #FFFFFF;
	background-color:#0066CC;
}

#subnav ul li.sublist_eng {
	margin-left: 0;
	border-top: none;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	/*color: #0066CC;*/
	color: #FFFFFF;
	background-color: #006633;
}

#subnav ul li.sublist_fin {
	margin-left: 0;
	border-top: none;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	/*color: #0066CC;*/
	color: #FFFFFF;
	background-color: #3399FF;
}

#subnav ul li.sublist_sci {
	margin-left: 0;
	border-top: none;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	/*color: #0066CC;*/
	color: #FFFFFF;
	background-color: #9966FF;
}

#subnav ul li.sublist_leav {
	margin-left: 0;
	border-top: none;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	/*color: #0066CC;*/
	color: #FFFFFF;
	background-color: #FD8D1E;
}

#subnav ul li.topOne {
	margin-left: 0;
	list-style: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-top: none;
	border-bottom: none;
}

#col_left #todays_news {
	padding: 10px;
	background-color: #F1EDE4;
}

#col_left #todays_news img {
	/*border: 6px solid #D8D2C5;*/
}

#col_left #todays_news .main {
	padding-right: 7px;
	padding-left: 13px;
}

#col_left #todays_news .sub {
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CBC4B2;
}

#col_left #todays_news ul {
	margin: 0;
	padding: 0;
} 

#col_left #todays_news ul li {
	list-style: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cbc4b2;
}
	
		
#col_left #todays_news ul li.first {
	margin-left: 0;
	border-top: none;
	list-style: none;
	padding-bottom: 5px;
	padding-top: 0px;
}
#listPanel {
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;	
}

#listPanel #blank {
	background-color: #FFFFFF;
	height: 10px;
}

#listPanel #articles {
	background-color: #F7F4EF;
	display: table;
	clear: both;
	position: relative;
}

#listPanel #articles table{
	padding-right: 5px;
	padding-left: 5px;
}

.subheader{
	font-weight: bold;
	color: #0066CC;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 120%;
}

#listPanel #articles ul {
	margin-left: 0;
	padding-left: 20px;
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	color: #0066CC;
}

#listPanel #articles ul li {
	padding-left: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	color: #0066cc;
	list-style-position: outside;
	margin: 0px;
	list-style-image: url(../../images/bullet.gif);
}
#article_list ul li .subCategory{
	font-weight: bold;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}

#listPanel #list_left {
	width: 49%;
	background-color: #F7F4EE;
	display: inline;
	float: left;
	padding-left: 10px;
}


#listPanel #list_right {
	width: 49%;
	background-color: #F7F4EE;
	display: inline;
	float: left;
}

#listPanel #colImg {
	display: inline;
	width: 141px;
	padding-left: 10px;
	margin: 0px;
	padding-right: 5px;
	float: left;
	position: relative;
}

#listPanel #col {
	display: inline;
	width: 138px;
	padding-left: 5px;
	margin: 0px;
	padding-right: 5px;
	float: left;
	position: relative;
	font-size: 98%;
}


#listPanel #header {
	height: 20px;
	background-color: #e6e3da;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #c2c0b9;
	font-size: 150%;
	color: #990000;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
}

#col_left #categories1 {
    background-image: url(../../images/bg_content_3col_top.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
}

#col_left #categories_eng {
    background-image: url(../../images/bg_content_3col_eng.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
}

#col_left #categories_fin {
    background-image: url(../../images/bg_content_3col_fin.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
}

#col_left #categories_sci {
    background-image: url(../../images/bg_content_3col_sci.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
}

#col_left #categories_leav {
    background-image: url(../../images/bg_content_3col_leav.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
}

#col_left #categories2 {
	background-image: url(../../images/bg_content_3col_btm.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
	z-index: 4;
}

/*#col_left #categories_col {
	clear: both;
	position: relative;
	padding: 0px;
	margin: 0px;
	background-image: url(../../images/bg_content_1_2col.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #F7F4EF;
	z-index: 1;
}*/

#col_left #banner {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}

/* school leavers */
#col_left #headerA {
	/*background-color: #ff9933;*/
	background-color: #FD8D1E;
	/*border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #d68533;8
	font-size: 150%;*/
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
}

#col_left #headerA a{
	color: #FFFFFF;
	font-weight:400;
	text-decoration: none;
}

/*engineer*/
#col_left #headerB {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	background-color: #006633;
	/*border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #85ad5c;
	font-size: 150%;*/
	color: #FFFFFF;
	text-decoration: none;
}

#col_left #headerB a{
	color: #FFFFFF;
	font-weight:400;
	text-decoration: none;
}

/*finance*/
#col_left #headerC {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	background-color: #3399FF;
	/*border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #3385ad;
	font-size: 150%;*/
	color: #FFFFFF;
	text-decoration: none;
}

#col_left #headerC a{
	color: #FFFFFF;
	font-weight:400;
	text-decoration: none;
}

/*science*/
#col_left #headerD {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	background-color: #9966FF;
	/*border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #853333;
	font-size: 150%;*/
	color: #FFFFFF;
	text-decoration: none;
}

#col_left #headerD a{
	color: #FFFFFF;
	font-weight:400;
	text-decoration: none;
}

/*career guide*/
#col_left #headerGuide {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	background-color: #CC0000;
	/*border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #007952;*/
	font-size: 150%;
	color: #FFFFFF;
	text-decoration: none;
}


#col_left #category_left {
	float: left;
	width: 248px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#col_left #category_left_2col {
	float: left;
	width: 482px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#col_left #category_left_2col table td.left_top{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	/*padding: 10px;
	border-right-width: 7px;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}

#col_left #category_left_2col table td.left_bottom{
	margin: 0px;
	/*border-right-width: 7px;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 10px;
}

#col_left #category_left_2col table td.right_top{
	margin: 0px;
	/*border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FFFFFF;*/
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 10px 0px 10px 45px;
	text-wrap: normal;
}

#col_left #category_left_2col table td.right_bottom{
	margin: 0px;
	padding: 10px 0px 10px 45px;
	/*padding: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FFFFFF;*/
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	text-wrap: normal;
	
}


#col_left #category_right {
	float: right;
	width: 234px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#col_left #padding_left {
	padding: 0px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#col_left #category_left table{
	padding-top: 10px;
	padding-right: 5px;
}



#col_left #category_right table{
	padding-top: 10px;
	padding-right: 5px;
}

/*#col_left #article_main {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #F1EDE4;
	padding-bottom: 10px;
}*/


#col_left #article_mainA {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	/*background-color: #F1EDE4;*/
	background-color:#F9E6D5;
	padding-bottom: 10px;
}

#col_left #article_mainC {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	/*background-color: #F1EDE4;*/
	background-color:#E5F2F9;
	padding-bottom: 10px;
}

#col_left #article_mainB {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	/*background-color: #F1EDE4;*/
	background-color:#EAF8DC;
	padding-bottom: 10px;
}

#col_left #article_mainD {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	/*background-color: #F1EDE4;*/
	background-color: #F3EFF8;
	/*background-color: #F9F5E2;*/
	padding-bottom: 10px;
}


#col_left #article_main_2col {
	/*background-color: #E7F8F2;
	background-color: #F1EDE4;*/
	margin: 0px;
	padding: 0px;
}

#col_left #article_mainA img {
	/*border: 6px solid #D8D2C5;*/
	margin-right: 10px;
}

#col_left #article_mainC img {
	/*border: 6px solid #D8D2C5;*/
	margin-right: 10px;
}

#col_left #article_mainB img {
	/*border: 6px solid #D8D2C5;*/
	margin-right: 10px;
}

#col_left #article_mainD img {
	/*border: 6px solid #D8D2C5;*/
	margin-right: 10px;
}


#article_list {
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #e0dcd1;
	margin-top: 10px;
}

#article_list_top{
	margin: 0px;
	padding: 0px;
}

#article_list ul, #article_list_top ul{
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
} 

#article_list ul li , #article_list_top ul li {
	margin-left: 0;
	list-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#article_list_top ul li {
	padding-right: 0px;
}

#article_list ul li .subCategory, #article_list_top ul li .subCategory{
	font-weight: bold;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}

#col_right img{
	padding-bottom: 10px;
	/*margin-left: 5px;*/
}

#footer {
	background-color: #CC0000;
	padding: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 95%;
}

#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#footer ul li {
	margin-left: 0;
	border-left: 1px solid #cbc4b2;
	list-style: none;
	display: inline;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight:bold;
}

#footer ul li a {
    color: #FFFFFF;
}
	
		
#footer ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

.clear { 
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.clr {
clear: both;
}


/*
====================================================
START FIX - DMT 28.02.2008
==================================================== 
NOTES > 
This is a 'clearfix' hack to force the two 3-column containers on the home page (#col_left #categories1 and  #col_left #categories2) to expand to contain their nested floated elements.
This is needed to make sure the background images of the 2 containers actually tile all the way to bottom of the larges contained div.
*/
#col_left #categories1:after,
#col_left #categories2:after
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#col_left #categories1,
#col_left #categories2
{display: inline-block;}

/* Start Holly Hack \*/
* html #col_left #categories1,
* html #col_left #categories2
{height: 1%;}

#col_left #categories1,
#col_left #categories2
{display: block;}
/* End Holly Hack */

/* This is an additional hack to force the .clear div used throughout the page to not insert additional space 
- it was padding the bottom of the content box, allowing its background to extend past the background of the bottom container (#col_left #categories2)  */
.clear {
	background-color:#F00;
	height: 0px;
	line-height: 0px;
}

/* 
====================================================
END FIX - DMT 28.02.2008
==================================================== */

/*
====================================================
START FIX - DMT 07.03.2008
==================================================== 
This is a new class .second-row for the second 3-col row of the home page - it handles the margins for the nested menus
*/
#categories1.second-row #article_list {
	margin: 10px 20px 10px 10px;
}

/* 
====================================================
END FIX - DMT 07.03.2008
==================================================== */