@charset "UTF-8";

/*LAST UPDATED BY: Iris ON: April 29, 2011 */

/*COLOURS USED: BACKGROUND GRAY: #AFA4A6  DARK GRAY TEXT: #685968  RED:#cc0000 TEAL:#005D74  LIGHT TEAL: #81c6e0*/
.TMred {
	color: #cc0000;
}
.TMteal {
	color: #005D74;
}

/*Body contains background color and default text style*/
body  {
	font: 9pt  Arial, Helvetica, Verdana, sans-serif;
	background:#AFA4A6;
	margin: 0; 
	padding: 0;
	color: #000000;
}

.bodytext  {
	font: 9pt  Arial, Helvetica, Verdana, sans-serif;
         background:#FFFFFF;
         min-height:300px;
	margin: 0; 
	padding: 0;
	color: #000000;
}

.small_italics {		  
  font: 8pt Arial, Helvetica, Verdana, sans-serif;
  font-style: italic;
}


/*Container centers the page and specs the width*/
#container { 
	width: 760px;
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
/*Clear class is used to remove padding, margin and align styles from a div in order for the next one to appear properly*/
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
  }
  
/*SCROLLING CITIES AND TIMES*/	
#scroller { 
	background:#DFDBDC;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	height:36px;
	width:760px;
	margin: 0;
	border-bottom:1px solid #AFA4A6;
}
	
/*STYLES FOR TEXT*/
/*White text at top right*/
#top { 
	height:20px;
	text-align:right;
	width:760px;
} 
span.TopRightText {
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	}
	
/*Heading styles*/
h1 { 
	color: #CC0000;
	font-weight:bold;
	font-size:18pt;
          margin:0px;
}
h2{
	color:#005D74; 
         margin: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:12pt;
}
h3{
	font-size:11pt;
	color:#005D74;
	margin: 0;
}

/*Links w red text and arrow*/
.redlinks {
         background:url("../images/arrow.gif") no-repeat scroll right center transparent;
	text-align:right;
	color:#cc0000;
	text-decoration:underline;
	margin:0px;
         font-size:8pt;
         padding-right:10px;
}
.redlinksinline {
         	color:#cc0000;
	text-decoration:underline;
	margin:0px;
       
}
.redlinksboxbottom{
margin:0;
width:100%;
position:relative;
text-align:right;
}

/*LINK TO VIEW ADDITIONAL INFORMATION*/		
a.readmore{
	color:#CC0000;
	background:url("../images/arrow.gif") no-repeat scroll right center transparent;
	padding-right:10px;
         font-size:8pt;
}



/*Styling for Web Forms*/
/*Text Styling for form instructions*/
.form_instructions {
	font-size: 10px;
	color: #CC0000;
}
/*Text Styling for form box labels. */
.label {		  
  font: 8pt Arial, Helvetica, Verdana, sans-serif;
  font-style: italic;
  text-align: right;
}
/*Styling for form boxes. */
.inputbox {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  border: 1px solid #81c6e0;
}


/*STYLE FOR DIV FLOATS to style where divs appear on page*/
.floatleft{
	float:left;
}
.floatright{
	float:right;
}

/*STYLE FOR MARGINS AND PADDING OF VARIOUS ITEMS*/
.nomargin{
	margin:0;
}
.nomargintop5bottom{
	margin-top:0px;
	margin-bottom:5px;
}
.fivemargintopbottom{
	margin-top:0px;
	margin-bottom:5px;
}
.fivemargintop0bottom{
	margin: 5px 0 0 0;
}
.nomarginnopadding{
	margin:0;
	padding:0;
}
.paddingleftright15px{
	padding:0px 15px;
}


/*STYLES FOR ALIGNMENT OF VARIOUS ITEMS*/
.valigntop1{
	 vertical-align:top;
}
.valigntop2{
	vertical-align:top;
	padding:0px 10px 0px 10px;
}
.valigntop3{
	vertical-align:top;
	padding:0px 0px 0px 10px;
}
.aligncenterandmiddle{
	text-align:center;
	vertical-align:middle;
}
.valignbottom{
	vertical-align:bottom;
	position:absolute;
	bottom:0%;
}


/*STYLE TO DISPLAY IMAGE IN BKGD OF PAGE HEADER (background not set as white because image has rounded corners)*/
/*Note: header image goes all the way across and down page header background area*/
#header { 
	background-image:url(../images/top_bar2.gif);
	background-repeat:no-repeat;
	height:100px;	
	width:760px;
}

/*CLIENT LOGIN TABLE*/

/*ENTIRE LOGIN TABLE POSITIONING*/
#header table#login{
	float:right;
	margin-top:5px;
	margin-right:15px;
	width: 210px;
}
/*"CLIENT LOGIN" TEXT*/
#clientlogin{
	margin:0px;
         padding:0px;
	text-align:center;
	}
/*"USERNAME" AND "PASSWORD" TEXT*/	
.username{
	color:#AFA4A6;
	font-size:8pt;
	text-align:right;
	margin:0px;
         padding:0px;
	}
/*INPUT BOX*/
.grayinputbox{
	border:1px solid #AFA4A6;
	margin:0px; 
	background-color:#FFF;
         font-family: Arial, Helvetica, Verdana, sans-serif; 
         font-size: 12px; 
	}
/*"GO" BUTTON TEXT*/
#go{
	background:#AFA4A6;
	text-align:center;
         margin:0px;
         vertical-align:top;
	padding:2px 3px 1px 3px;
         font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
         border: 1px solid;
}

/*MAIN MENUBAR STYLES*/
#menubar { 
	background:#cc0000;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	height:21px;
	margin: 0;
	width:760px;
} 

/*BREADCRUMBS STYLING for DIV and TEXT*/
	#breadcrumbsdiv { 
		background:#DFDBDC;
		padding-left:20px;
		text-align:left;
		height:18px;
		margin: 0;
		border-bottom:1px solid #AFA4A6;
		display: table-cell;
		vertical-align: middle;
		width:740px;
		color:#685968;
		text-decoration:none;
	}
/*NO LINK UNDERLINE ON VISITED LINKS IN BREADCRUMBS*/
	#breadcrumbsdiv a, #breadcrumbsdiv a:visited, #breadcrumbsdiv a:hover{ 
		color:#685968;
		text-decoration:none;
	}



/*STYLES FOR MAIN DIV*/
/*MAIN PAGE AREA*/
	#main { 
		margin: 0px;
		background: #FFFFFF;
		padding: 20px;
		min-height:300px;
		width:720px;
		position:relative;
		overflow:auto;
	}

/*SINGLE WIDTH COLUMN 1*/
	#column1{
		float:left;
		vertical-align:top;
		width:222px;
		height:280px;
		margin-left:0px;
		padding-right:10px;
		border-right:1px solid #AFA4A6;
	}
/*DOUBLE WIDTH COLUMN 1*/	
	#column1double{
		border-right:1px solid #AFA4A6;
		float:left;
		width:474px;
		vertical-align:top;
		padding:0px 10px 0px 0px;
	}
/*SINGLE WIDTH COLUMN 2*/	
	#column2{
		float:left;	
		vertical-align:top;
		width:222px;
		height:280px;
		margin-left:20px;
		padding-right:10px;
		border-right:1px solid #AFA4A6;
	}
/*DOUBLE WIDTH COLUMN 2*/	
	#column2double{
		border-left:1px solid #AFA4A6;
		float:left;
		width:444px;
		vertical-align:top;
		padding:0px 10px 0px 10px;
	}
/*SINGLE WIDTH COLUMN 3*/
	#column3{
		float:left;
		vertical-align:top;
		width:212px;
		height:280px;
		margin-left:20px;
	}
	
/*BODY COPY - STYLED WITH TEMPLATE-SPECIFIC MARGINS*/	
	.template1body{
		margin: 0px 0px 25px 36px;
	}
/*HORIZONTAL LINE SEPARATING ARTICLES THAT HAVE RED ICON IMAGES IN THE TITLE*/
	.template1bodylineseparator{
                  margin-bottom:8px;                
                  padding-top: 9px;
		border-bottom:1px solid #AFA4A6;
	}

/*HORIZONTAL LINE SEPARATING ARTICLES THAT HAVE TEAL TITLE WITH NO RED ICON IMAGES*/
	.titleparagraphlineseparator{
                  margin-bottom:11px;                
                  padding-top: 0px;
		border-bottom:1px solid #AFA4A6;
	}
/*HORIZONTAL LINE SEPARATING ARTICLES WITH NO TITLE*/
	.paragraphlineseparator{
                  margin-bottom:14px;                
                  padding-top: 0px;
		border-bottom:1px solid #AFA4A6;
	}

/*STYLES FOR FOOTER*/
	#footer { 
		padding: 20px 20px 0px 20px;      	
		vertical-align:top;
		background:#005D74;
		height:280px;
		width:720px;
		position:relative;
		top:0px;
	}
/*ROUNDED CORNERS AT BOTTOM OF FOOTER*/	
	#footercurve{
		height:36px;
		width:760px;
		background-image:url(../images/corners_bottom.gif);
	}
/*BOLD MENU SECTION TEXT*/
	.footertitle {
                  font-size:9pt;
		margin-top:12px;
		margin-bottom:0px;
		color:#81c6e0;
		font-weight:bold;
	}


/*SUBMENU SECTION TEXT*/	
	.footertext{
		margin:0px;
		color:#FFF;
	}
	
/*SEARCH*/
	div.search{
		margin-top:10px;
		}
	#mod_search_searchword{
		width:150px;
		height:16px;
		border:1px solid #AFA4A6;
		}
/*GO BUTTON IN SEARCH*/	
	#go2{
		text-align:center;
		background:#81c6e0;
		color:#FFF;
	}		
	.search input.button{
		background:none repeat scroll 0 0 #81C6E0;
		color:#FFFFFF;
		text-align:center;
		border:1px solid #AFA4A6;
		height:20px;
		margin-left:5px;
		}

/*FOOTER MENU LIST*/
	#footer #column1 ul, #footer #column2 ul, #footer #column3 ul{
		list-style-type:none;
		color:#FFFFFF;
margin-left:0;
padding:0;
		}	
	#footer #column1 ul li ul, #footer #column2 ul li ul, #footer #column3 ul li ul{
		margin-bottom:10px;
		}	
		
	#footer #column1 ul li a, #footer #column2 ul li a, #footer #column3 ul li a{
		color:#FFFFFF;
		text-decoration:none;
		}	
	#footer #column1 ul li a:hover, #footer #column2 ul li a:hover, #footer #column3 ul li a:hover{
		text-decoration:underline;
		}
	#footer #column1 ul.menu li.parent, #footer #column2 ul.menu li.parent, #footer #column3 ul.menu li.parent {
		color:#81C6E0;
		font-weight:bold;
		margin-bottom:0;
		margin-bottom:11px;
		}		
	#footer #column1 .menu .separator, #footer #column2 .menu .separator, #footer #column3 .menu .separator { 
		color:#81C6E0;
		font-weight:bold;
		margin-bottom:0;
		margin-top:17px;
		}		
	#footer #column1 ul.menu li.item128{
		font-weight:bold;
		margin-bottom:0;
		color:#81C6E0;
		padding-bottom:13px;
		}	
	#footer #column1 ul.menu li.item128 a{
		color:#81C6E0;
		}		
	
	#footer #column1 ul.menu li.parent a, #footer #column2 ul.menu li.parent a {
		color:#81C6E0;
		}
	#footer #column1 ul.menu li.parent ul li a, #footer #column2 ul.menu li.parent ul li a, #footer #column3 ul.menu li.parent ul li a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:normal;
		}	
	#footer #column1 ul.menu li.parent ul li a:hover, #footer #column2 ul.menu li.parent ul li a:hover, #footer #column3 ul.menu li.parent ul li a:hover{
		text-decoration:underline;
		}
		

/*STYLES FOR TEXT LINKS AT VERY BOTTOM OF PAGE*/
	#textbottom {
		text-align:center;
		color:#FFF;
font-weight: bold;
font-size:8pt;
	}
	#textbottom .menu{
		margin-top:3px;
                  margin-bottom:3px;
	}	

	#textbottom ul li{
		display:inline;
		padding-left:65px;
		padding-right:75px;

	}
	#textbottom a{
		text-align:center;
		color:#FFF;
	}


 /*INDEX-HOME PAGE*/
 
 /*TO CENTER LINK "DISCOVER MORE ABOUT TM" IN WHITE TRANSPARENT BOX*/
 .redlinkscenter {
	font-style:oblique;
	text-align:center;
	color:#cc0000;
	text-decoration:underline;
	margin:0px;
}
/*ABOUT TM AND BKGD PIC STYLES*/
/*ABOUT US TEXT BOX POSITIONING*/
	#aboutbox{
		position:relative;
		width:225px;
		top:50px;
		padding:0px;
		left:450px;
	}

/*BACKGROUND IMAGE FOR HOME PAGE*/	
	#pic {
		background:url(../../../images/stories/tmimages/header_home.jpg) no-repeat;
		height:315px;
		width:760px;
	}
/*COLUMNS IN MAIN AREA OF HOME PAGE*/	
	#column1home{
		float:left;
		vertical-align:top;
		width:222px;
		margin-left:0px;
		padding-right:10px;
		border-right:1px solid #AFA4A6;
		position:absolute;
		height:auto;	
		top:10px;
		bottom:10px;
	}
	#column1home ul{
		margin:15px;
		padding:0px;
	}
	#column2home{
		float:left;	
		vertical-align:top;
		width:222px;
		margin-left:252px;
		padding-right:10px;
		border-right:1px solid #AFA4A6;
		position:absolute;
		height:auto;	
		top:10px;
		bottom:10px;
	}
	#column3home{
		float:left;
		vertical-align:top;
		width:212px;
		margin-left:504px;
		position:absolute;
		height:auto;	
		top:10px;
		bottom:10px;
	}
	
/*SERVICES COLUMN*/
/*SERVICES TITLE IMAGE*/
.services{

   background:url("../images/services2.gif") no-repeat scroll left top transparent;
   position:relative;
}        
.services h2.title{
   padding-left:35px;
   position:absolute;
   top:4px;
}  
.services p{
padding-top:40px;

}
    
/*EVENTS COLUMN*/
/*EVENTS TITLE IMAGE*/
#events{

   background:url("../images/calendar.gif") no-repeat scroll left top transparent;
   position:relative;
}

#events h2.title{
   padding-left:35px;
   position:absolute;
   top:4px;
}

#events p.intro{
padding-top:40px;
}

/*EVENT DETAILS TEXT*/
	.eventdetails{
		margin-top:0px;
		margin-bottom:3px;
		font-size:8pt;
	}
	#events ul{
		list-style-type:none;
		text-align:right;
		margin:0;
		padding:0;
		}	
	#events ul li a {
		background:url("../images/arrow.gif") no-repeat scroll right center transparent;
		color:#CC0000;
		list-style-type:none;
		padding-right:10px;
                  font-size:8pt;
		}	

	
/*HOT TOPICS COLUMN*/
/*HOT TOPIC TEXT*/      
         #hottopic{
                  position:relative;
                  background:url("../images/gotoMarket-icon.jpg") no-repeat scroll left top transparent;
                  }    
         #hottopic h2.title
                  {
                 padding-left:40px;
                 position:absolute;
                 top:4px;
                  }
         #hottopic p{
                 padding-top:40px;
                  }
	#hottopic ul{
		list-style-type:none;
		margin-left:-40px;
		text-align:right;
		}
	#hottopic ul li a{
		list-style-type:none;
		color:#CC0000;
		background:url("../images/arrow.gif") no-repeat scroll right center transparent;
		padding-right:10px;
                  font-size:8pt;
		}