html{height: 100%;}
body {background-color: #003798; margin: 0px; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; color:#000;}
.masthead {background-image: url('http://www.mystfx.ca/img/masthead-level02.gif'); width: 784px; height: 110px; background-repeat: no-repeat; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.columns {float: left; background-color: #002b6d; padding:0px; margin-top: 0px;}

#level02{margin: 0 auto 0 auto;}

.toprow {font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 12pt; letter-spacing: 2px; text-align: left; color: #fff; background-color: #4982D9; height: 20px; width:784px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#MenuPos{ position: absolute; width: 175px; margin: 0; padding: 0; overflow: visible;} 

#list01{margin-left: 40px; display: block;}

.container{background: url("http://www.mystfx.ca/tsg/scripts/bg-level02-container.gif") repeat-y; background-color:#fff; width: 784px; height: 100%; padding:0; overflow: visible; border: 1px solid #fff;}
.container-full{background-color:#fff; width: 784px; height: 100%; padding:0; overflow: visible; border: 1px solid #fff;}

.container-content{background-color: #fff; margin-left: 190px; margin-right: 15px;}

.level02-content{padding-left: 1px; margin-left: 0px; font-family : Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-size: 10pt;}
.level02-content h3{font-family : Helvetica, sans-serif; font-size: 14pt; color: #000066;}
.level02-content img{padding: 1px; border: 1px solid #f0f0f0; margin: 4px;}
.level02-content A:visited {color: #000080; text-decoration: none;}
.level02-content A:hover {color: #B69200; text-decoration: none;}
.level02-content A:Link {color: #000080; text-decoration: none;}

.content-right{float: right;}
.content-right p{margin: 2px; padding: 0;}

.legend{font-size:10pt; color:#fff;}

.menu-text-only {
	background-color: #fff;
	width: 97%;
	border: 1px solid #efefef;
	padding: 4px; margin: 0;}

p, img{border: 0px; color: #000;}
h3{margin: 2px; padding: 0px;}
h4{margin: 2px; padding: 0px;}

.banner-ads{width: 100%; height: 100px; text-align: center;}
.banner-ads img{border: 1px solid #E2AC13; margin: 1px;}

#selectionlist li{margin-left: 14px; list-style: circle;}

.float-right{float: right;}
#img-noborder{border: 0px;}

#globalnav{background: url("http://www.mystfx.ca/tsg/scripts/bg-menubar-new.gif"); background-repeat: repeat-x; height: 24px; width: 784px; padding: 0; font-size: 9pt; border-left: 1px solid #fff; border-right: 1px solid #fff; margin:0px auto;}
#globalnav ul {margin: 0; padding: 0;}
#globalnav li.start {margin: 0 0 0 10px;}
#globalnav li.end {margin: 0; border-right: 0px solid #fff;}
#globalnav LI {display: inline; list-style:none; line-height: 16pt; color: #fff; float:left; border-right: 1px solid #fff; margin:0; padding: 0;}
#globalnav A {text-decoration:none; padding-top: 3px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-weight: bold; color: #000066;}
#globalnav A:hover{background-color: #002b6d; text-decoration:none; font-weight: bold; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #002b6d;}
#globalnav a.current{background-color: #002b6d; text-decoration:none; font-weight: bold; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #002b6d;}
#globalnav A:active,
#globalnav A.current:link,
#globalnav A.current:visited {}
#globalnav A.current:link,
#globalnav A.current:visited {}

.subtitle {font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 12pt; color: #fff; float: left; padding-top: 85px; padding-left: 190px;}
.title01 {font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #0C347C; float: right; padding-top: 85px; padding-right: 10px;}
.title02 {font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #E4AC14; float: right; padding-top: 85px; padding-right: 420px;}

#alt-list-menu {width:178px; font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 8pt; font-weight: bold;}
#alt-list-menu ul {margin: 0; padding: 0; list-style-type: none;}
#alt-list-menu li {margin: 0; line-height: 16px;}
#alt-list-menu a {background-color: #D6C07F; color: #002b6d; display: block; width:178px; padding: 2px 1px 2px 4px; border-bottom: 1px solid #fff; text-decoration: none;}
#alt-list-menu a:link, #list-menu a:active, #list-menu a:visited {font-weight: bold;}
#alt-list-menu a:hover {line-height: 16px; border-bottom: 1px solid #fff; background: #002b6d; color: #ffffff;}
#alt-list-menu a.current {line-height: 16px; border-bottom: 1px solid #fff; background: #002b6d; color: #ffffff;}

#list-nobullet{list-style: none; padding: 0; height: 100%; line-height: 12pt;}

.navy{color: #002B6D;}
.aqua{color: #4982D9;}
.orange{color: #E2AC13;}
.red{color: #B21611; font-weight: bold;}

#embedded-title{font-size: 13pt; font-weight: bold;}

#footer {background-image: url('http://www.mystfx.ca/tsg/scripts/toprow-wshadow.gif'); background-repeat: repeat-x; background-color: #4982D9; height: 32px; width:784px; font-family : Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-size: .6em; color: #fff; padding:0px; border-top: 1px solid #fff;}
#footer a {color: #fff; text-decoration: none;}
#footer a:visited {color: #fff}
#footer a{ margin: 0; padding: 5px 12px 5px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt;	color:#FFF;}