﻿
body 
{
	padding: 0, 0, 0, 0;
	margin:0 0 0 0;
	text-align: center; /* for IE */	
	background: #c2101c;
	background: #f4f4f4;		
	height: 100%; 	
	font-family: Verdana, Arial;
	font-size: 62.8%;
	color: #333333;
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;   /* margin keeps Mozilla 1* from adding scrollbars */
}


.Content
{	
	top:0px;	
	width: 749px;
	height: auto;
	text-align: left;		
	vertical-align: top;
	border-right: 1px solid #cccccc;	
	background: #FFFFFF;	
	border-bottom: 3px solid #cccccc;
	font-size: 1.2em;
}

.RightCol
{
			
	top:0px;
	overflow: visible;
	Width: 198px;
	height: auto;	
	text-align: left;		
	vertical-align: top;
	background: #f6f6f6;
	background: #ffffff;
	border-bottom: 3px solid #cccccc;
	font-size: 1.2em;
}

.spacerLeft 
{
	background: #ffffff url('../Images/LeftLiner2.jpg') repeat-y right;
}

.spacerRight 
{
	background: #ffffff url('../Images/LeftLiner2.jpg') repeat-y ;
	
}

H1 
{
	Width: 100%;
	padding-top: 10px;
	/*background-color: #f4f4f4;*/
	/*border-bottom: 1px solid #f4f4f4;*/
	/*background: #ffffff url('../Images/Buttons/SilverHilt.gif') repeat-x;	*/
	Font-Family: Arial;
	Color: #CC3333; 			
	Font-Size: 1.5em;
	font-weight:  normal;
	font-weight: 500; 
	
}

H2 
{
	Font-Family: Verdana;

	Font-Size: 1.1em;
	font-weight: bold;	
	
}

H3 
{
	Font-Family: Verdana;

	Font-Size: 1.1em;
	font-weight:  bold; 
	font-style: italic; 
}

H4
{
    Font-Family: Verdana;
	Font-Size: 0.9em;
	font-weight:  bold; 
	    
}

table .ContactList 
{
 
 width: 100%;
 vertical-align: top;
 table-layout: fixed; 
}


table .ContactList td
{
 color: #333333;
 padding: 0 0 0 5px;
 height: 22px;
 vertical-align: text-top;
	
}

table .ContactList td a
{
 text-decoration: none;
 color: #36648B;	
}

table .ContactList td a:hover
{
 color: Blue;
 text-decoration:  underline;
 
}

/* News Alert */
table .NewsTable 
{
	width: 100%;
	padding: 0 0 0 0;
	table-layout: fixed; 
	
}


table td .NewsTable .Heading
{
 color: #36648B;	
 color: #333333;	 
 font-size: 1.2em;
 font-weight: bold;
 height: 30px;
 	
}

table td .NewsTable .newsLink
{   		
	font-size: 1.0em;
	text-decoration: none;
	color: Maroon;
	color: #36648B;	
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 10px;
}

table td .NewsTable .newsLink:hover
{   		
	color: Maroon;
	text-decoration: underline;
}

.HeaderLine1
{
    font-size: 10.5pt; 
    color : #cc3300;
    font-family: Arial Narrow;
}
.HeaderLine
{
    font-size: 11pt; 
    color : #cc3300;
    font-family: Arial Narrow;
}
.ContentText
{
    font-size: 10pt; 
    font-family: Arial Narrow;
    color: #000000;
}

.ContentLayer
{
    background: url('../Images/TOP-5-REASONS1of1.jpg');
   display: block; 
    margin-left:5px; 
    margin-right: 0px;  
    float: left; 
    width: 900px; 
    height: 720px;
}


.Layer1
{
    position: relative ;
    top:161px; 
    left:455px; 
    width:310px; 
    height:94px;
    
}

.Layer2
{
    position: relative ;
    top:147px; 
    left:150px; 
    width:305px; 
    height:141px;
      
}

.Layer3
{
    position:relative; 
    top:162px; 
    left:40px; 
    width:201px; 
    height:116px;
    
}

.Layer4
{
    position:relative; 
    top:-35px; 
    left:636px; 
    width:233px; 
    height:101px;
}

.Layer5
{
    position:relative; 
    top:15px; 
    left:314px; 
    width:295px;
}


.linespacing
{
    font-size: 4pt;
    
}



/* ------------------- */

 /* ====================================================
  * FOOTER PLACEMENT
  *   + bottom of screen on short pages
  *   + bottom of text on long pages
  * MASSIVE thanks to
  *   http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
  */
/*
 html, body, div.contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;   /* margin keeps Mozilla 1* from adding scrollbars */
 /*}
 */

 /*
  * The "height" above is a hack for IE5+/Win.  Below we adjust
  * it using the child selector to hide from IE5+/Win
  */

/*
 html>body, html>body div.contents {
	height: auto;
 }

 div.contents {
	position: absolute;
	top: 0;
	left: 0;
 }

 div.header {
	position: absolute;
	width: 100%;
 }

 div.main {
	margin-top: 1em;
	margin-bottom: 2em;
	height: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
 }


 div.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
 }

*/




