/* Global Styles */

body {
	margin:0px;
	}

td {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

blockquote { border : 2px solid #64748B; 
		width:425px; margin: 0px; padding: 10px; float:none;
		font:9px Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#F3F3F3;
}

a {
	color: #FF6600;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #FF6500;
	}
	
/* ID Styles */
#log
{
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	margin:10px;
	color:#26354A;
	letter-spacing:.1em;
	}

#TopBlock { border : 1px solid #64748B; 
		width:410px; padding: 2px; float:none;
		font:9px Arial, Helvetica, sans-serif;
		line-height:9px;
		color:#666666;
		background-color:#F3F3F3;
		}

#dmat{
	background:url(images/DMAT_icon.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
	width:197px; padding:0 0 10px 50px; float:left;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
	
	
#box { border : 1px solid #990000; 
		width:180px; 
		padding: 5px 15px 0px;
		margin:5px 5px 5px 5px;
		font:13px Arial, Helvetica, sans-serif;
		line-height:15px;
		color:#666666;
		background-color:#F3F3F3;
		}

#boxall { border : 1px solid #000000; 
		width:245px; 
		padding: 5px 45px 0px;
		margin:5px 5px 5px 5px;
		font:13px Arial, Helvetica, sans-serif;
		line-height:15px;
		color:#666666;
		background-color:#F3F3F3;
		}
#box b
{		
		padding: 5px 0px 5px;
		margin: 0px;
		font-weight:bold;
		font:13px Arial, Helvetica, sans-serif;
		color:#990000;
}

#members a:hover 
{
	color:#ffffff;
	}

#members a
{
	color:#cccccc;
	}


#navigation a {
	font:12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:normal;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	margin:10px 10px;

	}
	

#navigation a:hover {
	color:#ffffff;
	background: #990000;
	}

#navRed a 
{
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
}

#navRed a:hover {color:#ffffff;	background: #FF6600; }
	
	
#padding {
	padding:14px;
	}
	
/* Calendar Styles */

#calendar td {
	border: 1px solid #26354A; 
	}
	
#noborder td {
	border: 0px;
	}

#calheader td {
	font-weight:bold;
	color: #ffffff;
	}
	
.whitehead {
	color:#FFFFFF; font-weight:bold; text-decoration:none;
	}
	
/* 
.H1logo
{
	background-image: url(H1logo.gif);

}
Class Styles */

.address
{
	font-color:#26354A;
	font-size:9px;
}
#logo1
{
	background-image: url(../H1logo.jpg);
	background: #000000;
	background-repeat: no-repeat;

	height: 125px;
	width: 125px;
	position: relative;

	}
	
.logo {
	font:24px Times New Roman, Times, serif;
	/* Class Stylesbackground:url(ftxmisc4b.jpg) no-repeat top left;  */

	 
	color: #FFBA00;
	letter-spacing:.3em;
	line-height:26px;
	}

.status
{	border : none; /*2px solid #64748B; */
		padding: 5px;
		font:9px Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#F3F3F3;
	
		}
		
.status1_box	
{	border : none; 2px solid #64748B;
		padding: 5px;
		font:9px Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#F3F3F3;
		}

.status1 /* Normal border and background */
{		
		padding: 0px 15px 0px;
		margin: 0px auto;
		font:11px Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#Ffffff; 
		
		}

.status1_H2 /* Normal border and background */
{	
		padding: 0px 15px 0px;
		margin: 0px auto;
		font:12px Arial, Helvetica, sans-serif;
		color:#990000;
		font-weight:bold;
		background-color:#Ffffff;
		}
			
.status2 /* Yellow border for condition RED */
{	border : 1px solid #64748B; 
		padding: 10px;
		font:9px Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#FFFFCC;
	    margin:0px 5px 5px 0px;
		}		
		

.status3 /* Normal border and background */
{	
		padding:0px 45px;
		margin: 0px auto;
		font:9px Arial, Helvetica, sans-serif;

	
		}
		
			
.statusRed
{
	font:20px verdana, sans-serif;
	font-weight:bold;
	color:#FF0000;

	}
	.statusGreen
{
	font:20px verdana, sans-serif;
	font-weight:bold;
	color:#006600;

	}
	
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
	}
	
.bodyText {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	}
	
.bodyBoldRed {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-large;
	color:#990000;
	margin:20px 0px 0px 10px;
	}

.bodyBoldGrey{
	font:Arial, Helvetica, sans-serif;
	font-size:x-large;
	color:#26354A;
	}
	
.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:.2em;
	line-height:32px;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.login {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#336699;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}

.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	}

.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	}
	
	
.sidebarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	}
	
	
/* CONTACTS ----------------------------------- */
.container {
	background: url(images/bricket-gry-mid-670.gif) repeat-y;
	margin-bottom: 10px;
	}
 
.content {
	width: 525px;
	background: url(images/bricket-gry-bot-670.gif) bottom left no-repeat;
	padding-bottom: 20px;
	}
 
/* ------------------------------- table------------------------------------ */
 
 
#table2 p {
	float: left; /* needs to float in order for images to catch in ff and opera */
	clear: both;
	width: 100%;
	margin: 0;
	padding-left: 3px;
	font-size: 1em;
	line-height: 1.8em;
	background: url(images/borders.gif) 4px 0 repeat-y; /* add an image to create left and right borders, the 4 px is to offset the left padding */
	}
 
#table2 span {
	float: left;
	padding: 0 10px;
	/* border-right: 1px solid #e3e7e7; removed this because the image now replaces the border */
	border-top: 1px solid #e3e7e7; /* switched this from border-bottom to border-top so that all row lines are even */
	}
 
#table2 p.firstLine span { /* to get rid of the top border caused by the border switch above */
	border-top: none;
	}
 
#table2 span.col1 {
	width: 200px;
	text-align:right;
	}
 
#table2 span.col2 {
	width: 250px;
	}
	
 #table2 .lastLine { /* you need this class on the empty last line to create an even border on the last row of the table */	
	clear: both;
	width: 510px;
	margin-left: 3px;
	border-top: 1px solid #e3e7e7;
	}
 
	
/*  CSS Gallery ------------------------------------------------------- */


/* 000 CSS Examples ------------------------------------------------------- */



#main {
  margin: 0px auto;
  text-align: left;
  width: 42em;
}


#content {
  background-color: #ffffff;

  background-position: -30% 0%;
  background-repeat: no-repeat;
  border: 1px solid #000000;
  border-top-width: 0px ;
  border-bottom-width: 0px ;
  padding: .5em 1em .25em 1em;
}


.style4 {
	font-size: 16px;
	font-weight: bold;
}
.style8 {
	color: #FF6600;
	font-weight: bold;
}
.style10 {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style16 {color: #FF6600; font-weight: bold; font-size: 16px; }