/** Global **/
h2 {
	font:bold 2em/1.4 Arial, Helvetica, sans-serif;
	color:#012549;
}
h3 {
	font:bold 1em/1.6 Arial, Helvetica, sans-serif;
	color:#845697;
}
/* links */
a {
	color:#4C53E0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a:focus, a:hover, a:active {
	color:#00488f;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
	color: #990033;
	font-family: Arial, Helvetica, sans-serif;
}
/** end global **/

/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
body {
    background: #003366;
	font-size:90%;
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#outer {
    margin:0 auto;
	width:840px;
	border:0px solid #fff;
	border-width:0 0px;
	border-top: 4px solid #fff;
    background-color: #c4d5e7;
	font-family: Arial, Helvetica, sans-serif;
}

/* float clearing */
ul#nav:after, #outer:after, #sub:after, form:after, form div:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}

* {
	font-family: Arial, Helvetica, sans-serif;
}

* html #nav, * html #content, * html form, * html form div {
	height:1%;
	font-family: Arial, Helvetica, sans-serif;
}

/** hiding of elements for assistive devices (screen readers etc) **/
ul#access, .off {
	position:absolute;
	left:-1000em;
	top:-1000em;
}
/* <hr />'s added to mark-up for browsers without CSS */
hr {display:none}

/** Title **/
#blueTop1 {
	border:0;
	border-top: 2px solid #012244;
	background-color: #012244;
}

#header {
	background:#EBEBE9 url(images/banner.gif) repeat-x left bottom;
	border:1px solid #BBD6B2;
	font-family: Arial, Helvetica, sans-serif;
	height:142px;
}
#header h1 {
    padding-left:.6em;
    font:bold 3em/2.5 Arial, Helvetica, sans-serif; /* line-height allows for image */
    letter-spacing:1pt;
	color:#845697; 
}

#outer #blueTop1 #header p {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 3px;
	text-align: right;
}

#outer #blueTop1 #header a {
	font-family:: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color:#fff;
}

#outer #blueTop1 #header a:focus, #outer #blueTop1 #header a:hover, #outer #blueTop1 #header a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color:#3300cc;
}

#outer #blueTop1 #header a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
}
/** Navigation **/
ul#nav {
   	list-style:none;
	padding: 0px;
	padding-left: 3px;
	margin: 0px;
	text-align:center;
   	background:#fff;
	background:transparent url(images/mnu-bg.gif) repeat-x left top;
}
#nav li {
    list-style:none;
    float:left;
	display:block;
    text-align:center;
}

#nav a {
    display:block;
	font:bold 1em/1.8 Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	margin:1px;
}
#nav a:focus, #nav a:hover, #nav a:active {
	display:block;
	font:bold 1em/1.8 Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#3300cc;
	margin:1px;
	
	/* margin:0;
	color:#EB8518;
	font:bold 1em/1.8 Arial, Helvetica, sans-serif;
	text-decoration:underline; */
}
/** current menu item **/
ul#nav li#active {
	display:block;
	font:bold 1em/1.8 Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#00488f;
	margin:1px;
}


/** Content Containers **/
#sub {
	background-color: #c4d5e7;
	border-bottom: 5px solid #c4d5e7;
}

#center {
	width:541px;
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
	border-left:5px solid #c4d5e7;
	background-color: #b4c4d5;
	line-height: 1.2em;
}

#left {
	width:294px;
	/* the following 3 declarations are for design purposes only - not required for layout */
	background:#8c98a5 url(images/left-tire.gif) no-repeat bottom left;
	/*	background:transparent url(images/left-tire.gif) no-repeat top right; */
}

#lefttranslucent {
	margin: 0;
	top: 6px;
	left: 6px;
	position: relative;
	width: 196px;
	text-align:left;
	color: #000;
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	padding-top:1em;
	padding-left:3em;
	padding-right:3em;
	padding-bottom:1em;
}

#opaquetext { 
	margin: 0;
	padding: 0;
	color:#000; }

#right {
	width:25%;
	float:right;
}
 
 /** Main Col Contents **/

img.img-right {
	float:right;
}

/** Left Col Contents**/
#left h2 {
	color:#845697;
	font-size:1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
#left p {
	font-size:.9em;
	font-family: Arial, Helvetica, sans-serif;
}
a.serviceBtn {
	display:block;
	clear:right;
	padding:.1em 2%;
	margin:.5em 0;
	text-align:center;
	text-decoration:none;
	color:#845697;
	font:bold 1em/2 Arial, Helvetica, sans-serif;
	background:#F6F4F8 url(img/btn-purple.gif) repeat-x left bottom;
	border:2px outset #845697;
}
a.serviceBtn:focus, a.serviceBtn:hover, a.serviceBtn:active {
	text-decoration:underline;
	border-style:inset;
}

/** Forms **/
form {
	margin:1em 0;
}
legend {
	font:bold 1.1em/1.5 Arial, Helvetica, sans-serif;
	color:#3A4F3B;
}
input.txt {
	width:98%;
	margin:0 auto .5em;
	border:2px solid #A5ACB2;
	background:#fff;
}
input.btn {
	background:#BED2B8;
	padding:.1em;
	width:7em;
	float:right;
	color:#fff;
	font:bold 1em/1.4 Arial, Helvetica, sans-serif;
	cursor:pointer;
}
input:focus, input.focus {
	border-style:inset;
}
label {
	display:block;
	margin-top:.5em;
}
/* search */
#search fieldset {
	border:1px solid #C8DCC2;
	padding:.3em .5em;
}
/* subscribe */
#subscribe {
	background:#F6F4F8;
	border:1px solid #B2A9B9;
	
}
#subscribe div {
	margin:.3em .5em;
}
#subscribe h2 {
	color:#845697;
}

/** Footer **/
#footer {
	clear:both;
	font:.9em/1 Arial, Helvetica, sans-serif;
	border-top:2px solid #012549;
	background-color: #012549;
	border-bottom:2px solid #012549;
}
#footer p {
  	margin:.7em .7em .7em 0;
	/* float:right; */
	text-align:right;
	color:#fff;
	background-color: #012549;
}

#footer ul a {
	color: #fff;
}

#footer p a {
	color: #fff;
}
#footer ul {
	list-style:none;
	margin:.7em .7em .7em 0;
}
#footer li {
	display:inline;
	border-right: 1px solid #C8DCC2;
	padding:.3em;
	color: #fff;
	font-size: .8em;
}

#outer #sub table {
	font-family: Arial, Helvetica, sans-serif;
}
#outer #blueTop1 #header a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


