@charset "utf-8";
/* CSS Document - layout.css */

/* RESET GLOBAL STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*{
	margin:0;
	padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%;
	background:transparent;}
body{line-height:normal;}
ol, ul{
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border:none;}

/* APPLY GLOBAL STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
HTML{
	background:#fff;}
BODY{
	background:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
	text-transform:none;
    word-spacing:normal;}
:focus {
	outline:1px solid #444444;}
.clearBoth {
	clear:both;
	height:0;
	visibility:hidden;}
/*-- <a> --*/
a,
a:visited,
a:active,
a:focus{
	color:#475578;
	text-decoration:none;}
a:hover{
	color:#4964ae;
	text-decoration:underline;}



/*~~~~~MIN - WIDTH:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
the following 4 styles make sure that the page will respect the 
min-width property in all browsers and all browser versions.*/
.minWidth01{
	display:block; width:100%; min-width:770px; margin:0; padding:0;}
* html .minWidth02{
	position:relative; float:left; border-left:770px solid #fff; padding:0; margin:0px}
* html .minWidth03{
	position:relative; float:left; margin-left:-770px; padding:0;}
.minWidth03{
	display:block; padding:0; margin:0;} 

/*~~~~~~ LAYOUT: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page_wrap{
	display:block;}
.page_width{
	display:block;}	
.accessibility{
	display:none;}
.header{
	display:block;
	background:white;
	height:144px;}
.content_wrap{
	display:block;
	padding:0;
	margin:0;}
.content{
	display:block;
	padding:0;
	margin:0;}
.footer {
	padding:0;
	margin:0;}
	
/*~~~~~~ header: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header_WRAP {
	display:block; 
	width:100%; 
	height:144px;
	background:url(images/headerBGR.jpg) top right repeat-x;}			
.logo {
	float:left;  
	margin:0; 
	padding:0;}
.poweredbyLogo {
	float:right;  
	margin:0; 
	padding:0;}
/*~~~~~~ mainNavigation: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~ content: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.content p.customText{
	display:block;
	padding-right:190px;
	padding:10px;
	padding-right:250px;
	font-size:9pt;}	
.content p.customText strong{
	color:#475578;
	text-transform:uppercase;}
.content .loginMenu_wrap{
	display:block;
	float:left;
	width:200px;
	margin:10px;
	padding:0 0 0 10px;}
.content .loginMenu_wrap h2{
	display:block;
	color:#ffffff;
	border:1px solid #475578;;
	padding:5px 0 5px 8px;
	background:#4964ae;
	text-transform:uppercase;
	font-size:8pt;}
.content .loginMenu_wrap h2 img{
	margin:2px 0;}
.content .loginMenu_wrap ul.loginMenu{
	display:block;
	margin-bottom:15px;
	background:#eeeeee;
	border:1px solid #475578;}
.content .loginMenu_wrap ul.loginMenu li{
	display:block;
	padding:4px 0px 4px 15px;
	background:url(images/bullets/bullet.gif) top left no-repeat;
	background-position:0 6px;
	border-top:1px solid #475578;
	font-size:9pt;}
.content .loginMenu_wrap ul.loginMenu li img{
	margin:0 6px;}
/*~~~~~~ customLinks: ~~~~*/	
.content table.customLinks{
	clear:both;
	width:100%;
	background:#eeeeee;}
.content table.customLinks tr th{
	text-align:left;
	background:#4964ae;
	color:#ffffff;
	padding:5px 0;
	text-indent:30px;
	text-transform:uppercase;
	border:1px solid #475578;}	
.content table.customLinks tr th img{
	margin:0 3px;}
.content table.customLinks tr th.col01,
.content table.customLinks tr th.col02,
.content table.customLinks tr th.col03,
.content table.customLinks tr td.col01,
.content table.customLinks tr td.col02,
.content table.customLinks tr td.col03{
	width:33%;
	text-align:left;
	border:1px solid #475578;
	vertical-align:top;}	
table.customLinks tr td ul li a:link,
table.customLinks tr td ul li a:active,
table.customLinks tr td ul li a:visited{
	display:block;
	padding:2px 0;
	text-indent:30px;
	vertical-align:top;
	text-align:left;}
table.customLinks tr td ul li a:hover{
	color:#4964ae;}

/*~~~~~~ footer: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer	{
	display:block; 
	text-align:center;  
	font-size:8pt;
	margin:10px 0 0 0;
	padding:0;
	background:#475578;
	border-top:1px solid gray;
	color:#ffffff;
	width:100%;}
.footerRow01 {
	display:block; 
	padding:9px 0 3px 0; 
	margin:0;}
.footerRow02 {
	display:block; 
	padding:3px 0 9px 0; 
	margin:0;}

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