/* CSS Document */
#wrapper #canvas #center {
	padding-top:5px;
}

#wrapper #canvas #center #splashImage{
	float:right;
	display:inline;
	height:340px;
	width:800px;
    padding-right:2px;
}

#wrapper #canvas #topTasks {
    width:100%;
    
}

#wrapper #canvas #center #leftNav {
	height:340px;
    border-right-color:#d9d9d8 !important;
    border-right:2px solid;
}

#wrapper #canvas #center {
	height:340px;
}

#wrapper #canvas #topTasks .taskGroup {
	width:219px; /** was 218px **/
	height:110px;
    /**
	border-color:#e2dddb !important;
	
    border-top:1px solid;
    border-right:2px solid;
    border-left:2px solid;
    border-bottom:3px solid;
    **/
	/** border-width:thin; **/
    left:0px; /** was -1px **/
    top:-1px;
    position:relative;
    border-bottom:1px solid;
    border-bottom-color:#F4F4F4 !important;
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	margin-left:28px;
	margin-top:10px;
	display:inline;
	float:left;
}
/* 2012Nov07 Waiyee Lai - added for additional hub in promo area */
#wrapper #canvas #web_button .taskGroup {
	width:220px; 
	height:100px;
    left:0px; /** was -1px **/
    top:-1px;
    position:relative;
    border-bottom:1px solid;
    border-bottom-color:#F4F4F4 !important;
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	/* margin-left:28px;
	margin-top:10px;
	*/
	display:inline;
	float:left;
}

#taskAd img{width:219px;height:110px;}

/* #wrapper #canvas #topTasks .taskGroup .heading{  */
.taskGroup .heading{
	background-image:url(/images/universal/topTask-header.gif);
    background-repeat:no-repeat;
	height:22px;
	color:#FFFFFF;
	padding-left:10px;
	font-size:15px;
	font-weight:bold;
	padding-top:4px;	
}

/* #wrapper #canvas #topTasks .taskGroup .content{ */
.taskGroup .content{
	padding-left:10px;
	font-size:10px;
	padding-top:3px;
}

/* #wrapper #canvas #topTasks .taskGroup .content ul{ */
.taskGroup .content ul{
    padding:0px;
    margin:0px;
}
/* #wrapper #canvas #topTasks .taskGroup .content ul li{ */
.taskGroup .content ul li{
    padding:0px;
    margin:0px;
    color:#005d61;
    font-size:10px;
    list-style-type:none;
	line-height:13px;
}

/* #wrapper #canvas #topTasks .taskGroup .content a, #wrapper #canvas #news_events #events .layer2 .layer3 .layer4 .heading a{ */
.taskGroup .content a, #wrapper #canvas #news_events #events .layer2 .layer3 .layer4 .heading a{
	color:#005d61;
	font-size:11px;
	text-decoration:none;
}



#wrapper #canvas #topTasks .taskGroup .content a:hover{
	text-decoration:underline;
}

#wrapper #canvas #news_events {
	width:100%;

	font-family: Helvetica, Arial, sans-serif;
}
#wrapper #canvas #news_events #events{

	width:218px;

}
#wrapper #canvas #news_events #events, #wrapper #canvas #news_events #button{
	height:90px;
	background-color:#FFFFFF;	
	display:inline;
	float:left;
	margin-left:28px;
	margin-top:15px;
}

#wrapper #canvas #news_events #events, #wrapper #canvas #news_events #advert{
	height:90px;
	background-color:#FFFFFF;	
	display:inline;
	float:left;
	margin-left:28px;
	margin-top:15px;
}

#wrapper #canvas #news_events #button
{
    width:220px !important;
    
    
    border-bottom:1px solid;
    border-bottom-color:#eeeeed !important;
    
}

#wrapper #canvas #news_events #advert
{
    width:220px !important;
    
    
    border-bottom:1px solid;
    border-bottom-color:#eeeeed !important;
    
}
#wrapper #canvas #topTasks .layer1
{
    border-bottom:1px solid;
    border-bottom-color:#eeeeed !important;
}
#wrapper #canvas #topTasks .layer2, #wrapper #canvas #news_events #news .layer2, #wrapper #canvas #news_events #events .layer2, #wrapper #canvas #news_events #button .layer2, #wrapper #canvas #news_events #advert .layer2
{
    border-right:1px solid;
    border-right-color:#EEEEEE !important;
    border-bottom:1px solid;
    border-bottom-color:#EEEEEE !important;
    border-left:1px solid;
    border-left-color:#EEEEEE !important;
}
#wrapper #canvas #topTasks .layer3,#wrapper #canvas #news_events #news .layer3, #wrapper #canvas #news_events #events .layer3, #wrapper #canvas #news_events #button .layer3, #wrapper #canvas #news_events #advert .layer3
{

    
    border-right:1px solid;
    border-right-color:#E9E9E9 !important;
    border-bottom:1px solid;
    border-bottom-color:#E9E9E9 !important;
    border-left:1px solid;
    border-left-color:#E9E9E9 !important;
}
#wrapper #canvas #topTasks .layer4,#wrapper #canvas #news_events #news .layer4,#wrapper #canvas #news_events #events .layer4, #wrapper #canvas #news_events #button .layer4, #wrapper #canvas #news_events #advert .layer4
{
    border-color:#E3E3E4 !important;
	/** border-style:solid;**/
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
    border-left:1px solid;
}
#wrapper #canvas #topTasks .layer4, #wrapper #canvas #topTasks .layer3, #wrapper #canvas #topTasks .layer2, #wrapper #canvas #news_events #news .layer4,
#wrapper #canvas #news_events #news .layer3, #wrapper #canvas #news_events #news .layer2,#wrapper #canvas #news_events #events .layer4,
#wrapper #canvas #news_events #events .layer3, #wrapper #canvas #news_events #events .layer2, #wrapper #canvas #news_events #button .layer4, #wrapper #canvas #news_events #advert .layer4,
#wrapper #canvas #news_events #button .layer3, #wrapper #canvas #news_events #button .layer2, #wrapper #canvas #news_events #advert .layer3
{
    float:left;
    display:inline;
    height:100%;
    width:100%;
    left:-1px;
    top:-1px;
    position:relative;
}
 #buttonB1, #advertB1
{
    
    width:222px !important;
    border-bottom:1px solid;
    border-bottom-color:#e4e4e3 !important;
    
}
#buttonB2, #advertB2
{
   width:221px !important;
    
    border-right:1px solid;
    border-right-color:#EEEEED !important;
    border-bottom:1px solid;
    border-bottom-color:#d3d3d3 !important;
    border-left:1px solid;
    border-left-color:#EEEEED !important;
}
#buttonB3, #advertB3
{
    width:220px !important;
    border-color:#E2DDDB !important;
	
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
    border-left:1px solid;
}
#wrapper #canvas #news_events #news{
	width:465px;
	height:90px;
	background-color:#FFFFFF;
    border-bottom-color:#eeeeed !important;
	border-bottom-style:solid;
    border-bottom-width:1px;
    left:1px;
    position:relative;
    top:-1px;
    
	display:inline;
	float:left;
	margin-top:15px;
}

#wrapper #canvas #news_events #news .content .banner{
	background-image:url(/images/universal/news-header.gif);
	background-repeat:no-repeat;
	height:22px;
	
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	padding-left:6px;
	margin-top:0px;
}

 .umtoday_banner{
    color: #ffffff;
    height: 15px;
    margin-top:2px;
    padding-left: 5px;
	
}

 .umtoday_banner a img{
    border: 0px;
}

#wrapper #canvas #news_events #news .content .banner a{
	color:#FFFFFF;
	font-size:15px;
	text-decoration: none;
}

#wrapper #canvas #news_events #news .content .banner a:hover{
	text-decoration: underline;
}

#wrapper #canvas #news_events #events .banner{
	background-image:url(/images/universal/topTask-header.gif);
	background-repeat:no-repeat;
	height:22px;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	padding-left:7px;
}

#wrapper #canvas #news_events #events .banner a{
	color:#FFFFFF;
	font-size:15px;
	text-decoration: none;
}

#wrapper #canvas #news_events #events .banner a:hover{
	text-decoration: underline;
}


#wrapper #canvas #news_events #events #eventContent .headline a, #wrapper #canvas #news_events #news .content #newsContent .headline a{
	padding-left:5px;
	font-size:15px;
	color:#706f73;
	padding-top:2px;
	font-weight:bold;
	

}

#wrapper #canvas #news_events #events .headline a:visited, #wrapper #canvas #news_events #news .content #newsContent .headline a:visited{
	font-size:16px;
	color:#706f73;
	font-weight:bold;
	
}

#wrapper #canvas #news_events #events #eventContent .story{ 
	padding-top:4px;
	padding-left:5px;
	font-size:10px;
	color:#706f73;
	line-height:11px;
}

#wrapper #canvas #news_events #news .content #newsContent .story{
	padding-top:3px;
	padding-left:5px;
	font-size:10px;
	color:#706f73;
	line-height:13px;
}

#wrapper #canvas #news_events #events .story {
	padding-top:10px;
	line-height:25px;
	
}

#wrapper #canvas #news_events #events #eventContent, #wrapper #canvas #news_events #news #newsContent {
	font-size:14px;
	/** font-weight:bold; **/
	padding-left:0px;
	padding-right:0px; /** was 10px **/
}
#wrapper #canvas #news_events #events #eventContent {
	font-size:14px;
	/** font-weight:bold; **/
    color:#706f73;
	
	
	
}

#wrapper #canvas #news_events #news #eventContent {
	font-size:14px;

    color:#706f73;
	padding-left:5px;
}
#wrapper #canvas #news_events #events .story a, #wrapper #canvas #news_events #news .content #newsContent .story a{
	color:#005d61;
	font-style:italic;
	text-decoration:none;	
	font-weight:bold;
	font-size:11px;
}

#wrapper #canvas #news_events #events .story a {
	line-height:25px;
}

#wrapper #canvas #news_events #events .story a:hover, #wrapper #canvas #news_events #news .content #newsContent .story a:hover{
	text-decoration:underline;	
}


#wrapper #canvas #news_events #events #divRss ul li {
	list-style-type:none;
	font-size: 13px;
	line-height:14px;	
	margin: 0px;
	padding:0px;
}

#wrapper #canvas #news_events #events #divRss ul li a{
        color: #005d61;
	text-decoration: none;
}

#wrapper #canvas #news_events #events #divRss ul {
	margin-top:5px;
	margin-left:5px;
	padding:0px;	
}

#wrapper #canvas #topTasks .layer4, #wrapper #canvas #news_events #events .layer2 .layer3 .layer4 .heading ul li {
	list-style-type:none;
	font-size: 13px;
	line-height:14px;	
	margin: 0px;
	padding:0px;
}

#wrapper #canvas #topTasks .layer4, #wrapper #canvas #news_events #events .layer2 .layer3 .layer4 .heading ul {
	margin:0px;
	padding:0px;	
}


//Up-size font class

#wrapper.super-sized #canvas #center #leftNav {
    font-size: 10px;
    line-height: 1.5;
    text-align: left;
}

#wrapper.super-sized #canvas #center #leftNav a {
	font-size: 12px;
}

#wrapper.super-sized .taskGroup .content a, #wrapper #canvas #news_events #events .layer2 .layer3 .layer4 .heading a {
   font-size: 12px;
}

#wrapper..super-sized .taskGroup .content {
    font-size: 12px;
    padding-top: 0;
}

#wrapper.super-sized #canvas #center #centerContent #centerInfo {
    font-size: 13px;
}

#wrapper.super-sized #canvas #topTasks .taskGroup .content a {
    font-size: 12px;
}

#wrapper.super-sized #canvas {
	color: #333333;
}

#wrapper.super-sized #canvas #center #centerContent #centerInfo {
	color: #333333;
}

#wrapper #canvas #news_events #news .content #newsContent .banner h3, #wrapper #canvas #topTasks .taskGroup .layer2 .layer3 .layer4 .heading h3, #wrapper #canvas #news_events #events h3{
	display:inline;	
	font-size: 15px;
}