﻿body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#ffffff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}
a {
	color:#003366;
}
a:hover {
	color:#336699;
	background:#ffffff;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}

#container {
   margin: 21px auto 10px;
   width:960px;   /* you can use px, em or % */
	 overflow: hidden;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:0px solid #ffffff;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#ffffff;
	color:#003366;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#ffffff;
	color:#336699;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#336699;
	background:#ffffff;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#ffffff;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#ffffff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#ffffff;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:0px solid #ffffff;
}
#footer p {
	padding:10px;
	margin:0;
}

#footer #terms-policy p{
	line-height: 22px;
}

#logo{
 	float:left;
	clear:none;
	width:33%;
}
#protectingTag{
 	float:left;
	clear:none;
	width:34%;
}
#utility{
	float:right;
	clear:none;
	width:33%;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.subContent{
}
.subLeft{
	float:left;
	clear:none;
	width:33%;
}
.subMiddle{
	float:left;
	clear:none;
	width:34%
}
.subRight{
	float:left;
	clear: none;
	width:33%;
}
.footerNav{
	text-align:center;
}
#trustedChoice{
	float:left;
	width:33%;
}
#socialMedia{
	float:left;
	width:34%;

}
#bookMark{
	float:right;
	width:33%;

}

/**
	Custom MMG Styles
	Created by: Ian Mullinder
	Company: Transit ID LLC.
	Last Modified: 2010.02.27
**/

/**Custom MMG Styles **/

body{
	padding-bottom: 20px;
	*padding: 20px 0;
}

p, #footer p{
	margin: 0;
	padding: 5px;
	color: #454545;
}

#footer p{
	padding: 4px 14px;
}

p strong{
	color: #454545;
}

img{
	margin: 0;
	border: none;
}

.Normal, .NormalDisabled{
	font: normal 11px Verdana;
}

a:link, a:visited{
	outline: none;
	color: #005dab;
	text-decoration: underline;
}

a:hover{
	color: #036;
}

a.button{
  background: transparent url(/Portals/0/Site%20Images/button_bg.jpg) no-repeat 0 0;
  height: 22px;
  width: 131px;
  font: bold 11px Verdana;
  color: #adcbe4;
  float: left;
  padding-top: 3px;
  text-align: center;
	margin-right: 17px;
	text-decoration: none;
}

a:hover.button{
	color: #fff;
}

#protectingTag sup{
	font-size: 9px;
}

#header h2, h2{
  font: normal 14px Verdana;
  color: #005dab;
  padding: 0;
  margin-bottom: 15px;
}

h3{
	font: normal 16px Verdana;
	color: #005dab;
}

h4{
	font: bold 11px Verdana;
	color: #005dab;
}

#header{
	margin-bottom: 21px;
}

#header ul, #header ul li{list-style: disc;}

#logo {
  width: 212px;
}

#logo img{
  margin: 0 0 0 40px;
}

#protectingTag{
  padding-top: 17px;
}

#login{
	padding-top: 3px;
	margin-left: 10px;
}

#login img{
  float: left;
  margin: -3px 7px 0 0;
}

#utility{
	margin-top: 17px;
}

#search{
  clear: both;
  margin: 18px 0 0 10px;
}

#search .NormalTextBox{
  width: 190px;
}

#login{
	font: normal 12px Verdana;
	color: #005dab;
}

#login a:link, #login a:link,
#login a:visited, #login a:visited {
  font: normal 12px Verdana;
  color: #005dab;
	text-decoration: none;
}

#login a:hover, #login a:hover{
	color: #036;
}

a#dnn_dnnSEARCH_cmdSearch{
  float: right;
  text-indent: -9999px;
  background: transparent url(/Portals/0/Site%20Images/search.gif) no-repeat 0 0;
  cursor: pointer;
  height: 22px;
  width: 55px;
	margin: 1px 52px 0 0;
	margin: -2px 50px 0 0\9;
	*margin: -22px 50px 0 0\9;
}

#headerNav{
	margin-top: 21px;
}

#headerNav span.txt{
  font: bold 11px Verdana;
  color: #adcbe4;
  background: transparent url(/Portals/0/Site%20Images/nav_bg.gif) repeat-x 0 0;
  float: left;
  padding: 4px 25px 6px;
	border-right: 1px solid #008ae2;
	width: 100%
	*padding: 4px 24px 6px;
}

#headerNav span:hover.txt {
  color: #fff;
}

#headerNav span.bc span.txt,
#headerNav span.sel span.txt{
	color: #005dab;
	background: #ecedf4;
}

#headerNav table{
	z-index: 100;
	top: 165px !important;
	*top: 167px !important;
	background: #fff;
}

#headerNav table#dnn_dnnNAV_ctldnnNAVsub71{
	width: 198px;
	margin-left: 0;
}

#headerNav table#dnn_dnnNAV_ctldnnNAVsub90{
	width: 215px;
	margin-left: -1px;
}

#headerNav table#dnn_dnnNAV_ctldnnNAVsub76{
	width: 101px;
	margin-left: -1px;
}

#headerNav table#dnn_dnnNAV_ctldnnNAVsub77{
	width: 116px;
	margin-left: 0;
}

#headerNav table#dnn_dnnNAV_ctldnnNAVsub105{
	width: 131px;
	margin-left: 0;
}

#headerNav table#dnn_dnnNAV_ctldnnNAVsub113{
	width: 110px;
	margin-left: 0;
}

#headerNav table span.txt{
	font: normal 11px Verdana;
	color: #005dab;
	background: none;
	padding: 5px;
	border: none;
}

#headerNav table span:hover.txt {
	color: #005dab;
	text-decoration: underline;
}

.colmask.rightmenu{
	padding-bottom: 7px;
  background: transparent url(/Portals/0/Site%20Images/lt_bl_border.gif) no-repeat left bottom;
}

.subContent{
	padding-top: 10px;
	background: #f4f3ed;
	height: 100px;
}

.rightmenu .col1{
	left: 0%;
	padding: 0;
}

.rightmenu .col2{
  left: 16px;
	width: 29%;
  padding-top: 17px;
}

.rightmenu .col2 h3{
  margin-bottom: -1px;
}

.rightmenu .col2 p{
	padding: 0 15px 0 0;
}

.rightmenu .col2 ul{
	margin: 4px 0 0 0;
	list-style-type: disc;
	float: none;
	padding: 0;
}

.colmask.threecol ul{
	width: 200px;
	padding: 0;
	margin: 0;
}

.colmask.threecol ul li,
.rightmenu .col2 ul li{
	display: block;
	background: transparent url(/Portals/0/Site%20Images/bullet.jpg) no-repeat left 4px;
	padding-left: 10px;
	margin: 6px 0;
}

.colmask.threecol ul li a,
.rightmenu .col2 ul li a{
	text-decoration: underline;
	color: #005dab;
	font: normal 11px Verdana;
	line-height: 12px;
	margin: 0 0 2px 0;
	padding: 0;
	float: none;
	text-align:left;
	left: 10px;
}

.colmask.threecol ul li a:visited,
.rightmenu .col2 ul li a:visited {
	color: #454545;
}

.rightmenu .col2 h4{
	margin: 15px 0 5px;
}

.homeImg{
	float: left;
	margin: 5px 10px 0 0;
}

div.subLeft, div.subMiddle, div.subRight{
	border-right: 1px solid #666;
	width: 275px;
	margin: 0 21px 0 0;
	padding: 0 5px 0 0px;
}

div.subLeft{
	margin-left: 50px;
}

div.subRight{
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

div.subLeft p, div.subMiddle p, div.subRight p{
	margin-top: -5px;
}

.footerNav {
	padding-top: 50px;
	font: normal 12px Verdana;
	font-style: italic;
	color: #005dab;
	background: transparent url(/Portals/0/Site%20Images/subcontent_bg.jpg) no-repeat left top;
}

.footerNav span.txt{
	padding: 0 10px;
}

#terms-policy{
	text-align: center;
	font: normal 11px Verdana;
	font-style: italic;
	color: #005dab;
	margin-top: 7px;
}

#terms-policy a{
	text-decoration: none;
}

#trustedChoice img{
	margin-left: 100px;
}

#socialMedia{
	padding-top: 17px;
	text-align: center;
}

#bookMark img{
	float: right;
	margin: 15px 100px 0 0;
}

#socialMedia a{
	text-decoration: none;
}

/** Level 2 Specific **/

ol{
	padding: 0 0 0 20px;
	margin: 0;
}

ol li{
	margin: 13px 0;
}

.threecol .col1{
	left: 100%;
	width: 48%;
}

#mc1{
	overflow: auto;
	background: #edeef4;
	margin-bottom: 20px;
}

#mc1 img{
	float: left;
	margin: -20px 22px 0 0;
	*margin-top: 0;
}

#mc1 h2{
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}

#mc1 p{
	font: normal 12px Verdana;
	padding: 0 auto 10px;
	margin-left: 161px;
}

#mc2 p{
	padding: 5px 0;
	margin: 0;
}

#mc2 ul{
	width: auto !important;
	font: normal 11px Verdana;
	color: #454545;
	margin-left: 20px;
}

#mc2 ul li{
	list-style-type: none;
}

#mc3 h4{
	margin-top: 25px;
}

.threecol .col2{
	left: 27%;
	width: 23%;
}

#secondaryNav{
	padding: 47px 0 30px;
	background: #e0dcba url(/Portals/0/Site%20Images/left_nav_top.gif) repeat-x 0 0;
	overflow: auto;
}

#dnn_Secondary_ctlSecondary div{
	background: #e0dcba url(/Portals/0/Site%20Images/left_nav_top.gif) repeat-x 0 bottom;
	color: #005dab;
	font: normal 12px Arial;
	height: 18px;
	float: left;
	padding: 5px 0;
	width: 100%;
}

#dnn_Secondary_ctlSecondary:focus {
	outline: none;
}

#secondaryNav span{
	background: none;
}

#relatedContent{
	padding: 15px 5px 15px 30px;
	background: #ecedf4;
	clear: both;
}

#relatedContent img{
	float: left;
	margin: 8px 10px 0 0;
}

#relatedContent p{
	margin: 0 0 0 55px;
}

.threecol .col3{
	left: 764px;
	width: 22%;
}

.threecol .col3 h2{
	width: 197px;
	margin-top: 0px;
}

#sb2Content1, #sb2Content2, #sb2Content3, #sb2Content4{
	padding: 18px 0 11px;
	overflow: auto;
	border-bottom: 1px solid #005dab;
}

#sb2Content3, #sb2Content4{
	padding: 10px 0 0;
	border-bottom: none;
}

#sb2Content3 h2, #sb2Content4 h2{
	margin-bottom: 0px;
}


/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu
{
	cursor:pointer;
	font-size: 11px;
	background-color:transparent;
	width:970px;
}

/* Main Menu Normal */
.mainMenu .root
{
	color: #375162;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	padding:0;
	text-transform:uppercase;
	white-space:nowrap;
	margin:0;
	float:left;
}

/* Main menu hover */
.mainMenu .hov{
	color:#fff;
	background:url(../images/menu_hover.gif) repeat-x top left;
}

/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {
color:#FFF;
}

.mainMenu table{
	border:1px solid #C0D6E5;
	}

/* SUB Menu Normal */
.mainMenu tr.mi{
	background-color:#F8FAFF;
	z-index: 1000;
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	color:#375162;
	line-height:2em;
	text-transform:none;
}
.mainMenu tr.mi td{
padding: 0 2px;
text-transform:none;
}

/* SUB Menu hover & selected */
.mainMenu tr.hov {
}

.mainMenu tr.hov td{
color:#fff;
}

.mainMenu tr.sel, .mainMenu tr.bc{
}

.mainMenu tr.sel td, .mainMenu tr.bc td{
	color:#fff;
}

.main_dnnmenu_break{
	height: 2px;
	background-color: #D5E0FF;
}



/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
}

.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
}

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF;
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #CE0D0D url(../images/submenu_hover.gif) repeat-x top left;
	color: #fff;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}




