body{
    height:100%;
    font-size:65%;
    font-family: verdana, Arial, Helvetica, San-Serif;
    color:#000;
}
/*tr, td {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
}*/
/*  
===========================
NavMenu styles start here 
===========================
*/
.TabList {
    font-size:85%;
}
#navHContainer {
    position:relative;
    /*left:400px;
    top:110px;*/
    display:block;
    width:100%;
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
    background-color:Transparent;
}

#nav li {
  position: relative;
  float:left;
  line-height:1.27em;
  width: 7.5em;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:13em;
    background-color:#cad5ea;
	/*border:1px solid #809DF9; removing this removes the flashing*/
	border-bottom:1px solid #809DF9;
	border-right:1px solid #809DF9;
	border-left:1px solid #809DF9;
}
#nav a {
    font-size:0.9em;
	display:block;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    width:8.5em;
    /* bottom padding helps avoid the flash */
    padding:2px 2px 3px 2px;
    color:#fff;
    /*border:1px solid #809DF9;*/
    background-color:transparent;
}
#nav li ul a {
    color:#000;
}
#nav li li a {
    width:12em;
}
/* controls the hover state of the links (appears to be main links & subnav links) */
#nav li a:hover {
  background-color: #8da4d3;
  /*border:1px solid #809DF9;*/
}
/* the above controls the hover state of the links. this controls only for the FF extension error
on the rollover by adding the bkg colour to rollover state. */
#nav li ul a:hover {
    background-color:#8da4d3;
}
#nav ul li.SelectedTab2 a{ 
}
/*#nav li a.SelectedTab {
    font-size:1.12em;
    background-color: #fff;
}*/
#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
/* controls how far below the parent the child is in ie */
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}
/*
================================
top nav menu styles
================================
*/

#topHmenu ul {
    padding:0;
    margin:0;
    list-style:none;
    /* if there is an issue with the whole bar being to far right, check this */
    float:right;
    width:auto;
    height:auto;
}

#topHmenu li {
  position: relative;
  float:left;
  line-height : 1.00em;
  /* controls width of items in the main nav bar*/
  width: auto;
  list-style: none;
}

#topHmenu a {
    font-size:11px;
    font-family: Arial, Sans-Serif;
	display:block;
    text-decoration:none;
    /* controls alignment of link text within */
    text-align:right;
    /*font-weight:bold;*/
    /* controls width of items in the main nav bar*/
    width:auto;
    padding :3px 5px 3px 5px;
    color:#000000;
    background-color:Transparent;
}
/* controls the hover state of the links (appears to be main links & subnav links) */
#topHmenu li a:hover {
  text-decoration:underline;
}
/* the SelectedTab class was being overridden by the default.css file. I changed the the menu declaration
so that it replaced the SelectedTab class with the class "SelectedTab2", to get the selected tab to 
change in appearance */
#nav ul li.SelectedTab2 a{
    color:#ffffff;
}
/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #8da7af;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #4270ab 1px solid; 
	border-top: #4270ab 1px solid; 
	border-left: #4270ab 1px solid; 
	border-bottom: #4270ab 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
    background-image: url(headerbkg.gif);
    background-position:left top;
    background-repeat: repeat-y;
    width: 100%;
}
.picbar {
    border-right: #ffffff 1px solid; 
	border-top: #ffffff 1px solid; 
	border-left: #ffffff 1px solid; 
	border-bottom: #ffffff 1px solid;
	background-image: url(bannerpic.jpg);
	background-repeat: no-repeat;
	height: 104px;
}
.skingradient {
	background-image: url(navbar.gif);
	background-position:left top;
    background-repeat: repeat-x;
	height:24px;
}
.skingradient2 {
	background-image: url(navbar_lower.gif);
	background-position:left top;
    background-repeat: repeat-x;
    color: #ffffff;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
	height:30px;
	padding: 2px 0px 0px 0px;
	/* can't get bottom padding to increase or top to decrease */
}
.footergradient {
	background-image: url(footer2.gif); 
	background-position:left top;
    background-repeat: repeat-x;
	height:20px;
}
.controlpanel {
	width: 100%;
	background-color: #dfe5f2;
}
/*
=========================================
not using the following panes
=========================================*/
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
/*
========================================
styles for the menu
========================================

.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #cad5ea 0px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	border-right: #cad5ea 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
}
.MainMenu_MenuIcon {
	background-color: #cad5ea; 
	border-left: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #8da4d3; 
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuArrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}*/
/* This is the Date, search, etc. any items that are not links.
    These items are told to use this class in the xml */
.SkinItem {
    color: #ffffff;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
    padding: 0px 5px 10px 5px;
    /* didn't do anything padding-bottom: 5px;*/
}
/* This sets the style for all skin items that are links */
A.SkinItem:link {
    color: #ffffff;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
}
A.SkinItem:visited {
    color: #ffffff;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
}
A.SkinItem:active {
    color: #ffffff;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
}
A.SkinItem:hover {
    color: #ff0000;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
}
.SkinItem2 {
    color: #000000;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 9px;
    padding:0px;
    margin:0px;
}
.SkinItem3 {
    color: #ffffff;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 9px;
    padding:0px;
    margin:0px;
}
/*
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}*/
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  110%;
   font-weight: normal;
   color: #333333;
}
.containermaster_2 .Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  110%;
   font-weight: normal;
   color: #da8800;
}
/*=====================
default text style used for the main content text 
(ex. used in text/html module)
=======================*/
.Normal{
    color: #000;
    font-family: Verdana, Arial, Helvetica;
    font-size: 75%;
}
/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, H6 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

H1 {
    font-size: 110%;
    font-weight: bold;
    color:#000;
}

H2 {
    font-size: 100%;
    font-weight: bold;
    color:#000;
}

H3 {
    font-size: 100%;
    font-weight: bold;
    color:#000;
    text-decoration:underline;
}

H4 {
    font-size: 90%;
    font-weight: bold;
    text-decoration:underline;
    color:#000;
}

H5 {
    font-size: 90%;
    font-weight: normal;
    text-decoration:underline;
    color:#000;
}
p {
    margin-top:0;
}