/* /cms/templates/ftms/css/template.css */

html {
	height: 100%
}
form {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.4;
}
body {
	/* border-top-width: 0px; */
	padding: 0px; margin: 0px; border: 0px;
	/* border-left-width: 0px; */
	font-size: 12px;
	background: #cad4da; /* url(../images/snowflakes-chance-in-hell-background.jpg) repeat; */ /* #cad4da; */   /*   #e8eff3;    #e1e1e1     */
	/* border-bottom-width: 0px;  */
	color: #333;
	font-family: arial, helvetica;
	/* text-align: center; */
	/* border-right-width: 0px */
}


.tabtable {
	padding: 0px;
	margin: 0;
	border-width: 1px;
	border-color: #6795c3;
	border-style: solid;
}

.tabgeneral { 
	width:700px;
	padding: 5px;
	font-size:10px;
	font-family : verdana, arial, helvetica, geneva, sans-serif; 
	font-weight: normal; 
	color: #000000; 
	vertical-align: top; 
	border-color: #339999; 
} 

table.tabgeneral, 
table.tabgeneral td { 
border: 1px solid #6795c3; 
} 



#topbar-outer {
	background: #ced9df; /* #6e8187; */ /* #6996AD; */	/* #ced9df #bed0d7 */
	padding: 0px; margin: 0px; border: 0px;
	width: 100%;
	height: 22px;    
}

#topbar {	
	width: 950px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 22px    /* xxxx  */
	font-family: arial;
	font-size: 1.1em;
	margin: 0 auto;
}

#topbar a {
    text-decoration: none;
}


#topbar .pagepos #helplinks {
	margin-top: 0px;
	font-size: 11px;
	color: #ffffff;
	line-height: 13px;
}
	
#topbar .pagepos #helplinks ul {
	float:right;
}

#topbar .pagepos #helplinks ul li a {
border-right:1px solid white;
display:block;
margin:4px 0 3px;
padding:0 10px;
}

#topbar .pagepos #helplinks ul li {
float:left;
height:22px;
}

#topbar .pagepos #helplinks ul li.last {
margin-right:0;
}

#topbar .pagepos #helplinks ul li.last a {
border-right:medium none;
}

#topbar .pagepos #helplinks ul li.enrol {
margin-right:0;
background: url(../images/enrolment-button.png);
color: #ffffff;
font-weight: bold;
}

#topbar .pagepos #helplinks ul li.enrol:hover {
margin-right:0;
background: url(../images/enrolment-button2.png);
color: #FFFF00;
font-weight: bold;
}

#topbar .pagepos #helplinks ul li.enrol a {
border-right:medium none;
background: url(../images/enrolment-button.png);
color: #ffffff;
font-weight: bold;
}

#topbar .pagepos #helplinks ul li.enrol a:hover {
border-right:medium none; 
background: url(../images/enrolment-button2.png);
color: #FFFF00;
font-weight: bold;
}

#topbar .pagepos a {
color:#ffffff;
}

#topbar .pagepos a:hover {
text-decoration:underline; 
}

#topbar ul, #topbar li {
margin:0;
padding:0;
}

#topbar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


#topbar-wrap {
	background-color: #000000;
	width: 950px;
}

#topbar-left {
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 4px;
	margin-left: 10px;
	font-size: 11px;
	float: left;
	padding-bottom: 0px;
	width: 100px;
	padding-top: 0px;
	text-align: left;
	color: #ffffff;
	line-height: 13px;
}

#topbar-left a {
	color: #ffffff;
}

#topbar-right {
	font-size: 11px;
	float: right;
	margin-top: 12px;
	width: 160px;
	max-height: 40px;
}

#topbar-right-chinese {
	height: 20px;
}

.pagepos {	
	clear: both;	
	padding-bottom: 0px;	
	margin: 0px auto;	
	width: 100%;	
	padding-top: 0px;	
	/* position: relative   */
} 
	
#topbar .pagepos {	
	background: #000000; /* url(../images/topbar.png)  repeat-x 50% top; */	
	height: 22px;   /* xxxx  */
}

/* .pagepos {	width: 96em}  */


#mainwrapper {
	width: 950px;
	padding: 0px; margin: 0px;
	border-left: 1px solid #6e8187;
	border-right: 1px solid #6e8187;
	border-bottom: 1px solid #6e8187;
}
#hotnews-original {
	padding-left: 3px;
	font-size: 11px;
	width: 897px;
	margin-right: 10px;
	height: 10px;
	background-color: #000000;
	text-align: left;
	text-decoration: none
}
#logo-wrap {
	width: 950px;
/*	border-bottom: #f7923e 3px solid; */
	height: 100px;
 	background: #ffffff; 
}
#logo-area {
	padding-top: 15px;
	float: left;
	width: 370px;
	text-align: left
}
#date-area {
	padding-right: 5px;
	font-size: 11px;
	float: right;
	width: 370px;
	padding-top: 5px;
	text-align: right
}



#search-menu-wrap {
	width: 950px;
/*	border-bottom: #f7923e 3px solid; */
	height: 33px;
/*	background-color: #bdd2ff;     */
	background: url(../images/topmenu_button_01.gif) repeat-x top;
}

#sfcontainer {
	position:relative;z-index:99;
}

#videocontainer {z-index:90;}

#topmenu-area {
	font-size: 12px; /* 12px; */
	float: left;
	width: 950px;
	max-height: 25px;
	text-align: left
}


#search-area {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	float: left;
	padding-bottom: 0px;
	width: 370px;
	padding-top: 0px;
	text-align: right;
}


#tableoutline {
	border-right: #f2e5be 1px solid;
	background-position: right 50%;
	border-top: #f2e5be 1px solid;
	border-left: #f2e5be 1px solid;
	border-bottom: #f2e5be 1px solid;
	background-repeat: no-repeat;
	background-color: #f3efe4
}
#nav a {
	font-weight: bold;
	font-size: 110%;
	font-family: arial, helvetica, sans-serif
}
#inset a {
	font-weight: bold;
	font-size: 110%;
	font-family: arial, helvetica, sans-serif
}
/*
a.mainlevel-nav:link {
	padding-left: 5px;
	padding-bottom: 10px;
	text-decoration: none
}
a.mainlevel-nav:visited {
	padding-left: 5px;
	padding-bottom: 10px;
	text-decoration: none
}
a.mainlevel-nav {
	display: block;
	padding-left: 20px;
	margin-bottom: 3px;
	line-height: 15px;
	height: 16px
}
a.mainlevel-nav:hover {
	text-decoration: underline
}
#inset a.mainlevel-nav {
	padding-right: 15px;
	display: inline;
	padding-left: 15px;
	background: none transparent scroll repeat 0% 0%;
	padding-bottom: 0px;
	padding-top: 0px
} */
#2009section {
	padding-right: 5px;
	display: block;
	padding-left: 5px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	line-height: 14px;
	padding-top: 5px;
	border-bottom: #fccd4d 1px solid;
	height: 14px;
	text-align: right;
	text-decoration: none
}

.moduletable_menu {
	width:170px;
	margin-left:0px;
	margin-bottom:20px;
}



/*
a.mainlevel {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	background: url(../images/play.png) no-repeat;
	margin-bottom: 3px;
	padding-bottom: 0px;
	line-height: 15px;
	padding-top: 0px;
	height: 16px
}
a#active_menu:link {
	color: #333
}
a#active_menu:visited {
	color: #333
}
li.active_menu a:link {
	color: #333
}
li.active_menu a:visited {
	color: #333
}*/
#latestnews {
	float: left;
	margin: 5px 0px 0px 0px;
	width: 200px;
	text-align: left
}
#latestnews h3 {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 5px;
	margin: 0px 0px 5px;
	padding-top: 0px;
	border-bottom: #ccc 1px solid;
	font-family: arial, verdana
}
#latestnews ul {
	margin: 0px 0px 5px
}
li {
	margin: 0px 0px 5px
}
#latestnews a:link {
	color: #000000;
	text-decoration: underline;
}
#latestnews a:visited {
	color: #000000;
	text-decoration: underline;
}
#latestnews a:hover {
	color: #990000;
	text-decoration: underline;
}
/*.mainlevel ul {
	list-style-type: square
} */
#latestnews td {
	margin-bottom: 0px;
	color: #000000;
}
.featurecontent {
	text-align: left;
	text-decoration: none
}
.home-feature {
	margin-top: 5px;
	float: right;
	width: 170px;
	margin-right: 5px
}
.feature-photo {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 16px;
	width: 170px;
	padding-top: 0px;
}
.header {
	font-family: arial, verdana;
	background-color: #4b4b4b;
	font-zize: 13px;
}
.feature-photo .header {
	padding-right: 0px;
	padding-left: 0px;
	background: url(/global/images/homepage/oftheday_header.gif) no-repeat;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
.feature-photo .header h3 {
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #4b4b4b;
	padding-bottom: 6px;
	margin: 0px;
	color: #fff;
	padding-top: 6px;
}
.feature-photo .featurecontent {
	margin: 0px;
	background-color: #252223;
}
.feature-photo .featurecontent img {
	margin: 10px 10px 7px;
}
.feature-photo .featurecontent .action {
	display: block;
	margin-left: 10px;
	text-decoration: none;
}
.feature-photo .featurecontent .action a {
	padding-right: 20px;
	font-weight: bold;
	background: url(/global/images/homepage/oftheday_icon_enlarge.gif) no-repeat right top;
	color: #fff;
	text-decoration: none;
}
.feature-photo .featurecontent .other {
	border-top: #454545 1px solid;
	margin-top: 5px;
	display: block;
	padding-left: 10px;
	width: 160px;
	padding-top: 5px;
	text-decoration: none;
}
.feature-photo .featurecontent .other-last {
	padding-bottom: 8px;
	text-decoration: none;
}
.feature-photo .featurecontent .other a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#slideshow-container {
	width: 950px;
/*	height: 267px; */
	background: #ffffff; 
	margin: 0px; padding: 0px;	
}
#slidewrap {
	float: left;
	width: 725px;              /* a)    714px   */
	margin-left: 7px;
	padding-top: 0px;         /* e)    20px    */
}
#slideshowheader {
	padding-right: 0px;
	margin-top: 10px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-bottom: 4px;
	margin-left: 5px;
	width: 714px;
	color: #ffffff;
	padding-top: 4px;
	font-family: arial, verdana;
	background-color: #8a1414; /*  #008aad; */
	text-align: left;
}
#imagesliderarea {
	width: 950px;         /*  898px;   */
	height: 330px;        /*              b) Was 305, Added Lecturers btn             347px; for 4 buttons */
	background: #6996AD;  /* #bed0d7 url(../images/black-grey-gradient.png) repeat-x; */ /* #ced9df #bed0d7 */
	margin: 0px; padding: 0px;
/*	border-bottom: 1px solid #345f83; */
}
#imageslider {
	float: left;
	margin: 0px 0px 0px 5px;
	width: 719px;
	height: 294px;                /*  c) 222px                          306px; for 4 buttons */
	background-color: #6996AD;     /* d) FFFFFF;  */
	text-align: left;
}
div.clearboth {
	clear: both;
}
#sitetitle {
	border-top-width: 0px;
	padding-right: 0px;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 18px;
	float: left;
	border-bottom-width: 0px;
	margin-bottom: 10px;
	color: #ffffff;
	line-height: 34px;
	font-family: "trebuchet ms", arial, verdana;
	text-align: left;
	border-right-width: 0px
}
#searchbar {
	border-top-width: 0px;
	padding-right: 0px;
	border-left-width: 0px;
	float: right;
	border-bottom-width: 0px;
	margin-bottom: 10px;
	line-height: 34px;
	text-align: right;
	border-right-width: 0px
}
#menubar {
	border-right: #b2c4ca 1px solid;
	border-top: #b2c4ca 1px solid;
	padding-left: 10px;
	background: url(../images/menu_bg.png);
	margin-bottom: 10px;
	border-left: #b2c4ca 1px solid;
	width: 887px;
	color: #ffffff;
	line-height: 34px;
	border-bottom: #b2c4ca 1px solid
}
#menubar a {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	line-height: 34px;
	font-family: arial, helvetica;
	text-decoration: none
}
#menubar a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #f6d102;
	line-height: 34px;
	font-family: arial, helvetica;
	text-decoration: none
}
#header_top {
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 894px;
	padding-top: 5px;
	height: 220px;
	text-align: left
}
#pathdatewrapper {
	padding-top: 30px;
	padding-bottom: 10px;	
	width: 480px
}
#pathbar {
	padding-right: 0px;
	margin-top: -25px;
	padding-left: 0px;
	font-size: 10px;
	background: #bee7fa;
	padding-bottom: 5px;
	width: 477px;
	padding-top: 5px;
	border: #6e8bca 1px solid;
	font-family: "verdana", "arial";
	text-align: left;
}
#pathdatewrapper-2 {
	width: 660px                       /*   900px  */
}
#pathbar-2 {
	padding-right: 0px;
	margin-top: 8px;
	margin-bottom: 15px;	
	padding-left: 5px;
	font-size: 10px;
	/*  background: #bee7fa url(../images/breadcrumbs.png) repeat-x;  */
	background: #f1f0ff url(../images/patharrow.png) no-repeat;
	padding-bottom: 5px;
	width:  727px;                     /*  890px  */
	padding-top: 0px;
	/*  border: #6e8bca 1px solid;  */         /* #6e8bca   */  
	font-family: "verdana", "arial";
	text-align: left;
}
#datebar {
	padding-right: 10px;
	font-size: 10px;
	background: #ffffff;
	float: right;
	width: 194px;
	padding-top: 8px;
	font-family: "verdana", "arial";
	height: 34px;
	text-align: right;
}
#pathway {
	padding-right: 10px;
	margin-top: -2px;
	padding-left: 10px;
	padding-bottom: 8px;
	width: 890px;             /*  auto;     */
	margin-right: 0px;       /*  250px;    */
	padding-top: 0px;
	text-align: left;
}
#bodycontentwrapper {
/*	clear: both; */
	margin-top: 0px;
	padding-top: 5px;	
	min-height: 100%;
	float: left;
	width: 950px;
	background-color: #ffffff;
	text-align: left;
}

.inside {  
	float: left;                         /*  main menu - next to slideshow     */
	padding-right: 9px;
	padding-left: 22px;
	padding-bottom: 0px;
	padding-top: 8px;
}

.inside-r {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#endorsementwrapper {
	clear: both;	
	min-height: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
	width: 950px;
	background-color: #ffffff;
}
.endorsement {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px
}
.insidecontent {
	padding-right: 3px;
	padding-left: 0px;   /*   5px    */
	padding-bottom: 0px;
	padding-top: 0px;
}

.insidepad {
	width: 507px; 
	margin-left: 20px; margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
/*	background-color: #e8eff3; */
}

#sidebar {
	float: left;
	width: 21%    /* 22%    */
}

#sidebar-1 {
	float: left;
	width: 21%;
	padding-left: 0px;
	padding-right: 5px;
}

#sidebar-2 {
	float: left;
	width: 21%;               /*   21%    */
	padding-left:  0px;
	padding-right: 0px;	
	margin-left: 10px;
}

#fp-video {
	float: right;
	margin-top: -5px; /*	margin-top: -9px; */
	padding-top: 0px;
	margin-left: 0px;
	padding-right: 17px;
	position:relative;z-index:80;
}

table.moduletable_mytranslate th {
	margin-top: 10px;
}

#flag {margin-top: 10px; }

#sidebar a {
	color: #ffffff;
}
#sidebar a:hover {
	color: #000000;
}
#content {
	float: left;
	width: 57%
}

#mainbodycontent {
	float: left;
	overflow: hidden;
	text-align: justify;
}

#mainbodyitem {
	padding-top: 10px;	
	padding-left: 5px;	
	padding-bottom: 0px;
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 12px;
	float: left;
	overflow: hidden;
	text-align: left;
	width: 500px;
/*	height: 380px; */
	border-top: #63767d 5px solid;			
	font-size: 11px;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid; 	
	background: #edf3fc; /* #e8eff3; */	 
}

#spotlightwrapper {
	display: inline-block;		
}	

#spotlight {
	padding-top: 10px;	
	padding-bottom: 5px;		
	padding-left: 20px; padding-right: 10px;	
	margin-top: 0px; 	
	font-family      : arial, helvetica,sans-serif;
	font-size		 : 0.9em;
    font-weight      : normal; 
  	color            : #333333;
/*	float: left; */
	overflow: hidden;
	text-align: left;
	width: 238px;	
	background-color: #ffffff; /* #e8eff3; */
	border: #cccccc 1px solid;	 
}

#eventcalendar {
	margin-top: 20px;	
	float: left;
	overflow: hidden;
	text-align: justify;
	width: 180px;
	border: #cccccc 1px solid;	 
}


#content56 {
	float: left;
	overflow: hidden;
	width: 56%;
	text-align: justify
}
#content77 {
	float: left;
	overflow: hidden;
	width: 77%;
	text-align: justify
}
#content100 {
	float: left;
	overflow: hidden;
	width: 100%;
	text-align: justify
}


#channels {
	float: left;
	width: 948px;
	background: #dddddd url(../images/channel-bkgrnd.gif) repeat-x top; 
	border: 1px solid #cccccc;
}

#channelbox {
	font-size: 11px;
	min-height: 100px;
	background: none transparent scroll repeat 0% 0%;
	float: left;
	padding-bottom: 0px;
	margin-left: 14px;
	overflow: hidden;
	width: 212px;
	color: #000000;
	margin-right: 10px;
	padding-top: 10px;
	font-family: arial, verdana;
	text-align: left
}
#channelbox h3 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	font-family      : "Trebuchet MS", sans-serif;
	font-size		 : 1.1em;
    font-weight      : bold; 
  	color            : #990000;
  	text-transform: normal;
	padding-top: 0px;
}
#channelbox img {
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid
}
#footerblackbar {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 10px;
	padding-bottom: 3px;
	width: 946px;
	color: #000000;
	padding-top: 3px;
	white-space: nowrap;
	font-weight: bold;
	background-color: #ced9df;
	text-align: center;
}

#footer {
	border: 0px;
	margin: 0px;	
	padding-top: 5px;	
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 940px;
	white-space: nowrap;
	background-color: #ffffff;
	text-align: center;
}

#copyright {
	font-size: 10px;
	color: #262626;
	padding-top: 20px;
	font-family: arial;
	text-align: center
}
input.button {
	cursor: pointer
}
img {
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px
}
#page_bg {
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 1px;
	padding-bottom: 10px;
	padding-top: 10px
}
div.center {
	text-align: left
}
div#wrapper {
	margin-left: auto;
	margin-right: auto
}
body.width_fmax div#wrapper {
	min-width: 750px;
	max-width: 1050px
}
div#header_l {
	position: relative
}
div#header_r {
	padding-right: 30px;
	padding-left: 370px;
	overflow: hidden;
	padding-top: 25px;
	height: 90px;
	text-align: left
}
div#logo {
	margin-top: 25px;
	background: url(../images/stories/ftms/ftmslogo.png) no-repeat 0px 0px;
	left: 0px;
	float: left;
	margin-left: 30px;
	width: 298px;
	position: absolute;
	top: 0px;
	height: 75px;
}
div#newsflash {
	border-right: #00f 1px solid;
	border-top: #00f 1px solid;
	margin-left: 350px;
	border-left: #00f 1px solid;
	width: auto;
	margin-right: 30px;
	border-bottom: #00f 1px solid
}
div#tabarea {
	background: url(../images/mw_header_b.png) #f7f7f7 repeat-x 0px 0px;
	margin: 0px 11px
}
div#tabarea_l {
	padding-left: 32px;
	background: url(../images/mw_header_l_b.png) no-repeat 0px 0px;
}
div#tabarea_r {
	padding-right: 1px;
	background: url(../images/mw_header_r_b.png) no-repeat 100% 0px;
	height: 42px
}
div#footer_r {
	overflow: hidden;
	padding-top: 10px;
	height: 47px
}
div#footer_r div {
	font-size: 0.9em;
	color: #aaa;
	text-align: center
}
div#footer_r a:link {
	color: #999
}
div#footer_r a:visited {
	color: #999
}
div#footerspacer {
	height: 10px
}
#search {
	margin-top: -20px;
	float: right;
	overflow: hidden;
	width: 320px;
	margin-right: 30px;
	height: 40px;
	text-align: right
}
form#searchform input {
	vertical-align: middle
}
form#searchform table {
	border-collapse: collapse
}
form#searchform td {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
#mod_search_searchword {
	padding-left: 3px
}
#area {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
#whitespace {
	width: 950px;
	background: #ffffff;
	height: 50px;
	width: auto
}

#whitebox {
	background: #fff;
	margin: 0px 21px;
	width: auto
}
#whitebox div {
	text-align: left
}
#whitebox_t {
	background: url(../images/mw_content_t.png) #fff repeat-x 0px 0px
}
#whitebox_tl {
	background: url(../images/mw_content_t_l.png) no-repeat 0px 0px
}
#whitebox_tr {
	background: url(../images/mw_content_t_r.png) no-repeat 100% 0px;
	overflow: hidden;
	height: 10px
}
#whitebox_m {
	border-right: #ccc 1px solid;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 1px;
	border-left: #ccc 1px solid;
	width: auto;
	padding-top: 1px
}
#whitebox_b {
	margin-top: -5px;
	background: url(../images/mw_content_b.png) repeat-x 0px 100%
}
#whitebox_bl {
	background: url(../images/mw_content_b_l.png) no-repeat 0px 100%
}
#whitebox_br {
	background: url(../images/mw_content_b_r.png) no-repeat 100% 100%;
	height: 13px
}
#leftcolumn {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 20%;
	padding-top: 0px
}
#maincolumn {
	padding-left: 15px;
	margin-left: 20%;
	width: 75%
}
#maincolumn_full {
	padding-left: 15px;
	margin-left: 20%;
	width: 75%
}
#maincolumn_full {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding-top: 0px
}
table.nopad {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 15px;
	width: 100%;
	padding-top: 0px;
	border-collapse: collapse
}
table.nopad td.middle_pad {
	width: 20px
}
div.offline {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1.2em;
	background: #fffebb;
	left: 0px;
	padding-bottom: 5px;
	width: 100%;
	padding-top: 5px;
	position: absolute;
	top: 0px
}
span.pathway {
	display: block;
	margin: 0px 20px;
	overflow: hidden;
	line-height: 16px;
	height: 16px
}
div.componentheading {
	padding-left: 0px
}
h1 {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 0px;
	vertical-align: bottom;
	width: 100%;
	color: #335555;
	padding-top: 0px;
	font-family: helvetica ,arial,sans-serif;
	text-align: left
}

h2 {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 0px;
	vertical-align: bottom;
	width: 100%;
	color: #335555;
	padding-top: 0px;
	font-family: helvetica ,arial,sans-serif;
	text-align: left
}

/*  
h2 {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
	vertical-align: bottom;
	width: 100%;
	color: #990000;
	padding-top: 0px;
	font-family      : "Trebuchet MS", sans-serif;
	text-align: left
}

*/

.contentheading {
	font-family      : "Trebuchet MS", sans-serif;
	font-size		 : 1.6em;
    font-weight      : bold; 
  	color            : #0066cc;   /*  546368    */
  	text-transform: normal;
/*  	background: url(../images/title-icon.png) no-repeat; */
  	text-align       : left; 
  	margin: 0em 0em 0em 0em;
  	padding-top: 0px;
  	padding-bottom: 10px;    
  	padding-left: 0px;
  	padding-right: 0px;
}
.contentheading a:link {
	font-size: 0.8em;
	color: #546368;
	text-decoration: underline;
}
.contentheading a:visited {
	font-size: 0.8em;	
	color: #546368;
	text-decoration: underline;
}
.contentheading a:hover {
	font-size: 0.8em;
	color: #546368;
	text-decoration: underline;
}

.contentpagetitle {
	font-size: 0.8em;	
	color: #546368;
	text-decoration: underline;
}

a.contentpagetitle:link, a.contentpagetitle:hover, a.contentpagetitle:visited {
	font-size: 0.8em;	
	color: #546368;
	text-decoration: underline;
}



table.contentpaneopen h3 {
	margin-top: 25px
}
h4 {
	font: normal 2.0em/1em Georgia, Times, serif;
   	color: #333d41; /* #345f83; #333d41;  #424f54 */ margin: 0; padding: 0;	
   	padding-top: 30px;
   	padding-bottom: 5px;
   	margin-right: 10px;
    width: 460px;   	   /*  460  */
    text-align: left;
}

.intro{
   width: 460px;     /*  460  */
   xfont-size: 110%;
   line-height: 1.5em;
   padding-right: 10px;
   font-family: helvetica,arial,sans-serif;	
   padding-bottom: 20px;
}

.componentheading {
  	font-family      : "Trebuchet MS", sans-serif;
	font-size		 : 1.1em;
    font-weight      : bold; 
  	color            : #546368;
  	text-transform: normal;
/*  	background: url(../images/component-icon.png) no-repeat; */
  	text-align       : left; 
  	margin: 0em 0em 0em 0em;
  	padding-top: 0px;
  	padding-bottom: 10px;    
  	padding-left: 0px;
  	padding-right: 0px;
}

h3 {
  	font-family      : "Trebuchet MS", sans-serif;
	font-size		 : 1.0em;
    font-weight      : bold; 
  	color            : #546368;
  	text-transform: normal;
  	background: url(../images/component-icon.png) no-repeat; 
  	text-align       : left; 
  	margin: 0em 0em 0em 0em;
  	padding-top: 3px;
  	padding-bottom: 10px;    
  	padding-left: 35px;
  	padding-right: 0px;
  	line-height: 20px;
}
/* original h3
h3 {
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 0px 10px;
	font-family: helvetica,arial,sans-serif;
	text-align: left;
}
*/
table.moduletable th {
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 0px 10px;
	font-family: helvetica,arial,sans-serif;
	text-align: left;
}

legend {
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 0px 10px;
	font-family: helvetica,arial,sans-serif;
	text-align: left
}
.small {
	font-weight: normal;
	font-size: 0.9em;
	color: #999;
	text-align: left
}
.modifydate {
	font-weight: normal;
	font-size: 0.9em;
	vertical-align: bottom;
	color: #999;
	height: 20px;
	text-align: left
}
.createdate {
	font-weight: normal;
	font-size: 0.9em;
	padding-bottom: 5px;
	vertical-align: top;
	color: #999;
	padding-top: 0px;
	height: 20px
}
a.readon {
	margin-top: -15px;
/*	padding-right: 5px;
	margin-top: 0px;
	display: block;
	padding-left: 5px;
	float: right;
	margin-bottom: 0px;
	padding-bottom: 5px;
	line-height: 14px;
	padding-top: 5px;
	height: 14px;
	text-decoration: none;
	font-weight: bold; */
	color: #eeeeee;
	border: 0px; margin: 0px; padding: 0px;
/*	background: #878787 url(../images/button_readon.gif) 2px repeat-x; 	
	border-color: #a9a8a7 #3b3b3b #3b3b3b #a9a8a7; */
}
.invalid {
	border-left-color: #ff0000;
	border-bottom-color: #ff0000;
	border-top-color: #ff0000;
	border-right-color: #ff0000
}
label.invalid {
	color: #ff0000
}
.ol-foreground {
	background-color: #f6f6f6
}
.ol-background {
	background-color: #666
}
.ol-textfont {
	font-size: 10px;
	font-family: arial, helvetica, sans-serif
}
.ol-captionfont {
	font-weight: bold;
	font-size: 12px;
	color: #f6f6f6;
	font-family: arial, helvetica, sans-serif
}
.ol-captionfont a {
	font-size: 12px;
	color: #0b55c4;
	text-decoration: none
}
.ol-closefont {
	
}
span.article_separator {
/*	border-top: #fcd066 1px solid;
	margin-top: 10px;
	display: block;
	height: 20px */
}
.article_column {
	padding-right: 5px
}
.column_separator {
	padding-left: 10px;
	border-left: #e0e0e0 1px dashed
}
td.buttonheading {
	
}
td.buttonheading img {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}
.clr {
	clear: both
}
td.greyline {
	background: url(../images/mw_line_grey.png) repeat-y 50% 0px;
	width: 20px
}
div#maindivider {
	border-top: #ddd 1px solid;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1px
}
table.blog span.article_separator {
	display: block;
	height: 0px;
}
.contentpaneopen_edit {
	float: left
}
.contenttoc {
	background-color: #fbf2e8;
}

table.contenttoc {
	border: #ccc 4px solid;
	padding: 10px;
	float: right;
	margin: 5px;
	width: 280px;
	margin-left:20px;
}
table.contenttoc td {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;			
}


td.sectiontableheader {
	border: #6e8bca 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	background: #bee7fa; 
	color: #000000; 		
}
tr.sectiontableentry0 td {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
tr.sectiontableentry1 td {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
tr.sectiontableentry2 td {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.sectiontableentry1 {
	padding-right: 10px;
	padding-left: 8px;	
	
}
.sectiontableentry2 {
	padding-right: 10px;
	padding-left: 8px;

}
td.sectiontableentry0 {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;

}
td.sectiontableentry1 {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}
td.sectiontableentry2 {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px
}
table.contentpaneopen {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px
}
table.contentpane {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px
}
table.contentpaneopen li {
	margin-bottom: 0px;
}
table.contentpaneopen fieldset {
	border-top: #ddd 1px solid;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px
}
table.contentpaneopen h3 {
	margin-top: 25px
}
table.contentpaneopen h4 {
	margin-bottom: 0px
}
.highlight {
	background-color: #fffebb
}
table.user1user2 div.moduletable {
	margin-bottom: 0px
}
div.moduletable {
	margin-bottom: 5px;     /*     25px   */
}
div.module {
	margin-bottom: 25px
}


/* -------------- Side Menus -------------------- */

div.moduletable h3 {
	margin-bottom: -15px;
}

.menu {
	padding-right: 0px;    /*  15px    */
	padding-left: 14px;
	font-size: 11px;
	padding-bottom: 6px;
	padding-top: 0px;
	/* margin: 0px 0px 30px;  */
	list-style-type: square;
	font-family: tahoma,arial,helvetica,sans-serif;
	line-height:150%;
	color: #333333;    /* 333333   */
	text-indent:0px;
	text-decoration: none;
}

.menu a:link{
	color: #07486a;    /* 333333   */
	font-weight:regular;
	text-decoration: none;
}

a.menu:#active_menu{
	color: #cc0000;
	text-decoration: underline;
}

.menu a:hover{
	color: #6e050c;
	font-weight:regular;
	text-decoration: underline;
}

.menu a:visited{
	color: #000000;      /*  808080;   */
	font-weight:regular;
}

div.moduletable ul.menu {
 	border: 1px solid #fbdc9a;
 	background-color: #f9e6be;
}

/* --------------- End Side Menus -------------------- */





/*
a.menu {
	background: url(../images/a-mainlevel.gif) no-repeat left bottom;
	color: #333333
}
a.menu:hover {
	background: url(../images/a-mainlevel-hover.gif) no-repeat left bottom;
	color: #333333
}
a.menu:active {
	background: url(../images/a-mainlevel-hover.gif) no-repeat left bottom;
	color: #333333
}
a.menu:focus {
	background: url(../images/a-mainlevel-hover.gif) no-repeat left bottom;
	color: #333333
}
*/
/*
div.module_menu h3 {
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 2px;
	margin: -23px -4px 5px -20px;
	color: #000000;
	font-family: arial, helvetica, sans-serif
}
div.module_menu {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 15px;
	padding-top: 0px
}
div.module_menu div div div {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	width: auto;
	padding-top: 30px
}
div.module_menu div div div div {
	padding-right: 0px;
	padding-left: 0px;
	background: none transparent scroll repeat 0% 0%;
	padding-bottom: 0px;
	padding-top: 0px
}
div.module_menu ul {
	padding-left: 10px;
	margin: 10px 0px
}
div.module_menu a:link {
	color: #256f96
} */


#leftcolumn div.module {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px
}
#leftcolumn div.module table {
	width: auto
}
table.adminform textarea {
	font-size: 1em;
	width: 540px;
	color: #000099;
	height: 400px
}
div.search input {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	width: 145px;
	border-bottom: #ccc 1px solid
}

#loginbar { 
 	background: #bdd2ff url(../images/login-bkgrnd.gif) repeat-x;	
	font-family      : arial, helvetica,sans-serif;
	font-size		 : 11px;
  	font-weight      : bold;
  	color            : #000000;  
  	text-align       : left; 
  	margin: 0em 0em 0em 0em;
  	padding-top: 5px;
  	padding-bottom: 5px;    
  	padding-left: 5px;
  	padding-right: 0px;
  	width: 165px;
  	height: 290px;
  	border: #6e8bca 1px solid;
}

form#form-login fieldset {
	border-top-width: 0px;
	padding-right: 0.2em;
	padding-left: 0.2em;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0.2em;
	margin: 0em;
	padding-top: 0.2em;
	border-right-width: 0px
}
 
form#form-login ul {
	margin:0px;
	padding:0px;
	margin-left:18px;
	margin-top:10px;
}


div.mosimage {
	margin: 5px
}
div.mosimage_caption {
	font-size: 0.9em;
	color: #666
}
div.caption {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px
}
div.caption img {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid
}
div.caption p {
	font-size: 0.9em;
	color: #666;
	text-align: center
}
table.paramlist {
	margin-top: 5px
}
table.paramlist td.paramlist_key {
	width: 128px;
	height: 30px;
	text-align: left
}
table.paramlist td.paramlist_value {
	
}
div.message {
	border-right: #d5d5d5 1px solid;
	padding-right: 20px;
	border-top: #d5d5d5 1px solid;
	padding-left: 20px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 3px;
	margin: 3px 0px 10px;
	border-left: #d5d5d5 1px solid;
	width: auto;
	color: #c30;
	padding-top: 3px;
	border-bottom: #d5d5d5 1px solid;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	background-color: #f9f9f9;
	text-align: center
}
.bannergroup {
	margin-bottom: 10px;
}
.banneritem img {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 15px;
}
.banneritem_text {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px
}
.bannerfooter_text {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #f7f7f7;
	text-align: right
}
.pagination span {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px
}
.pagination a {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px
}

.pollstableborder td {
	text-align: left
}

.poll {

}

.pollstableborder {
	    border: solid 1px #6e8187;
		padding: 4px;
        font-family: arial, verdana, helvetica, sans-serif;
        font-size: 12px;
        color: #990000;       
        line-height: 15px;
        width: 100%;		
}

.sectiontableentry1 {
        background-color : #ffffff;
        font-size        : 12px;
        color : #000000;                   
        padding: 2px;    
        width: 650px;      	
}

.sectiontableentry2 {
        background-color : #dddddd;
        font-size        : 12px;          
        color : #000000;   
        padding: 2px;  
        width: 650px;                          
}

.sectiontableheader {
        background-color : #990000;
        font-size        : 12px;        
        font-weight      : bold;        
        color : #ffffff;
        padding: 2px;      
}

span.description {
	display: block;
	padding-left: 30px
}
fieldset {
	border-right: #ccc 1px solid;
	padding-right: 15px;
	border-top: #ccc 1px solid;
	margin-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	border-left: #ccc 1px solid;
	padding-top: 15px;
	border-bottom: #ccc 1px solid
}
legend {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
td.key {
	color: #666;
	border-bottom: #eee 1px solid
}
.tool-tip {
	border-right: #d4d5aa 1px solid;
	padding-right: 5px;
	border-top: #d4d5aa 1px solid;
	padding-left: 5px;
	background: #ffc;
	float: left;
	max-width: 200px;
	padding-bottom: 5px;
	border-left: #d4d5aa 1px solid;
	padding-top: 5px;
	border-bottom: #d4d5aa 1px solid
}
.tool-title {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 100%;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	padding-bottom: 5px;
	margin: -15px 0px 0px;
	padding-top: 15px
}
.tool-text {
	font-size: 100%;
	margin: 0px
}
#system-message {
	margin-bottom: 20px
}
#system-message dd.message ul {
	border-top: #de7a7b 3px solid;
	padding-left: 40px;
	background: url(../../system/images/notice-info.png) #c3d2e5 no-repeat 4px center;
	margin: 0px;
	text-indent: 0px;
	border-bottom: #de7a7b 3px solid
}
#system-message dd.error ul {
	border-top: #de7a7b 3px solid;
	padding-left: 40px;
	background: url(../../system/images/notice-alert.png) #e6c0c0 no-repeat 4px center;
	margin: 0px;
	color: #c00;
	text-indent: 0px;
	border-bottom: #de7a7b 3px solid
}
#system-message dd.notice ul {
	border-top: #f0dc7e 3px solid;
	padding-left: 40px;
	background: url(../../system/images/notice-note.png) #efe7b8 no-repeat 4px center;
	margin: 0px;
	color: #c00;
	text-indent: 0px;
	border-bottom: #f0dc7e 3px solid
}
#syndicate {
	padding-left: 25px;
	float: left
}
#power_by {
	padding-right: 25px;
	float: right
}
#component-contact table td {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px
}
h3 {
	color: #000000
}

table.moduletable th {
	color: #000000
}
table.moduletable td a:link {
	color: #000000;
	text-decoration: underline;
}

div.li {
	color: #000000;
}
div.li a:link {
	color: #000000;
	text-decoration: underline;
}

#mainlevel-nav {
margin: 0; padding: 0;
}

#mainlevel-nav li {
padding-left: 1px;
background: none;
display: inline; 
list-style: none; 
/* float: center; */
margin: 0; 
font-size: 11px;
font-weight: bold;
line-height: 16px;
white-space: normal;
vertical-align: middle;
}

#mainlevel-nav a {
display: inline; 
/* float: center; */
padding-left:15px;
padding-right:15px;
text-decoration: none;  
font-weight: bold; 
border: 1px solid;
border-color: #666666;
font-weight: bold;
color: #333333; 
}

#mainlevel-nav a:hover {
font-weight: bold;
color: #000000;
}

ul#mainlevel-nav a.mainlevel-nav#active_menu-nav  {
font-weight: bold;
color: #666666;
}


/* Side menu (inside0 / student lounge menu - 16 May 2011
----------------------------------------------------------- */
a.mainlevel {
	color: #333333;
	background: url(../images/a-mainlevel.gif) no-repeat bottom left; 
	font-family:tahoma,arial,helvetica,sans-serif;
	line-height:200%;	
	padding-left: 20px;
	padding-bottom: 6px;
	text-decoration: none;
	font-size:10px;

}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	background: url(../images/a-mainlevel-hover.gif) no-repeat bottom left; 
}

a.mainlevel#active_menu {
	background: url(../images/a-mainlevel-hover.gif) no-repeat bottom left;  
}

/* ----------------------------------------------------------- */


a.sublevel {
	background: url(../images/bullet-list.gif) no-repeat 10px 9px;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
}


#active_menu {
	color: #cc0000;
}

hr {
	width:100%;
	border-top: 4px solid #f8b398; 
}

div.hr {
   	border-top: 1px solid #f7423e;
	overflow-y: hidden; 
	width: 100%; 
	height: 5px;   	
}

div.hr2 {
   	border-top: 3px solid #999999;
	overflow-y: hidden; 
	width: 100%; 
	height: 5px;   	
}

div.hr3 {
   	border-top: 1px solid #d7dbd3;
	overflow-y: hidden; 
	width: 100%; 
	height: 5px;   	
}


/* boxed information
----------------------------------------------------------- */

div.infobox {
	width: 500px;
	border-left:10px solid #f28500;
	background-color:white;
	border-color:#aaaaaa #aaaaaa #aaaaaa #1e90ff;
	border-style:solid;
	border-width:1px 1px 1px 10px;
	margin:0 10%;
	color:black;
	font-size:90%;
	padding: 8px;
}

div.infobox-image {
	float: left;
	width: 40px;
	padding-right: 20px;
}

input#osolCatchaTxt0 {
	background-color:#ffee99;
}

input#contact_name, input#contact_email, input#contact_subject, input#contact_text {
	background-color:#ffee99;
}

.contact_email {
	background-color:#ffffdd;
	border: 1px solid #ffddbb;
	padding: 10px;
}

/* Greenbox */
.clear{clear:both;}
.compo{height:20px; width:140px; font-size:18px; color:#565859; font-weight:bold;text-transform:uppercase; float:left; padding: 29px 0 0 20px;}

.boxheader{width:520px; height:90px;}

#greenbox {width:520px; margin:0 0 40px 87px;}
#greenbox .inner{background-color:#edf5de;}
.inner{width:460px; text-align:left;margin-left:10px; padding:20px;}
.inner li {padding-bottom:10px;}
.greenbox-H1 {color:#FFFFFF;font-size:1em; }
#greenbox .boxheader{background:url(../images/greenbox-header.jpg) no-repeat;}
#greenbox .heading{float:left; height:72px; margin-left:20px; padding-top:17px; width:330px;}
.footer{width:520px; height:44px;}
#greenbox .footer{background:url(../images/greenbox-footer.jpg) no-repeat;}



table.lecturer {
    width:440px;
    border-collapse:collapse;
}   


table.lecturer td {
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;  
    border-right-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;        
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    min-height: 18px;
    padding: 3px;
    font-size:12px;
}