/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
	
}
.skinmaster {
	background-color: white;
	/*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;
	/*make sure that the styles below are in following order, otherwise you break the appearance in ie7 or mozilla*/ 
	width: expression(document.body.clientWidth > 1000 ? "1000px" : "100%");
	max-width:1000px;
	_width:1000px;
	width:100%;
	
}
.skinheader 
{
	
}
.skingradient {
	background-image: url(firemate_hdr.gif); 
	height:100px;
	background-repeat:no-repeat;
	background-color:#515254;
	border-bottom:solid 1px #F8981D;
	border-left:solid 1px #F8981D;
	border-right:solid 1px #F8981D;
}
.footer, a.footer, a.footer:visited
{
	background-color:white;
	color:Gray;
	font-family: Tahoma, Arial, Helvetica;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 225px;
	background-image:url(back_side_menu.gif);
	background-repeat:repeat-x;
	padding-left: 1px;
	padding-right: 0px;
	padding-top: 6px;
	background-color:white;
	border-left:solid 1px #F8981D;
	


	
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;

}
.rightpane {
	width: 200px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	border-right:solid 1px #F8981D;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 0px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #6C82B9; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 3px 12px 3px 5px;   /*explicitly set padding for root menu items*/
  
}

.main_dnnmenu_itemhover {  
	background-color: transparent; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	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; 
}
.main_dnnmenu_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;
}
.TreeViewMenu {
	width: 240px;
	background-color: transparent;
	border:0;
	font-family:Verdana, sans-serif; 
    font-size: 12px;
    font-weight: bold;
   color: #6C82B9; 
/*	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-color:white;
}

div.DNNTree
{
	min-height:300px;
	_height:300px;
}

.DNNTree div
{
	padding-bottom:5px;
}



	
.TreeViewBodyChild 
{

	color:#808285;
	font-size:11px;
	line-height: 11px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
}

.TreeViewBody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#231F20;
	text-decoration:none;
	line-height:20px;
	 text-transform:uppercase;
}

	
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

.NodeSelectedRoot
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px;
    font-weight: bold;
    color: #231F20;      /* blue */
}

.NodeSelectedSub
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px;
    font-weight: 700;
    color: #808285;      /* black */
}

span.NodeSelected
{
    font-family:Verdana, sans-serif; 
    font-size: 12px;
    font-weight: bold;
   color: #231F20;      /* blue */
}

.DNNTree div img
{
	visibility:hidden;
}



SPAN.DNNAlignleft
{
z-index:999;
 width:100%;
 text-align:left;
 
}

SPAN.DNNAlignleft div
{
z-index:999;
 width:100%;
 text-align:left;
 
}

SPAN.DNNAlignleft table td
{
	text-align:left;
}
.LoginPanel
{
	width:100%;
	background-image:url(back_login.gif);
    padding:5px;
}
.SubHead
{
	padding:0px;

}

.LoginTab
{
	
}

#topMenu
{
	width:420px;
}

/*  TOP NAV */
ul.menu_top {

	margin: 0;
	border: 0 none;
	padding:0;
/*  width: 1000px; For KHTML*/
	/*width: 100%;*/
	list-style: none;
	height: 27px;
	/*float: left;*/
	/*background-color: Aqua;*/
	z-index: 3;	
	position: relative;	
	text-align:center;
}

ul.menu_top li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  /*height: 27px;*/
  z-index: 5;
 }


ul.menu_top ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 27px;
  left: 5px;
  width:185px;
  z-index: 8;
  height:auto;
}

ul.menu_top ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.menu_top a {
	padding: 0 8px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	/*background-image: url(../images/stnd_nav_bkgrd.gif);
	background-position: left;
	background-repeat: repeat-x;
  	background-color: #0177BF;*/
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0055a4;
	/*text-transform: uppercase;*/
	margin: 0;
}


/* Root Menu Hover Persistence */
ul.menu_top a:hover,
ul.menu_top li:hover a,
ul.menu_top li.iehover a {
	background:none;
	border-left-style:none;/* 1px solid #507fae;*/
	border-right-style:none;/* 1px solid #4e6379;*/
	background-image:none;/* url(../images/stnd_nav_bkgrd_over.gif);*/
	background-position: left;
	background-repeat: repeat-x;	
	text-decoration: none;
	color: black;
}
/*
############################################
############################################
*/


/* 2nd Menu */
ul.menu_top li:hover li a,
ul.menu_top li.iehover li a {

	float: none;  
	background-color:#DADDF0;
	background-image: none;
	text-decoration: none;
	color:Gray;
	text-align: left;
	font-weight: 700;
	border: none;
	border-top: 1px solid #8e97a0;
	border-bottom-style:none; /*1px solid #28313a;*/
	width: auto;
	padding:4px 8px;
	height:15px;
	line-height:18px;
	text-transform: none;
    font-size:11px;
	font-family: Arial, Helvetica, sans-serif;	
	z-index:333;
	text-transform:uppercase;
		
}

/* 2nd Menu Hover Persistence */
ul.menu_top li:hover li a:hover,
ul.menu_top li:hover li:hover a,
ul.menu_top li.iehover li a:hover,
ul.menu_top li.iehover li.iehover a {
	color: black;
	background-color: #DADDF0;
	background-image: none;
	border-right: none;
	border-left: none;
	font-weight: 700;
}

/* 3rd Menu */
ul.menu_top li:hover li:hover li a,
ul.menu_top li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
  border-bottom: 1px solid white;
  border-top: 1px solid silver;    
}

/* 3rd Menu Hover Persistence */
ul.menu_top li:hover li:hover li a:hover,
ul.menu_top li:hover li:hover li:hover a,
ul.menu_top li.iehover li.iehover li a:hover,
ul.menu_top li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul.menu_top li:hover li:hover li:hover li a,
ul.menu_top li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul.menu_top li:hover li:hover li:hover li a:hover,
ul.menu_top li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul.menu_top ul ul,
ul.menu_top ul ul ul {
  display: none;
  position: absolute;
  top: 2px;
  left: 148px;
}
html>body ul.menu_top ul ul, ul.menu_top ul ul ul {
  left: 166px;
}
ul.menu_top ul ul, ul.menu_top ul ul ul {
	voice-family:"\"}\"";
	voice-family:inherit;
	color:green;
	left: 166px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_top li:hover ul ul,
ul.menu_top li:hover ul ul ul,
ul.menu_top li.iehover ul ul,
ul.menu_top li.iehover ul ul ul {
  display: none;
}

ul.menu_top li:hover ul,
ul.menu_top ul li:hover ul,
ul.menu_top ul ul li:hover ul,
ul.menu_top li.iehover ul,
ul.menu_top ul li.iehover ul,
ul.menu_top ul ul li.iehover ul {
  display: block;
}

.Normal /* try not to add any styles, this class is used in all over the place*/
{
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:10px;*/
}

table.tbNews tr td
{
	border-bottom-style:dotted;
	border-bottom-color:Gray;
	border-bottom-width:1px;
	height:25px;
	vertical-align:top;
	padding-bottom:10px;
	padding-top:10px;
}
div.publications_top
{
	background-image:url(/Portals/0/Background Images/half_mid_no_tab_top_400x14.gif);
	background-repeat:no-repeat;
	width:400px;
	height:14px;
}

div.publications_middle
{
	background-image:url(/Portals/0/Background Images/half_mid_no_tab_body_400x14.gif);
	background-repeat:repeat-y;
	width:400px;
	height:100%;
	padding-left:15px;

}

div.publications_bottom
{
	background-image:url(/Portals/0/Background Images/half_mid_no_tab_bottom_400x14.gif);
	background-repeat:no-repeat;
	width:400px;
	height:14px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0 2px 10px;
 border-bottom: none;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 border:none;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.lblStandard
{
	width:200px;
	color: #000000; 
	font-size: 9pt; 
	font-weight:bold ; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
	text-align:left;
		
}

.txtStandard
{
	width:200px;
	color: #000000; 
	font-size: 9pt; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica;
}

.form_field
{
	width: 200px;
	background:#E3E8F2;
	border: 1px solid #000;	
	height: 18px;
	font-family: verdana, helvetica, san-serif;
	font-size: 10px;
	maxlength: 100;
}
.lblMessage
{
	color: black; 
	font-size: 10pt; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
}

ul.menu_top ul.CSStoShow 
{
  display: block; 
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 15px;
  left: 5px;
  z-index: 8;
  width:165px;	
  background-color:#DADDF0;	
  
}



ul.menu_top li li.CssToHighlight 
{

	float: none;  
	background-color:#DADDF0;
	background-image: none;
	text-decoration: none;
	color: #808285;
	text-align: left;
	font-weight: 700;
	border: none;
	border-top: 1px solid #8e97a0;
	border-bottom-style:none; /*1px solid #28313a;*/
	width: auto;
	padding:4px 8px;
	height:15px;
	line-height:18px;
	text-transform: none;
    font-size:11px;
	font-family: Arial, Helvetica, sans-serif;	
	z-index:333;
	text-transform:uppercase;
		
}

a.search
{
	text-transform:uppercase;
	color:#F8981D;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: 700;
}
a.search:hover
{
	text-transform:uppercase;
	color:#F8981D;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: 700;
}

a.SiteMap
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	color:Black;
	font-size:12px;
}

.validation
{
	width:100px;
	color: #000000; 
	font-size: 9pt; 
	font-weight:bold ; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
	text-align:left;
		
}