/***********************************************************************************************
	Copyright (c) 2008 - Scott Fleming 
	http://afourthdimension.com 
	***********************************************************************************************/
a {
text-decoration: underline;
color: Black;
}
a:hover{
	color:#FF6600;
}

a.hd_orange { /* use on dark backgrounds where black is not a good look */
 	color:#FF6600;
	text-decoration: none;
}	

UL li {
padding: .20em 0em .20em 0em;
}

.eagle{
  margin-left: 0;
  padding-left: 0em;
  list-style: none;
}
.eagle li{
	background-image: url("/images/eagle_20.gif");
	background-repeat:no-repeat;
	background-position: top left;
	padding: 0em 0em 1em 2em;
}
	
.ofc2{
	list-style: none;
	margin-left:0em;
}
.ofc2 li{
	background-image: url("/images/mnu_rArrow.gif");
	background-repeat: no-repeat;
	background-position: top .5em;
	padding: 0em 0em .25em 2em;
}
	
	
div.links {
	padding: .20em 0em .20em 0em;
}

img{
text-align: absmiddle;
padding: 1em;
}

img.img_fl {
  width:300px;
  float: left;
  margin: 0em .75em 0em 0em;
  border-color: #000000;
  border-width: 2px;
  border-style: outset;
}

img.fr_100 {
	width:100px;
	float:right;
	margin: .5em .5em .5em .5em;
}
img.fl_100 {
  width:100px;
  float:left;
  margin: 0.5em 0.5em 0.5em 0.5em;  
}
img.fl_200{
  width:200px;
  float:left;
  margin: 0em 1em 0em 0em;
}
img.fr_200{
  width:200px;
  float:right;
  margin: 0em 2em 0em 0em;
}
img.fl_300 {
	width:300px;
	float:left;
	margin: 0em 0.5em 0em 0em;
}	
img.fr_300 {
	width:300px;
	float:right;
	margin: 0em 2em 0em 0em;
}	

img.fl_join {
	float:left;
	margin: 0em 2em 0em 0em;	
	border-color: #ff9900;
	border-size: 1px;
	border-style: solid;
}


img.icn_fr {
	float:right;
	vertical-align:absmiddle;
}
img.icn_fl {
	float:left;
	vertical-align:absmiddle;
}

.icn_wx {
	float: left;
	margin: 0em .5em 0em 0em;
}
img.radar {
	margin: 1em 0em 0em 0em;
	border-color: #ff9900;
	border-size: 1px;
	border-style: solid;
}
	
body{
font-family: tahoma, verdana, arial;	/* Fonts of main menu items */
font-size: 12px;	
margin-top:2px;
margin-left:1em;
background-color: #333333; /* Official HD Charcoal */
/* color:#e0e0e0; */
}
body.events{
	background-color:#dfdfdf;
	color:black;
}

/* ------------- Events Tables ---------------- */
table.event-list {
	border-width: 1px;
	border-style: solid;
	border-color: #CF9A27;
}
table.event-list td{
	padding: .25em 0em 0em .5em;
}

.base_tbl {
	background-color:#818181;
}

TD {font-size: 12px;}

.rpanel_hdr {
 /* The orange background, black text color header bar */
 	color:black;
	background-color: #ff8000;
	padding: .25em .25em .25em .25em;
	border-style: outset;
	border-width: 1px;
	border-color: white;
	font-weight: bold;
	text-align:center;
}

h2 {
 padding-top:1em;
 font-size: 2em;
 color: Yellow;
 }
/* MOTD editor stuff */
h3.motd{color:white;}
div.motd{color:white;}
textarea.motd{font-family:courier;font-size:12px}

 /* The Main Header Table that holds the banner and MOTD on top */
 
table.main_tbl_holder {
	width: 1024;
	border-width: 2px;
	border-spacing:0px;
	border-style: solid;
	border-color: #FF6600; /* official HD Orange */
	/* background-color: #47484A; /* official HD drk grey */ 
	background-color: #A39F9A;
	
	color: white;
}

/* The center panel of the header table holds the main banner */		
td.main_content {
	
	width:50%;
	padding: 0em 0em 0em 0em;
	background-image: url("/images/repeatingmembers.jpg");
	background-repeat: no-repeat;
	background-position: middle center;
	height: 9em;
}

/* 
The left panel of the header table, hd logo holder 
Consider using GDM for image manipulation and better 
font usage over the image with php.
*/

td.logocell{
 width:25%;
 vertical-align:center;
 background-color: #47484A;
 background-image: url("/images/hogpatch.gif");
 background-repeat: no-repeat;
 background-position: center center;
 height:150px;
 }

td.right_content_holder {

/* right cell of header, MOTD or important news updates */

width:25%;
text-align: left;
vertical-align:top;
padding: 1em 1em 1em 1em;
font-size: 12px;
}

/* The menu on the left side of the screen */
table.menu_tbl {
	width:180px;
	border-width: 1px;
	border-spacing:0px;
	border-style: solid;
	border-color: #FF9900;
	background-color: #47484A;
	background-color: #A39F9A;
	margin-right:.2em;

}

table.menu_tbl td {
    vertical-align:top;
	border-width:1px;
	border-style:solid;
	border-color:#282828;
	background-color:#e8e8e8;

	padding: .5em .5em .5em .5em;
}
div.menu_fill{
	height: 400px;
}

table.main_content {
 
 /* Container that holds the main content of the page (center panel) */
 
	width:65%;
	border-width:2px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FF9900;
	/* background-color: #DADADA; */
	background-color: white;
	margin-right: .25em;
	height:800px;
	}	

table.main_content td {
	 vertical-align: top;
	 padding: 0.5em 1em 0.5em 2em;
}

/* special treatment for the folio application */

table.black_content {
	border-width:1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FF9900;
	background-color: black;
	margin-right: .5em;
}

table.black_content td{
	background-color: #DADADA;
	background-color: black;
	color: Silver;
	font-size: 11px;
}

/* end special treatment */

table.right_content {
  width: 170px;
  border-width:1px;
  border-style: solid;
	border-color: #FF9900;
	background-color: #DADADA;
	background-color: #A39F9A;
	margin-right: 2em;
}
table.right_content td{
  /* 
    Motd information box and/or dynamic text box on right
    size panel off the main display panel. 400 height. 
    Smaller font size to allow for more text in the box.
  */
  
  vertical-align: top;
  font-size: 11px;
  text-align: left;
  height: 400px;
  padding: .15em .15em 0em .15em;

}

table.officer_pop{
	width:95%;
	border-width:2px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FF9900;
	background-color: #DADADA;
	margin-right: .25em;
}


/* header box for the right column */
.motd_r_header {
	background-color: #ABBEBD;
	width:100%;
	padding: 4px 0 4px  0;
	border-style: outset;
	border-width: 2px;
	border-color: white;
	font-weight: bold;
	text-align:center;
	margin-bottom: .5em;
	margin-right: .5em;
}

.smhdr{
 color: #ccff00;
 font-weight: strong;
 text-align:center;
 font-size: 12px;
 }

 .sub_r_header {
  /* Orange bg bold black text */
  background-color: #ff9900;
  padding: 0.5em 1em .5em 0.5em;
  border-style: solid;
  border-width: 0em 0em .15em 0em;
  border-color: #3d3d3d;
  margin-bottom:0.5em;
  color: black;
  font-weight: bold;
  }

table.motd_r_tabl {
 width: 165px;
 border-size: .5em;
 border-color: #ff9900;
 background-color:#A39F9A;
 }
table.motd_r_tabl td{
 background-color:White;
 padding: .5em .25em .5em .25em;
 font-size: 11px;
 }

 /*-------------------- Login Table controlling CSS ------------------------ */
 
table.login, table.login td {
	border-width:0em;
	padding: 0em 0em 0em 0em;
	border-style: none;
	font-size:10px;
}

.login input {
	color: #781351;
	color: black;
	background: #fee3ad;
	border: 1px solid #781351;
	font-size:10px;
}
	
.submit{
	background: #ffa20f;
	border: 1px outset #727272;
	font-size: 10px;
}

.tinytext{
font-size:10px;
font-family:arial;
}  

select.flatline  {
	font-family : tahoma;
	font-size : 11px;
}

textarea.flatline  {
	font-size : 12px;
	font-family : tahoma,geneva;
	border-width : 1px;
	border-style : solid;
	border-color : #808080;
}

input.flatline  {
	font-size : 12px;
	font-family : tahoma,geneva;
	border-width : 1px;
	border-style : solid;
	border-color : #808080;
}

/* Calendar CSS */

.blackBacking   {background-color: #000000;}
.names 	    	{background-color: #4C5D87; font-size: 13px; color: #FFFFFF; text-decoration: none; text-align:  center; font-family: Verdana; font-weight: bold;}
.calendarBody   {background-color: #F0F0F0; font-size: 12px; color: #000000; text-decoration: none; text-align:  center; font-family: Verdana;}
.calCurrentDay  {background-color: #C0C0C0; font-size: 11px; color: #FFFFFF;}
.calOtherDay    {background-color: #F0F0F0; font-size: 11px; color: #000000;}
.calNotDay	    {background-color: #F0F0F0; font-size: 11px; color: #000000;}
.calFormMenu    {background-color: #4C5D87; font-size: 13px; color: #FFFFFF; text-decoration: none; text-align:  center; font-family: Verdana; font-weight: bold;}  


table.logoback{
	background-image: url("http://nfhog.net/images/NFHOGLogo-800.jpg");
	background-repeat:no-repeat;
	background-position: center center;
}

/* NFWeather Styles */

.motd{
width:100%;
padding: 2px;
border: 0em inset silver;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.NFWeatherClass a{
text-decoration: none;
}

.rsstitle { /*shared class for all title elements in an RSS feed*/
	color: White;
}


.rssdate { /*shared class for all date elements in an RSS feed*/
color: Yellow;
font-size: 95%;
line-height: 1.5em;
}

/* NFHOGticker.js styles */

.NFHOGtitle {
	color: black;
	font-weight:bold;
	font-size:12px;
	margin-bottom:.75em;
	background-color: #ff8000;
	padding: 4px;
	border-bottom: 2px solid #616161;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.tickerurl {text-decoration: none;}
a .tickerurl:hover {text-decoration: none;}

.NFHOGDate {
	font-size: 95%;
	line-height: 1.5em;
}


.rssdescription{ /*shared class for all description elements in an RSS feed*/
text-align: left;
font-size: 11px;
color:black;
}

.NFHOGDescription {
 text-align: left;
 color: #282828;
}