body {
	margin: 0;
	padding: 0;
	min-height: 768px;
	background: #fff;
	color: #000; 
	font-family: Arial, sans-serif;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family: inherit; 
	font-size: small;
}

/* dummy rule for IE5 cause of voice-family hack */
.dummy {}

img {
	border: 0;
}
address {
	font-style: normal;
	line-height: 1.4em;
	padding: 0 0 0 1em;
}
#main a:link {
	color: #00f;
}
#main a:hover {
	color: #09c;
	text-decoration: underline
}
#main a:focus {
	color: #09c;
	text-decoration: underline
}
#main a:active{
	color: #000;
}
a:visited {
	color: #555;
}

#banner {
	clear: both;
	width: 100%;
	height: 100px;
	background: #fff;	
}
#banner .logo { float: left; }
#banner .title { float: right; }


#topbar { /* Core/utility navigation and search facility */
	height: 25px;
    width: 100%;
	margin: 0 0 10px 0;
	border-bottom: 3px solid #666;
    background: #09c;
	color: #fff;
}

#topnav {
    width: 26em;
	margin: 0;
    padding: 0 0 0 10px;
}

#topnav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topnav li {
	display: inline;
	padding: 0.1em 0.4em 0.1em 0.4em;
}
#topnav a {
	color: #fff;
    text-decoration: none;
}

#topnav a:hover {
    text-decoration: underline;
}

#topnav .selected {
	color: #eee;
}

#qsearch {
	padding: 0 3px 0 0;
	text-align: right;
	vertical-align: top;
}

#qsearch label {
	position: relative;
	top: -0.1em;
	color: #fff;
}

#qsearch fieldset {
	border: solid 0 transparent;
	margin: 0;
	padding: 0;
}

#qsearch form {
	display: inline;
	margin: 0;
	padding: 0;
}

#qs-qt {
	width: 10.5em;
	height: 1.2em;
	border: 1px solid #036;
	margin-left: 0.2em;
	margin-top: 0.1em;

}

#qssubmit {
	padding: 0;
	margin: 0;
	font-size: xx-small; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: x-small;
	background: #fff;
}
.dummy {}

#breadcrumb {
	margin: 0 1em 0 1em;
	font-size: 85%;
}
#breadcrumb a {
	color: #00f;
	text-decoration: none;

}
#right{
	padding: 0;	
}

#right h2 {
	height: 1.6em;
	line-height: 1.6em;
	font-size: 120%;
	padding: 0 0 0 0.5em;
	margin: 0;
}
#right h2.links {
	color: #666;
	text-align: center;
}
#right h3 {
	color: #66B38C;
	padding: 1em 0 0 0.5em;
	margin: 0;
	font-size: 110%
}
#right ul, .section ul {
	list-style: none;
}

.section ul {
	margin: 0;
	padding: 1em 0 0 2em;
}

.section a:link {
	padding: 0 0 0 1.5em;
}

#main {
	color: #000;
}
#main h1 {
	line-height: 1.5em;
	font-size: 120%;
	color: #09c;
}
#main h1, #main h2, #main h3, #main h4 {
	padding: 0 0 0 .8em;
	margin: .5em 0;
}
#main h1{
	min-height:1.5em;
}

#main h2 {
	color: #09C;
	font-size: 110%
}
#main h3 {
	color: #000;
	font-size: 100%;
}
#main p {
	font-size: 100%;
	margin: .5em 1em .5em 1em;
	line-height: 1.4em;
}
#main li {
	line-height: 1.4em;
	margin: 0 1em 0 0;
}
#maincontent {
	border-collapse: collapse;
	margin: 0 1% 1% 1%;
	padding: 0;
	width: 97.9%;
	background: #fff;
}
#maincontent tr{
	vertical-align: top;
}
/* follow on page */
#left {
	width: 25%;
	margin: 0 0 0 8px;
	background: #e8e8e8 url(leftnav-bg.gif) repeat-x;
	vertical-align: top;
}

#left h2 {
	margin: 1em;
	font-size: 110%;
	color: #000;
}
#left p {
	line-height: 1.4em;
	margin: 1em;
}
#left ul {
	margin: 0;
	padding: 0 0 0 .5em;
	list-style: none;
}
#left li {
	font-weight: bold;
	background: url(leftnav-bullet.gif) left no-repeat;
	margin: 0;
	height: 1%;
	padding: .5em 0 .5em 1.5em;
}

#left a, #left span {

}
#left a:link {
	color: #666;
	text-decoration: none;
}
#left a:visited {
	color: #666;
	text-decoration: none;
}
#left a:hover {
	color: #000;
	text-decoration: underline;
}

#left .logos {
	font-size: 90%;
	color: #091b58;
	text-align: center;
}

#left .logos p {
	padding: 1em;
	text-align: left;
}
#main {
	min-width: 50%;
	height: auto;
	vertical-align: top;
}

#right {
	width: 25%;
	height: auto;
	background: #e8e8e8 url(leftnav-bg.gif) repeat-x;
	vertical-align: top;
}
* html #right {
	height: 427px;
}
#footer {
	font-size: 90%;
	text-align: center;
}
#footer p {
	clear: left;
	padding: 1em;
	font-size: 90%;
	color: #036;
	text-align: left;
}
#footer p a:link, #footer p a:hover, #footer p a:visited {
	padding: 0;
	text-decoration: underline;
	font-size: 100%;
}
#footer ul {
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}
#footer li {
	display: inline;
}
#footer a {
	padding: 0 1em 0 1em;
	font-size: 90%;
}
#footer a:link {
	color: #036;
	text-decoration: none;
}
#footer a:visited {
	color: #036;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}
/* pull quotes style */
.pull {
	padding: .3em;
	background: #f0f0f0;
	color: #396;
	border-right: 2px solid #C3E1D2;
	border-bottom: 3px solid #C3E1D2;
}
/* table styles */
.colheadings {
	width: 96%;
	margin: 1em 0 0 1em;
}
.colheadings th {
	background: #80CCE6;
	text-align: left;
	padding: .3em;
}
.colheadings td {
	padding: .3em;
	font-size: 80%;
}
#main .colheadings td p, #main .colheadings td address { padding: 0; margin: 0; }
.colheadings td.green {
	background: #80CCE6;
}
.colheadings td.grey {
	background: #ebebeb;
}
/* page summary */
#main .summary { font-weight: bold; }

/* rates calculator */
#extranav {
	margin: 0 .5em 1em .5em;
	color: #000;
}
#extranav .top, #extranav .bottom, #extranav .navbottom {
	height: 9px;
	width: 100%;
}
#extranav .top .left {
	position: relative;
	top: -1px;
	left: -1px;
	float: left;
	width: 9px;
	height: 9px;
	background: url(calc-tl.gif) top left no-repeat;
}
#extranav .top .right {
	position: relative;
	top: -1px;
	right: -1px;
	float: right;
	width: 9px;
	height: 9px;
	background: url(calc-tr.gif) top right no-repeat;
}
#extranav .bottom .left {
	position: relative;
	bottom: -1px;
	left: -1px;
	float: left;
	width: 9px;
	height: 9px;
	background: url(calc-bl.gif) bottom left no-repeat;
}
#extranav .navbottom .left {
	position: relative;
	bottom: -1px;
	left: -1px;
	float: left;
	width: 9px;
	height: 9px;
	background: url(nav-bl.gif) bottom left no-repeat;
}

#extranav .bottom .right {
	position: relative;
	bottom: -1px;
	right: -1px;
	float: right;
	width: 9px;
	height: 9px;
	background: url(calc-br.gif) bottom right no-repeat;
}
#extranav .navbottom .right {
	position: relative;
	bottom: -1px;
	right: -1px;
	float: right;
	width: 9px;
	height: 9px;
	background: url(nav-br.gif) bottom right no-repeat;
}
#extranav fieldset {
	margin: 0 0 0 .5em;
	border: none;
}
#extranav legend {
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
}
#extranav h3.calculator  {
	margin: 0 1em 0 1em;
	padding: 0 .5em .5em 2em;
	font-size: 100%;
	background: url(header-button.gif) no-repeat;
	color: #000;
	border-bottom: 1px solid #999
}
#extranav h3.nav  {
	margin: 0 1em 0 1em;
	padding: 0 .5em .5em 0;
	font-size: 120%;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #999
}
#extranav p {
	margin: 1em;
	font-size: 85%;
}
#extranav ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
#extranav ul li ul {
	margin: 3px 0 3px 0;
	padding: 0;
}
#extranav ul li ul li ul {
	margin: 0;
	padding: 0;
}
#extranav ul li ul li ul li {
	margin: 0;
}
#extranav ul li {
	padding: 3px 0 3px 1.5em;
	line-height: 1.4em;
	margin-right: 1em;
	background: url(nav-arrow.png) 0 .7em no-repeat;
}

#extranav ul li ul li {
	padding: 3px 0 3px 1em;
	margin: 0;
	background: url(nav-1arrow.gif) 0 .7em no-repeat;
}
#extranav ul li ul li ul li ul li {
	padding: 3px 0 3px 1em;
	margin: 0;
	background: url(nav-block.gif) 0 .7em no-repeat;
}
#extranav ul li span {
	color: #09c;
}
#extrannav a {

}
#extranav a:link {
	color: #000;
	text-decoration: none;
}
#extranav a:visited {
	color: #000;
	text-decoration: none;
}
#extranav a:hover {
	color: #000;
	text-decoration: underline;
}


#titlegraphic {background-color:#F2F0DF;
				clear:both;
				border: 1px solid #CCCCCC;				
				height:45px;
				margin:5px; }
				
 .tg-green {color:#91B94F}
 .tg-grey {color:#787876}
 .tg-cyan {color:#01aac1}
 .tg-brown {color:#7E6026}

 
#titlegraphic-picture {
float:right;
}

#titlegraphic-text {float:left;
width:66%;
font-size:1.1em;
padding:5px}

.piclink-left {float:left;
}

.piclink-right {float:right;
}

.piclink-clear {clear:both}