/*
=======================================================================
PAGE STYLES
*/

body
{
	background-color: #ffffff;
	padding:0;
	margin:0;
	font-size:65%;
}

/*
=======================================================================
MISC
*/
.hidden 
{
	display:none;
}

.clear
{
	clear:both;
	width:1px;
	height:1px;
	font-size:1px;
}

/* Hides from IE-mac \*/
* html .container { 
	display: block; 
	height: 1%; 
}
/* End hide from IE-mac */

.container:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.container { 
	display: inline-block; 
}

html[xmlns] .container { 
	display: block; 
}

/*
=======================================================================
FORMS
*/

form
{
	display:inline;
}

fieldset input.btn {
	width: auto;
	margin-left: 100px;
	display: inline;
	cursor: hand;
}

fieldset .mandatory {
	color: #ff0000;
}

fieldset {
	border: none;
	border-width: 0;
	padding: 1em 0 2em 0;
	margin: 0;
	width: 400px;
}

fieldset ol {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

fieldset ol li {
	margin-bottom: 0.7em;
	display: block;
}

fieldset ol li ol li {
	margin-bottom: 0;
}

fieldset label,
fieldset input,
fieldset textarea,
fieldset select { 
	float: left;
	font-size: 105%;
	display: block;
}

fieldset label {
	width: 100px;
	font-weight: bold;
}

fieldset input {
	width: 120px;
}

fieldset textarea,
fieldset select {
	width: 220px;
}

#txtMessage {
	height: 80px;
	overflow: auto;
}

fieldset ol.radio li input {
	width: auto !important;
	float: left;
}

fieldset ol.radio label {
	font-weight: normal;
}

fieldset li.container ol.radio {
	float: left;
	width: 12em;
	display: block;
}

fieldset li.container ol.radio label {
	width: 8em;
	float: none;
}

/*
=======================================================================
FONTS
*/
body,p,div,td,h1,h2,h3,h4,h5,h6,ul,li,ol,dd,dt,dl,input,select,textarea
{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}
p, ul, ol
{ 
	font-family: Arial, Helvetica, sans-serif;
	/*font-size:8pt;*/
	font-size:1.05em;
	font-style: normal;
	font-weight: normal;
}

table, td
{
	font-size:100%;
	font-size:1.05em;
	vertical-align: top;
}

/* reset traditional HTML blocks for new styles */
h1,h2,h3,h4,p
{
	padding:0px;
	margin:0px;
}
/*the basic font tag set definitions...*/
h1
{
	/*font-size: 15px;*/
	font-style: normal;
	font-weight: normal;
	margin-bottom:0;
	margin-top:-4px;
	color:#fff;
}

h2
{
	font-size: 1.3em;
	bottom:-0.5em;
	margin-top:8px;
	margin-bottom:1em;
	font-weight:bold;
}

h3
{
	font-size: 1.15em;
	margin-top:8px;
	margin-bottom:1px;
	font-weight:bold;
}

h4
{
	font-size: 1.1em;
	margin-bottom:2px;
	margin-top:4px;
	font-weight:bold;
}
h5
{
	font-size: 1.0em;
	margin-bottom:2px;
	margin-top:4px;
	font-weight:bold;
}
h6
{
	font-size: 0.9em;
	margin-bottom:2px;
	margin-top:4px;
	font-weight:normal;
	font-style:italic;
}
p
{
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:1em;
	padding-top:4px;
	line-height:1.5;
	/*font size set above*/
}

img {
	border: none;
	border-width: 0;
}

table, tr
{
	vertical-align:top;
	line-height:1.5;
}

td p
{
	padding-top:0;
}
td h2
{
	bottom:0;
	margin-bottom:0.5em;
}

th
{
	text-align:left;
}

/*set lists to same spacing as <p> */
ul,ol
{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:2px;
	padding-bottom:2px;/*this figure + pad-bottom of a <li> should = <p> pad-bottom*/
}
ol
{
	padding-left:13px;
	margin-left:13px;
	font-size:1em;
}
ul
{
	list-style:url(images/bulletblue.gif);
	padding-left:10px;
	margin-left:10px;
	font-size:1.05em;
}
li
{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:4px;
	font-size:105%;
	/*this figure + pad-bottom of a <ul>||<ol> should = <p> pad-bottom*/
}


/*
=======================================================================
LINKS
*/
a:link
{
	font-style: normal;
	font-weight: normal;
	color: #1B73A3;
	text-decoration:none;
}
a:active
{
	font-style: normal;
	font-weight: normal;
	color: #1B73A3;
	text-decoration:none;
}
a:visited
{
	font-style: normal;
	font-weight: normal;
	color: #1B73A3;
	text-decoration:none;
}
a:hover	
{
	font-style: normal;
	font-weight: normal;
	color: #FF3300;
	text-decoration:underline;
}

a.bold:link
{
	font-weight: bold
}
a.bold:active
{
	font-weight: bold
}
a.bold:visited
{
	font-weight: bold
}
a.bold:hover	
{
	font-weight: bold
}


/* end of LINKS */




/*
=======================================================================
PAGE STYLES
*/

#pageDiv
{
	width: 100%;
	text-align: center;
}

#pageDivPad
{
	width:970px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.hr {
	background: transparent url(images/dash.gif) repeat-x;
	height: 2px;
	overflow: hidden;
}

/*
=======================================================================
HEADER
*/
#headerDiv
{
	width:100%;
	height:103px;
	margin-bottom:8px;
	overflow: visible;
}
#headerDivPad
{
	background:url(images/banner.jpg) no-repeat;
	height:103px;
	z-index: 1000;
}
#headerL
{
	height:83px;
	float: left;
	width: 747px;
	z-index: 2000;
}
#headerLPad
{
	padding-left:9px;
	padding-top:12px;
}
#headerR
{
	height:83px;
	width: 223px;
	float: right;
	z-index: 2000;
}
#headerRPad
{
	padding-top:12px;
	padding-right:9px;
	display: inline;
}



.top {
	text-align: right;
}

.top a {
	text-decoration: none;
}

.top a:hover {
	text-decoration: none;
}

/*
=======================================================================
LOGOS
*/

#logos { height: 55px; width: 130px; }

#logos img.rtaLogo { display: inline; margin: 0 0 7px 20px; }


/*
=======================================================================
NAV
*/
#headerNav
{
	width: 970px;
	height: 20px;
	z-index: 3000;
}
#headerNavPad
{
	float: left;
	padding-left: 8px;
}
#nav
{
	list-style:none;
	padding:0;
	margin:0;
}
#nav li
{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
#nav li a
{
	color:#E1EAF3;
	font-weight:bold;
	font-size:13px;
	vertical-align:top;
}
#nav li a:hover, #nav li a.active
{
	color:#fff;
	text-decoration:none;
}
.nav-divider img
{
	margin-left:4px;
	margin-right:4px;
}
#container
{
	width:100%;
	background-color:#E1EAF3;
}
#containerPad
{
	padding:8px;
}


/*
=======================================================================
GREEN TITLE BAR
*/
#greenHead
{
	width:290px;
	height:46px;
}
#greenHead h1
{
	font-size:15px;
	font-weight:bold;
}
#greenHeadPad
{
	padding-left:15px;
	padding-top:10px;
}

/*
=======================================================================
COMMON QUESTIONS
*/

.questionanswers ul {
	margin: 1em 0 1em 1em;
}

.questionanswers dl {
	margin: 0 0 0 0;
	padding: 2em 0 0 0;
}

.questionanswers dt {
	font-size: 110%;
	margin: 0 0 0 0;
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

.questionanswers dd {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #e1eaf3;
}

/*
=======================================================================
HOME PAGE
*/
#homeDiv
{
	width:100%;
	background-color:#E1EAF3;
}
#homeDivPad
{
	padding:8px 8px 8px 8px;
}
#welcomeTxt
{
	background:url(images/welcometoptile.gif) repeat-x #fff;
	padding-top:30px;
	padding-left:15px;
	padding-right:20px; 
	padding-bottom:30px;
	border-bottom: 8px solid #E1EAF3;
}

.topWelcome
{
	background-color:#009C84;
	width: 100%;
}
.topWelcome img
{
	padding-right:10px;
	padding-top:10px;
}

#homeReg
{
	width:100%;
	background-color:#E1EAF3;
	
}

#homeRegDiv
{
	background-color:#fff;
	padding: 10px;
	text-align: left;
}


/*
=======================================================================
ABOUT PAGE
*/
#aboutDiv
{
	width:100%;
}
#contentL
{
	padding-top:25px;
	width:190px;
	background:url(images/welcometoptile.gif) repeat-x #fff;
	border-right:8px solid #E1EAF3; 
}

#contentL.noline {
	border: none;
	border-width: 0;
	width: 15% !important;
}
#contentL ul
{
	padding:0;
	margin:0;
	list-style-image:none;
	list-style:none;
	width:190px;
}
#contentL li
{
	list-style-image:none;
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #E1EAF3;
}
#contentL li a
{
	font-size:12px;
	font-weight:bold;
	color:#336699;
}
#contentL li a:hover, #contentL li a.active
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
#contentM
{
	padding-left:15px;
	padding-right:15px;
	padding-top:25px;
	padding-bottom:15px;
	background:url(images/welcometoptile.gif) repeat-x #fff;
}

#contentM img.left, #contentM div.left {
	float: left;
	margin: 0 1em 1em 0;
}
#contentM img.leftM, #contentM div.leftM {
	float: left;
	margin: 0 1em 3em 0;
}
#contentM img.leftL, #contentM div.leftL {
	float: left;
	margin: 0 1em 5.5em 0;
}

#contentM img.logo {
	float: right;
	margin: -4px 0 0 0;
}

#contentM img.right, #contentM div.right {
	float: right;
	margin: 0 0 1em 1em;
}

#contentM div.feature {
	border: 1px solid #E1EAF3; 
	padding: 10px 10px 0 10px; 
}


#contentR
{
	padding-top:8px;
	padding-left:8px;
	width:215px;
	background-color:#E1EAF3;
}
#contentRPhotos img
{
	margin-bottom:6px;
}
#contentRPhotos p
{
	color:#336699;
}



/*
=======================================================================
MAP PAGE
*/
#flashMap
{
	border:1px solid #000;
	height:100px;
	margin:0 8px 0 8px;
}

#threeCol
{
	width:100%;
	background-color:#E1EAF3;
}
#threeCol td
{
	background-color:#fff;
	width:32.5%;
}

.blueTxt
{
	color:#2392CE;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	padding-bottom:4px;
}
.stepIcon
{
	float:left;
	width:30px;
	padding-right:10px;
}
.howto
{
	float:left;
	width:82%;
}


/*
=======================================================================
FOOTER
*/
#footer
{
	clear:both;
	margin-top:8px;
	width:100%;
	height:44px;
	background:url(images/footerbgndtile.jpg) repeat-x #384D61;
}
#footerPad
{
	padding:15px 20px 0 20px;
}

#footerL
{
	float:left;
}
#footerR
{
	float:right;
}

#footer p a
{
	padding:0;
	color:#C3D2E1;
	font-size:10px;
}
#footer p
{
	padding:0;
	color:#C3D2E1;
	font-size:10px;
}

/*
========================================================================
TABLE
*/

#contentM table {
	border: none;
	border-width: 0;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

#contentM table td, #contentM table th {
	padding: 0.3em 0.3em 0.3em 0.5em;
}

#contentM table thead th {
	background-color: #009C84;
	color: #ffffff;
}

#contentM table thead td {
	font-weight: bold;
}

#contentM table thead th, #contentM table thead td {
	vertical-align: middle;
}

#contentM table td.center, #contentM table th.center {
	text-align: center;
}

#contentM table tr.alt td, #contentM table tr.alt th {
	background-color: #E1EAF3;
}

#contentM table tr.alt2 td {
	font-size:0.95em;
	font-weight:normal;
	border-bottom:1px solid #E1EAF3;
}

.tollcharge
{
	width:150px;
}
.tolltype
{
	width:100px;
}