/* ============ General ============ */
body{
	margin: 0;
	font: 12px Arial, Arial, Helvetica, sans-serif;
	color: #333;
	background: #0079C1;
}

p{margin-bottom: 15px;}
.clear { clear: both; }
.last { margin-bottom:0; padding-bottom:0; }

a:link, a:visited, a:active { 
	color: #0079be; 
	text-decoration: underline;
}

#footer a:active, #footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
}

ul {
	margin-bottom: 15px;
}

h3, .bluetext {
	color: #0079be;
	font-size: 13px;
	font-weight: bold;
}
	
/* ============ Structure ============ */

#container{
	width: 1000px;
	margin: 0 auto;
}

#content{
	padding: 0 20px;
	background: #fff;
	background: url(../images/background.png);
}

#header h1 {
	display: block;
	width: 257px; height: 80px;
	background: url(../images/logo.png) no-repeat;
	float: left;
	text-indent: -300000px;
	margin-top: 10px; margin-bottom: -10px; margin-left: 15px;
}

#header ul { float: right; list-style: none; margin-top: 34px; margin-right: 22px;}
#header ul li { color: #fff; float: left; }	
#header ul li a { color: #fff; text-decoration: none;}

#top, #bottom { 
	width: 1000px; height: 22px;
	background: url(../images/top.png);
}
	#bottom {background: url(../images/bottom.png);}

#footer{
	margin-left: 20px;
	color: #fff;
}
	#footer a {text-decoration: none;}

#legal{
	font-size: 10px;
	color: #fff;
	margin-top: 15px;
}

	#legal p{
		margin-bottom: 5px;
	}


#banner{
	width: 610px; height: 183px;
	background: url(../images/banner.jpg) no-repeat;
	padding: 70px 323px 0 28px;
}
	#banner a {
		display: block;
		width: 142px; height: 30px;
		background: url(../images/speakbtn.gif) no-repeat;
		text-indent: -30000px;
	}

#services{
	padding: 25px 0px 25px 28px;
}

#servtitle {
	display: block;
	width: 297px; height: 16px;
	background: url(../images/servtitle.gif) no-repeat;
	text-indent: -30000px;
	margin-top: -12px;
}

/* Tabs */
.ui-tabs .ui-tabs-nav, ul#contactTabs { list-style: none; background: url(../images/tabsbg.gif) top left no-repeat; width: 747px; height: 42px; padding: 6px 0 0 7px; margin: 7px 0 0 0;}
.ui-tabs .ui-tabs-nav li , ul#contactTabs li{ position: relative; float: left; background: url(../images/tabsline.gif) top right no-repeat; }
ul#contactTabs li#lastTab{background:none;}
.ui-tabs .ui-tabs-nav li a,ul#contactTabs li a { float: left; text-decoration: none; padding: 14px 10px 17px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../images/tabsbg.gif) bottom left no-repeat; color: #fff; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../images/tabsbg.gif) no-repeat; background-position: -14px -54px; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected#tab1 { background: url(../images/tabsbg.gif) no-repeat; background-position: -7px -54px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #fff;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.tabcontent {
	width: 720px;
	padding: 17px 10px 17px 17px;
	background: url(../images/tabcontentbg.gif) bottom left repeat-y;
}
a.backArrow{
	background: url("../images/arrow_red_left.gif") no-repeat scroll left center transparent;
    color: #0079C1;
    display: block;
    padding-left: 15px;
    text-decoration: none;
	margin-left:18px;
}
/* ============ form ============ */
#form {background: #fff;}
#formcontent { width: 620px; padding: 0 40px 0 0px; }
.row, .radiorow { clear: both; height: 23px; margin-bottom: 10px;}
.row.lastrow{height:auto!important;}
	.row label, .radiorow span { width: 296px; float: left; }
	.row input, .row textarea { float: left; width: 188px; border: 1px solid #7c9eb9; }
	.messagerow { height: 56px; }
.row .formerror { border:1px solid #F00; }
#reqmsg { font-size: 9px; color: #f00; }

#form #header {
	background: #0079C2;
	width: 700px;
	height: 90px;
	margin: 0;
}

#form #logo {
	background: url(../images/logo.png) top left no-repeat;
	width: 257px;
	height: 72px;
	float: left;
}

#form #footer {
    background: none repeat scroll 0 0 #088DCD;
    height: 27px;
    margin: 0;
    width: 700px;
}

#submit {
	display: block;
	width: 82px; height: 28px;
	border: none;
	background: transparent url(../images/submit.gif) top left no-repeat;
	margin-bottom: 10px;
}

div.arrowLink {
    clear: both;
    display: inline-block;
}

div.arrowLink a {
    background: url("http://www.bmo.com/images/arrow_red_right.gif") no-repeat scroll right center transparent;
    color: #0079C1;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 15px;
    text-decoration: none;
}

table.mainTbl{
	margin-right:5px;
}

table.mainTbl #left{
	width:50%;
}

table.mainTbl th, table.mainTbl td{
	padding:8px;	
	border:1px solid #CCC;
	border-collapse:collapse;
}

table.mainTbl th{
	text-align:left;	
}

div.evenrow{
	background-color:#e8f7fe;
}