﻿* {margin:0; padding:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;}
img {border:none}
a img {border:none}
div#topnav {width:760px; background-image:URL('images/style/TMMC_GLOBAL_HEADER.gif'); background-repeat:no-repeat;}
div#topnav div#menu {margin-left:160px;}
div#topnav div#menu li {float:left; padding:0 15px 12px 0; list-style-type:none; font-size:12px;}
div#topnav div#menu li:first {margin-left:100px}
div#topnav div#menu a {color:#000; text-decoration:none;}
div#topnav div#menu a:hover {color:red;}

div#header {margin:25px 0 25px 10px}
div#content {margin-bottom:25px; margin-left:10px;}
div#footer {width:782px; margin:25px 0 0 0;}
.grey_line {background-color:#E5E5E5; height:4px;}
.black_line {background-color:#000000; height:8px;}

div#bottom_nav {float:left; margin:0 0 0 80px; padding-bottom:15px}
div#bottom_nav ul {}
div#bottom_nav li {float:left; padding:0 3px; list-style-type:none}
div#bottom_nav a {text-decoration:none}
div#bottom_nav a:hover {}

/* remove BankGothic Md BT', Fixedsys, Arial, sans-serif */
h1 {font-family:Georgia, Arial, sans-serif; font-size:2.5em; font-weight:bold; margin-bottom:10px}
h2 {font-family:Georgia, Arial, sans-serif; font-size:1.6em; font-weight:bold; margin-bottom:10px}
h3 {font-size:1.2em; font-weight:normal; margin:0 0 10px 0;}
h4 {font-family:Georgia, Arial, sans-serif; font-size:1.6em; font-weight:normal; margin-bottom:20px}

td {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 200;}	
p {margin: 0 0 5px 0; font-size:1em;}
.moreMargin {margin-top:25px}

ul.contact {list-style-type:none; margin-left:10px; margin-bottom:10px;}
ul.toc {list-style-type:none; margin-left:10px; margin-bottom:10px;}
ul.toc a:active {color:#004C33; text-decoration:underline; font-size:12px;} /*green*/
ul.toc a:link {color:#004C33; text-decoration:underline; font-size:12px;}
ul.toc a:visited {color:#9C2914; text-decoration:underline; font-size:12px;} /*red*/
ul.toc a:hover {color:#000066; text-decoration:none; font-size:12px;} /*blue*/
li.name {color:#000066;}

ol.inset {margin:10px 90px 10px 150px; color:#000066}
ol.inset li {padding-bottom:5px}
ul.GeneralContent {
	margin-left:50px; 
	list-style-image:URL(images/checkmark.gif);  
	font-size:1.2em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul.GeneralContent li {padding:0 0 3px 5px;}

div#tools {clear:both; width:580px;} /*changed from 580 */
div#tools p.goto {text-align:right}
div#tools div#thumbnail {float:left; height:200px; margin-right:3px;}
table.tools {width:270px; margin:5px 0 0 25px; border:1px solid #CCC;} /* was 260px */
table.tool_detail {width:683px; margin:0; border:2px solid #CCC;}
table.tool_detail tr.alternate_colour {background-color:#FFFFCC}
table.tool_detail tr.header_colour {background-color:#003366}
table.tool_detail td.highlight_colour {background-color:#CCCCFF}
table.tool_detail td {padding:5px; border:1px solid #000; border-bottom:none; border-left:none;}
table.tool_detail td.first_column {border-left:1px solid #000; width:100px}
table.tool_detail td.last_row {border-bottom:1px solid #000;}
table.tool_detail td.last_cell {border-bottom:1px solid #000; border-left:1px solid #000;}
table.tool_detail td.header {color:#FFF; font-weight:bold;}
td.greyBG {background-color:#CCCCCC}
div#disclaimer {margin-top:10px; font-style:italic}

/* CLEARFIX*/
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

a:active {color:#004C33; text-decoration:underline; font-size:10px; font-weight:200;}
a:link {color:#004C33; text-decoration:underline; font-size:10px; font-weight:200;}
a:visited {color:#004C33; text-decoration:none; font-size:10px; font-weight:200;}
a:hover {color:#000066; text-decoration:none; font-size:10px; font-weight:400;}
.introText {color:#000000; font-size:11px; font-weight:200;}		
.boldRedText {color:#DC0917; font-size:10px; font-weight:800;}
.redtext {color: #DC0917;}	
.copywriteText {color:#FFFFFF; font-size: 9px; font-weight: 800;}

/* Light Box */
#lightbox{
	background-color:#F0D64A/*F0E878 4280B3 C1D853*/;
	padding: 10px;
	border-bottom: 2px solid #033361;
	border-right: 2px solid #033361;
	border:1px navy solid;
	}
#lightboxDetails{
	font-size: .8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border:none ; } 
#overlay img{ border:none ; }

#overlay{ background: url(images/overlay.png);  }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/overlay.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
