@charset "utf-8";
/* CSS Document */

/*  ----------------------------------------------------------------- */
/*  ------------ S T A R T   G E N E R A L   R U L E S -------------- */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg-body-grad-blue.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#d0e1f1;
	margin: 0; /* margin and padding hard-coded to clobber browser defaults */
	padding: 0; 
	color: #000000;
	font-size:76%;
	}
	
	
/* remove dashed link outlines in Firefox*/
:focus {
  -moz-outline-style: none;
}

	
p {
	margin:0;
	padding:0;
}

#container {
	background-image:url(../images/bg-container.gif);
	width:916px;
	margin:0 auto;
}


#main {
	margin:0;
	padding: 0;
	width:916px; /* setting width again as required for clearfix (see below) */
	}

#left {
	width: 661px;
	padding: 0;
	float:left;
	display:inline;
	}

#right {
	float:right;
	display:inline; /* so IE doesn't double the right margin */
	width: 237px; 
	padding: 7px; /* remember padding is added twice when determining the size of the box*/
	background-image:url(../images/bg-right.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size:10px;
	line-height:12px;
	}

#right h4 {
	font-size:10px;
	font-weight:bold;
	color:#FF6600;
	margin:0;
	}

#footer {
	clear:both;
	background-image:url(../images/bg-footer.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:65px;
	margin:0;
	}

#textonlynav{
	text-align:center;
	font-size:10px;
	color:#8DA7C0
	}
	
#textonlynav a {
	color:#5F80A0;
	}
	
#textonlynav a:hover {
	color:#FF6600;
	}

#legalfooter{
	text-align:center;
	font-size:9px;
	margin: 10px 0;
	color:#8DA7C0
	}


/*  ------------ E N D   G E N E R A L   R U L E S ------------------ */
/*  ----------------------------------------------------------------- */

/*  ----------------------------------------------------------------- */
/*  ------------ S T A R T   B A N N E R   R U L E S ---------------- */


#banner {
	background-image:url(../images/bg-banner.gif);
	height:95px
}

#banner h1{
	margin:0;
	padding:0;
	height:84px;
	width:303px;
	background-image:url(../images/logo.gif);
	margin:11px 0 0 9px;
	text-indent:-8000px;
	font-size:2px;
	float:left;
	display:inline;
}


#banner #byline{
	margin:0;
	padding:0;
	height:84px;
	width:135px;
	background-image:url(../images/byline.gif);
	margin:11px 0 0 0;
	text-indent:-8000px;
	float:left;

}

/*  ----------------------------------------------------------------- */
/*  ------------ S T A R T   T O P   M I N I N A V   ---------------- */

#banner #mininav{
	float: right;
	display:inline; /*  prevents IE from doubling rt. margin- */
	padding:0;
	margin:37px 0 0 0;
	list-style: none;
}

#banner #mininav li {
	float: left;
	height: 29px;
	margin:0;
	padding:0;
}

#banner #mininav li a{
	float: left;
	margin:0;
	padding:0;
	text-indent:-8000px;
	height:100%;
	text-decoration: none;
 }
 
/*  ----------------------------------------------------------------- */
#mininav1 a:link, #mininav1 a:visited, #mininav1 a:active {
	background: url(../images/mininav_01.gif) no-repeat left top;
	width:89px;
}
#mininav1 a:hover,
#banner ul.mininav1_mininav1 #mininav1 a { background-position: bottom; }

/*  ----------------------------------------------------------------- */

#mininav2 a:link, #mininav2 a:visited, #mininav2 a:active {
	background: url(../images/mininav_02.gif) no-repeat left top;
	width:69px;
}
#mininav2 a:hover,
#banner ul.mininav1_mininav2 #mininav2 a { background-position: bottom; }

/*  ----------------------------------------------------------------- */
	
#mininav3 a:link, #mininav3 a:visited, #mininav3 a:active {
	background: url(../images/mininav_03.gif) no-repeat left top;
	width:93px;
	}
	
#mininav3 a:hover,
#banner ul.mininav1_mininav3 #mininav3 a { background-position: bottom; }

/*  ------------ E N D  T O P   M I N I N A V  ---------------------- */
/*  ----------------------------------------------------------------- */



/*  ----------------------------------------------------------------- */
/*  ------------ S T A R T   M A I N   N A V B A R  ----------------- */

#nav{
	padding:0;
	list-style: none;
	display:block;
	margin: 0;
}

#nav li {
	float: left;
	height: 29px;
	margin:0;
	padding: 0 0 3px 0;
    background-color:#FFFFFF; /*  with padding, covers the container bg for a 3px white marging before content  */

}

#nav li a{
	float: left;
	margin:0;
	padding:0;
	text-indent:-8000px;
	height:100%;
	text-decoration: none;
 }
 
/*  ----------------------------------------------------------------- */
#nav1 a:link, #nav1 a:visited, #nav1 a:active {
	background: url(../images/nav_01.gif) no-repeat left top;
	width:89px;
}

#nav1 a:hover,
#main ul.n1_nav1 #nav1 a {
	background-position: bottom; 
	width:89px;}
		

/*  ----------------------------------------------------------------- */

#nav2 a:link, #nav2 a:visited, #nav2 a:active {
	background: url(../images/nav_02.gif) no-repeat left top;
	width:153px;
}

#nav2 a:hover{
	background: url(../images/nav_02.gif) no-repeat left bottom;
	width:153px;
} 
#main ul.n1_nav2 #nav2 a { background-position: bottom; }

/*  ----------------------------------------------------------------- */
	
#nav3 a:link, #nav3 a:visited, #nav3 a:active {
	background: url(../images/nav_03.gif) no-repeat left top;
	width:142px;
}

#nav3 a:hover{
	background: url(../images/nav_03.gif) no-repeat left bottom;
	width:142px;
}
#main ul.n1_nav3 #nav3 a { background-position: bottom; }

/*  ----------------------------------------------------------------- */
	
#nav4 a:link, #nav4 a:visited, #nav4 a:active {
	background: url(../images/nav_04.gif) no-repeat left top;
	width:191px;
}

#nav4 a:hover{
	background: url(../images/nav_04.gif) no-repeat left bottom;
	width:191px;
}
#main ul.n1_nav4 #nav4 a { background-position: bottom; }

/*  ----------------------------------------------------------------- */
	
#nav5 a:link, #nav5 a:visited, #nav5 a:active {
	background: url(../images/nav_05.gif) no-repeat left top;
	width:87px;
}

#nav5 a:hover{
	background: url(../images/nav_05.gif) no-repeat left bottom;
	width:87px;
}
#main ul.n1_nav5 #nav5 a { background-position: bottom; }

/*  ----------------------------------------------------------------- */
	
	
#nav6 a:link, #nav6 a:visited, #nav6 a:active {
	background: url(../images/nav_06.gif) no-repeat left top;
	width:251px;
}

#nav6 a:hover{
	background: url(../images/nav_06.gif) no-repeat left bottom;
	width:251px;
}
#main ul.n1_nav6 #nav6 a { background-position: bottom; }

/*  ------------ E N D   M A I N   N A V B A R  --------------------- */
/*  ----------------------------------------------------------------- */


h3 a {text-decoration:none}

/*  ------------ C L E A R F I X  W O R K A R O U N D --------------- */
/*  ----------------------------------------------------------------- */
/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/

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

.clearfix {display: inline-block;}

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