/*************** utility ******************

dark blue: #355f83
dark grey-blue: #708b9e
light grey-blue: #98abb9


*******************************************/

/*************** utility ******************/
div.row {
	clear:both;
}
div.spacer {
	clear:both;
}

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

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


/*************** page **********************/
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 12px;
}

img {
	border-size: 0px;
	border-style: none;
}

.container {
	text-align:left;
	width: 684px;
	margin-left:auto;
	margin-right:auto;
}

/*************** header *******************/

div.logo {
	float: left;
	text-align:left;
	width: 45%;
}
div.secNav, secNav ul {
	list-style:none;
}
div.secNav {
	float: right;
	text-align:right;
	width: 35%
}
div.secNav UL {
	padding:0px;
	margin:0px;
	list-style-type: none;	
}
div.secNav li {
	float: left;
}
div.secNav a {
	display: block;
	padding: 3px;
	color: #708b9e;
	font-size: 12px;
	text-decoration: none;
}
div.secNav a:hover {
	color: #000000;
}

/**************** menu **********************/
div.header {
	width: 634px;
	padding-left: 50px;
	background-image: url(/images/template/header_bg.gif);
	background-repeat: no-repeat;
	height: 1%;
}
.menulist{
	margin: 0px;
	padding: 0px;
}
.menulist p {
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.menulist a {
 padding: 3px 15px 3px 3px;
 color: #FFFFFF;
 text-decoration:  none;
}
.menulist a:hover, .menulist a:focus {
  background-color: #D5D5D5;
  color: #355f83;
}

/**************** body **********************/

.two-col {
	width:684px;
	height:1%;
	position:relative;
	background: url(/images/template/content_2col_bg.gif) repeat;
}
.one-col {
	width:684px;
	background: url(/images/template/content_1col_bg.gif) repeat-y;
	height:1%;
	position:relative;
}
div.leftColumn {
	width: 473px;
	float: left;
}	
div.rightColumn {
	width: 211px;
	float: left;
}

h1.pageTitle {
	padding: 20px 10px 20px 50px;
	color: #ffffff;
	margin: 0px;
	font-weight: normal;
	font-size:24px;
}
.one-col h1.pageTitle {
	background: url(/images/template/page_title_1col.gif);
}
.two-col h1.pageTitle {
	background: url(/images/template/page_title_bg.gif);
}

div.mainContent {
	color:#666666;
}

div.one-col div.mainContent {
	width: 684px;
}
div.two-col div.mainContent {
	width: 473px;
}

div.mainContent a {
	color:#666666;
	font-weight:bold;
}
div.mainContent .description {
	padding-bottom: 20px;
}
div.mainContent .description p,
div.mainContent .description ol,
div.mainContent .description ul,
div.mainContent .description h3, 
div.mainContent .description h4 {
	margin-left: 50px;
	margin-right: 10px;
	margin-top: 10px;
}
div.mainContent .description ol,
div.mainContent .description ul {
	padding-left: 20px;
}
	
div.mainContent .description ol ol,
div.mainContent .description ul ul{
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

div.mainContent h2 {
	background: url(/images/template/section_title_bg.gif) repeat-y  ;
	margin: 0px;
	font-size: 14px;
	text-transform: uppercase;
	color: #0e476f;
	padding: 3px 20px 3px 50px;
}
div.mainContent div.alt h2 {
	background: url(/images/template/section_title_bg_alt.gif) repeat-y right;
	text-align: right;
	padding-right: 30px;
}
div.one-col div.mainContent h2 {
	background: url(/images/template/section_title_bg_long.gif) repeat-y ;
}
div.one-col div.mainContent h2.alt,
div.one-col div.mainContent div.alt h2 {
	background: url(/images/template/section_title_bg_long_alt.gif) repeat-y  right;
	text-align:right;
	padding-right: 50px;
}
div.one-col div.mainContent div.alt{
	float: right;
}

div.mainContent .description hr {
	width: 413px;
}

/*************** sectioned article pages *******************/
div.mainContent div.sectionList {
	float: right;
	width: 180px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background-color:#CDDEE2;
}
div.two-col div.mainContent div.sectionList {
	width: 150px;
}
div.mainContent div.sectionList,
div.mainContent div.sectionList a {
	color:#0e476f;
}
div.mainContent div.sectionList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.mainContent div.sectionList ul li {
	margin-bottom: 5px;
}
div.mainContent div.sectionList p {
	margin:0px;
}


/*************** right column *******************/

div.rightColumn p,
div.rightColumn h2,
div.rightColumn h3,
div.rightColumn ul {
	font-size: 12px;
	margin-left: 20px;
	margin-right: 10px;
	color:#ffffff;
}
div.rightColumn p {
	overflow: visible;
	margin-top: 0px;
	margin-bottom: 1em;
}
div.rightColumn h2,
div.rightColumn h3 {
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
div.rightColumn h2 {
	color:#355f83;
}
div.rightColumn a {
	color:#ffffff;
}
div.rightColumn ul {
	padding-left: 20px;
}
div.rightColumn li {
	margin-bottom: 5px;
}
div.rightColumn div.secondaryContent,
div.rightColumn div.primaryContent {
	margin: 0px;
}
div.rightColumn div.primaryContent {
	background: #708b9e url(../images/template/rt_col_bg.gif);
	padding-top: 20px;
	padding-bottom: 10px;
}
div.rightColumn div.secondaryContent {
	background: #98abb9;
	padding-top:10px;
	padding-bottom:20px;
}

/*************** footer *******************/

.footer {
	padding-top: 20px;
	text-align: right;
}
.footer a {
	margin-left: 20px;
}