/* General */
a,
a:link {
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #666633;
}
a:hover,
a:active {
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #004585;
}
a:focus {
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #004585;
}
p {
	padding: 0 0 1.4em 0;
	line-height: 1.4em;
}

h1 { font-size: 1.2em; font-weight: normal; color: #666633; line-height: 1.4em;}
h2 { font-size: 1.1em; margin-top: 0em; margin-bottom: 0.5em; font-weight: normal; color: #666633; }
h3 { font-size: 1.2em; margin-top: 0em; margin-bottom: 0.5em; font-weight: normal; color: #666633 }
h4 { font-size: 1.1em; margin-top: 0em; margin-bottom: 0em; font-weight: bold; color: #666633 }
h5 { font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; font-weight: bold; color: #666633 }
h6 { font-size: 0.8em; margin-top: 0em; margin-bottom: 0em; font-weight: bold; color: #666633 }
strong { font-weight: bold; }
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 80%;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* Header slogan */
div.slogan h1 {font-size: 1.5em; color: #6699cc}

/* Header side panel text headers */
div.moduletable_sidenews h3 {color: #666633}
div.moduletable_sideprojects h3 {color: #666633}
div.moduletable_sideprojects h3 {color: #666633}
div.moduletable_sideprojects h3 {color: #666633}


h4.featureditems_news {color: #666633; font_weight: normal}


/* Heading of article/blog content */
.componentheading {
	font-weight: normal;
	font-size: 1.2em;
	color: #666633;
	padding: 0 0 10px 0;
}
.componentheading_projects {
	font-weight: normal;
	font-size: 1.2em;
	color: #666633;
	padding: 0 0 10px 0;
}
.contentheading {
	font-weight: normal;
	font-size: 1.2em;
	color: #666633;
	padding: 0 0 10px 0;
}
.contentheading_news {
	font-weight: normal;
	font-size: 1.2em;
	color: #666633;
	padding: 0 0 5px 0;
}
.contentheading_projects {
	font-weight: normal;
	font-size: 1.2em;
	color: #666633;
	padding: 0 0 10px 0;
}

/* Article content */
div.contentpaneopen {
	padding: 10px 30px 0 0 ;
	font-size: 1em;
	line-height: 1.4em;
}
table.contentpaneopen h2 {font-size: 0.9em; margin-top: 0em; margin-bottom: 0.4em; font-weight: bold; color: #004585}

table.contentpaneopen  ul li
{
background-image: url(../images/arrow_plain.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1.2em;
}

table.contentpaneopen div.h1 { font-size: 1.2em; font-weight: normal; color: #666633; line-height: 1.4em;}

div.contentpaneopen_projects {
	padding: 10px 30px 0 0 ;
	font-size: 1em;
	line-height: 1.4em;
}
table.contentpaneopen_projects ul li
{
background-image: url(../images/arrow_plain.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1.2em;
}

table.contentpaneopen_news img {
	border: 1px solid #666633;
	margin: 0 0 10px 10px;
}

/* some of the main content panels contain ordinary images */
/* if they do, we need this styling to put them into a box */
table.contentpaneopen img {
	border: 1px solid #666633;
	margin: 0 0 10px 10px;
	float: none;
}

/* and then we'll need to put the images we don't want in a box */
/* e.g. logos into a div named this */
div#article_image_no_border img {
	display: block;
	padding: 0;
	border: 0;
	float: none;
	margin: 10px 0 0 0;
}

div.article-content img {
	border: 1px solid #666633;
	margin: 0 0 10px 10px;
}

table.blog img {
	border: 1px solid #666633;
	margin: 0 0 10px 10px;
}

table.blog_projects img {
	border: 1px solid #666633;
	margin: 0 0 10px 10px;
}

/* Menu horizontal level 1 */
ul.menumain {
}
/* increase padding Top (T R B L) to push menu further down) */
/* increase padding Top (T R B L) to push menu further down) */
ul.menumain li, ul.menumain li.active {
display:inline;
margin:0;
	font-size: 0.9em;
}

ul.menumain li a span, ul.menumain li a span {
	text-decoration: none;
float:left;
display:block;
padding:3px 10px 3px 10px;
color:#fff;
}

ul.menumain li a:hover, ul.menumain li a:focus {
	color: #ccccff;
	cursor: pointer;
}

ul.menumain li a:hover span, ul.menumain li a:focus span{
	color: #ccccff;
	cursor: pointer;
}

ul.menumain li.active a, ul.menumain li.current a {
float:left;
background:url(../images/tab_l2.gif) no-repeat left top;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
	color: #000;
height: 28px;
}
ul.menumain li.active a span, ul.menumain li.current a span {
float:left;
display:block;
background:url(../images/tab_r2.gif) no-repeat right top;
padding:3px 10px 3px 0px;
color:#000;
height: 22px;
}
/* Hide from IE5-Mac \*/
ul.menumain a, ul.menumain a span
{
float: none
}
/* End hide */



/* Sub Menu horizontal level 2 */
/*ul.menusub {
}
ul.menusub li {
	padding: 10px 6px 0 6px;
	font-size: 0.9em;
	margin: 0 0 0 6px;
}
ul.menusub li a {
	text-decoration: none;
	color: #000;
}
ul.menusub li a:hover {
	color: #ccccff;
}
ul.menusub li a:hover, ul.menusub li a:focus {
	color: #ccccff;
}
ul.menusub li.active a, ul.menusub li.current a {
	color: #000;
}
ul.menusub li.active a, ul.menusub li.current a {
	color: #000;
}*/

	menusub, ul.menusub  { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 140px;
	}
	
	ul.menusub li { /* all list items */
		position : relative;
		float : left;
		line-height : 2;
		margin-bottom : -1px;
		width: 140px;
	}
	
	ul.menusub li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 153px;
		margin-top : -2.15em;
		width: 270px;
	}
	ul.menusub li ul a { /* second-level lists */
		width: 270px;
	}
	ul.menusub li ul li { /* second-level lists */
		line-height : 2;
		font-size: 0.8em;
	}
	
	ul.menusub li ul ul { /* third-and-above-level lists */
		left: -999em;
		margin-left : 281px;
	}
	ul.menusub li ul ul li { /* third-level lists */
		font-size: 1em;
	}
	ul.menusub li ul ul ul li { /* fourth-level lists */
		font-size: 1em;
	}
	
	ul.menusub li a {
		width: 140px;
		w\idth : 140px;
		display : block;
		text-decoration : none;
		background-color : white;
		border : 1px solid #666633;
		padding : 0 0.5em;
	}
	
	ul.menusub li a:hover {
		color : white;
		background-color : #666633;
		background-position: 0 0;
	}
	
	
	ul.menusub li:hover ul ul, ul.menusub li:hover ul ul ul, ul.menusub li:hover ul ul ul ul, ul.menusub li.sfhover ul ul, ul.menusub li.sfhover ul ul ul, ul.menusub li.sfhover ul ul ul ul {
		left: -999em;
		background-position: 0 0;
	}
	
	ul.menusub li:hover ul, ul.menusub li li:hover ul, ul.menusub li li li:hover ul, ul.menusub li li li li:hover ul, ul.menusub li.sfhover ul, ul.menusub li li.sfhover ul, ul.menusub li li li.sfhover ul, ul.menusub li li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		background-position: 0 0;
	}


ul.menusub li:hover  a {
		color : white;
		background-color : #666633;
}

ul.menusub li:hover ul li a {
		color : #666633;
		background-color : white;
}

ul.menusub li:hover ul li:hover a {
		color : white;
		background-color : #666633;
}
ul.menusub li:hover ul li:hover ul li a {
		color : #666633;
		background-color : white;
}
ul.menusub li:hover ul li:hover ul li:hover a {
		color : white;
		background-color : #666633;
}
ul.menusub li:hover ul li:hover ul li:hover ul li a {
		color : #666633;
		background-color : white;
}
ul.menusub li:hover ul li:hover ul li:hover ul li:hover a {
		color : white;
		background-color : #666633;
}
ul.menusub li:hover ul li:hover ul li:hover ul li:hover ul li a {
		color : #666633;
		background-color : white;
}
ul.menusub li:hover ul li:hover ul li:hover ul li:hover ul li:hover a {
		color : white;
		background-color : #666633;
}


/* Menu for noticeboard */
	menu_nboard, ul.menu_nboard  { /* all lists */
		list-style: none;
		float : left;
		margin : 5px 0 0 0;
		width 100%;
	}
	
	ul.menu_nboard li { /* all list items */
		display: inline;
		float: left;
		width: 200px;
		font-size: 1.1em;
		margin: 10px 20px 0 0;
	}
	
	ul.menu_nboard li ul { /* second-level lists */
		margin : 5px 0 15px 0;
	}
	ul.menu_nboard ul li { /* all list items */
		font-size: 0.9em;
		margin: 0 0 0 0;
	}
	
	ul.menu_nboard li ul ul { /* third-and-above-level lists */
		margin : 5px 0 0 20px;
	}
	
	ul.menu_nboard li a {
		color : black;
	}
	ul.menu_nboard li li a {
		color : #666633;
	}
	
	ul.menu_nboard li li a:hover {
		color : #004585;
	}
	
	



/* Side Panel latest news style menus */
ul.latestnews {
/*	margin: 0 0 10px 0;*/
}
ul.latestnews li {
	padding: 0;
}
ul.latestnews li a {
	text-decoration: none;
	color: #666633;
}
ul.latestnews li a:hover {
	color: #666633;
}
ul.latestnews li a:hover, ul.latestnews li a:focus {
	color: #666633;
}
ul.latestnews li.active a, ul.latestnews li.current a {
	color: #666633;
}
ul.latestnews li.active a, ul.latestnews li.current a {
	color: #666633;
}

ul.latestnews_sidenews {
/*	margin: 0 0 10px 0;*/
}
/*ul.latestnews_sidenews li {
	background-image: url(../images/arrow2.gif);
	padding: 0;
}*/
ul.latestnews_sidenews li 
{
/*background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;*/
	list-style: disc url(../images/arrow.gif);
	margin-left: 1.2em;
/*	padding-left: 0.3em;*/
/*	text-indent: -0.5em;*/
}
ul.latestnews_sidenews li a {
	text-decoration: none;
	color: #666633;
}
ul.latestnews_sidenews li a:hover {
	color: #004585;
}
ul.latestnews_sidenews li a:hover, ul.latestnews_sidenews li a:focus {
	color: #004585;
}
ul.latestnews_sidenews li.active a, ul.latestnews_sidenews li.current a {
	color: #666633;
}
ul.latestnews_sidenews li.active a, ul.latestnews_sidenews li.current a {
	color: #666633;
}

/* Project experience menu */
/*ul.menu_projexp li 
{
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1.2em;
}*/

div.moduletable ul.menu_projexp li
{
	list-style: disc url(../images/arrow.gif);
	margin-left: 1.2em;
}


/* Main content right hand side panel */
div.moduletable_sidepanel h1 {font-size: 0.9em; margin-top: 0em; margin-bottom: 0.4em; font-weight: bold; color: #004585}
div.moduletable_sidepanel strong {font-size: 0.9em; margin-top: 0em; margin-bottom: 0.4em; font-weight: bold; color: #004585}

div.moduletable_sidepanel {padding: 10px 20px 20px 5px}

div.moduletable_sidepanel img {border: 1px solid #666633; margin: 10px 0 0 0}


/* Main content sidepanel */
div.moduletable_sidepanel ul li
{
background-image: url(../images/arrow_black.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1.2em;
}
/* Main content - category blog style */
table.blog ul li
{
background-image: url(../images/arrow_plain.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1.2em;
}
table.blog_projects ul li
{
background-image: url(../images/arrow_plain.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1.2em;
}

div.blog_more_projects ul {
	list-style-type: none;
	margin-left:1.2em; 
}

ul.pagination li {
	display: inline;
	padding: 5px;
	background-image: none;
}
table.contentpaneopen ul.pagination li {
	display: inline;
	padding: 5px;
	background-image: none;
}

/*table.blog h1 {font-size: 0.9em; margin-top: 0em; margin-bottom: 0.4em; font-weight: bold; color: #666633}*/
table.blog_projects h1 {font-size: 0.9em; margin-top: 0em; margin-bottom: 0.4em; font-weight: bold; color: #666633}

div.moduletable_copyright {font-size: 0.8em; margin: 1.1em 0 0 2em; color: #fff}
div.moduletable_copyright a {color: #fff; text-decoration: underline}
div.moduletable_copyright a:hover {color: #ccccff}

/*#menu li {display:inline;}*/

span.createdate {font-size: 0.8em}
td.createdate {font-size: 0.8em}

/* Footer horizontal level 2 */
ul.menu_footer {
	margin: 1.1em 2em 0 0;
}
ul.menu_footer li {
	display: block;
	float: right;
	padding: 0 5px 0 5px;
}
ul.menu_footer li a {
	text-decoration: none;
	color: #fff;
}
ul.menu_footer li a:hover {
	color: #ccccff;
}
ul.menu_footer li a:hover, ul.menusub li a:focus {
	color: #ccccff;
}
ul.menu_footer li.active a, ul.menusub li.current a {
	color: #fff;
}
ul.menu_footer li.active a, ul.menusub li.current a {
	color: #fff;
}
ul.menu_footer li img {
	display: block;
	float: left;
	padding: 4px 2px 0 0;
}

/*div.featureditemsitem h4 {font-size: 0.9em; margin-top: 0em; margin-bottom: 0.4em; font-weight: bold; color: #000000}*/
div.featureditemsitem_news a,
div.featureditemsitem_news a:link {
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #666633;
	font-weight: normal;
}
div.featureditemsitem_news a:hover,
div.featureditemsitem_news a:active {
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #004585;
}
div.featureditemsitem_news a:focus {
/*	text-decoration: underline;*/
	text-decoration: none;
	color: #004585;
}

div.featureditemstext_news img {
	border: 1px solid #666633;
	margin: 30px 30px 0 0 ;
}

table.setbltoc img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

table.setblartcllist img {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

table.setbltoc ul

{list-style-image: none;margin-top: 0px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
td.setdtoc ul li, td.setdtoc ul li.active {
display:inline;
margin: 0 15px 0 0;
	list-style-type: none;
}

div.attachmentsList caption {
	font-weight: normal;
	}

div.attachmentsList table td.at_filename a.at_icon {
	float: left;
	}

div.attachmentsList table td.at_filename a.at_url {
	float: left;
	font-weight: normal;
	}