﻿/* --------------------------  BEGIN - General HTML Tags  -------------------- */

body 
{
    background-color: black;
    text-align: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h3 
{
	font-size: 18px;
	line-height: 24px;
    color:#CD000C;
} 

h4 
{
	font-size: 16px;
	line-height: 20px;
} 

h5 
{
	font-size: 14px;
	line-height: 20px;
} 


a
{
	color:#CD000C;
}

label
{
	width: 110px;
	display: inline-block
}

/* --------------------------  END - General HTML Tags  -------------------- */

/* --------------------------  BEGIN - Page Formatting  -------------------- */

.PageContainer 
{
    background-color: #FFFFFF;
    width: 979px;
    margin: auto;
}

.NavContainer
{
    width: 700px;
    height: 104px;
    float: right;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px px 0px;
    display: block;
}

.MastHeadTop
{
    width: 215px;
    height: 104px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.MastHead 
{
	clear: both;
    width: 979px;
    border: none;
}

.BodyContainer
{
    background-color: #ffffff;
    padding: 0px 15px 0px 12px;
    margin: 0px 0px 0px 0px;
}

.Footer
{
	font-size: 10px;
	color: #FFFFFF;
    text-align: center;
    margin: auto;
    padding: 10px 0px 20px 0px;
}

/* --------------------------  END - Page Formatting  -------------------- */

/* --------------------------  BEGIN - Page Components  -------------------- */

/*			BEGIN - Homepage       */

.leftcol
{
	float: left;
	text-align: left;
	width: 296px;
	padding: 0px 10px 0px 10px;
	background-color: White;
}

.centertcol
{
	float: left;
	text-align: left;
	width: 296px;
	border-left: solid 2px #DDDDDD;
	border-right: solid 2px #DDDDDD;
	padding: 0px 10px 0px 10px;
	background-color: White;
}

.rightcol
{
	float: left;
	text-align: left;
	width: 296px;
	padding: 0px 0px 0px 10px;
	background-color: White;
}

/*			END - Homepage       */

/*			BEGIN - FAQ       */

.faq
{
    padding: 5px;
}

/*			END - FAQ       */

/*			BEGIN - About       */
.about 
{
    padding: 5px;
}
/*			END - About       */

/*			BEGIN - Business       */
.business 
{
    padding: 5px;
}
/*			END - Business       */

/*			BEGIN - Signup       */


.field
{
    margin: 2px 0px 2px 0px;
    display: inline-block;
}

.radiobutton label
{
	width: 600px;
	display: inline-block;
}
/*			END - Signup       */

.form
{
	width: 100%;
}

/* --------------------------  END - Page Components  -------------------- */

/* --------------------------  BEGIN - Nav Formatting  -------------------- */
#Nav
{
    text-align: left;
    margin: 78px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#Nav li
{
    float: left;
    padding: 2px;
    display: block;
    list-style-type: none;
}

#Nav a 
{
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 26px 0px 0px 0px;
	overflow: hidden;
	height: 0px;  /*  !! THIS IS IMPORTANT. THIS HIDES THE TEXT. !! */
}
   
#Nav a:hover 
{
	background-position: 0 -26px;    /*  !! THIS IS IMPORTANT. NEEDS TO BE INVERSE OF TOP MARGIN LISTED ABOVE. !! */
}
  
/*			BEGIN - Nav_Home       */
	#Nav_Home a  
	{
		width: 63px;
		background: url(/images/Nav/Home.gif) top right no-repeat;
	}
		
	#Nav_Home a:hover  
	{
		width: 63px;
		background: url(/images/Nav/Home-Up.gif) top right no-repeat;
	}

	#Nav_Home_Active a
	{
		width: 63px;
		background: url(/images/Nav/Home-Up.gif) top right no-repeat;
	}

	#Nav_Home_Active a:hover
	{
		width: 63px;
		background: url(/images/Nav/Home.gif) top right no-repeat;
	}
/*			END - Nav_About       */

/*			BEGIN - Nav_About       */
	#Nav_About a  
	{
		width: 68px;
		background: url(/images/Nav/About.gif) top right no-repeat;
	}
		
	#Nav_About a:hover  
	{
		width: 68px;
		background: url(/images/Nav/About-Up.gif) top right no-repeat;
	}

	#Nav_About_Active a
	{
		width: 68px;
		background: url(/images/Nav/About-Up.gif) top right no-repeat;
	}

	#Nav_About_Active a:hover
	{
		width: 68px;
		background: url(/images/Nav/About.gif) top right no-repeat;
	}
/*			END - Nav_About       */

/*			BEGIN - Nav_Business       */
	#Nav_Business a  
	{
		width: 199px;
		background: url(/Images/Nav/Business.gif) top right no-repeat;
	}
		
	#Nav_Business a:hover  
	{
		width: 199px;
		background: url(/Images/Nav/Business-Up.gif) top left no-repeat;
	}

	#Nav_Business_Active a
	{
		width: 199px;
		background: url(/Images/Nav/Business-Up.gif) top right no-repeat;
	}

	#Nav_Business_Active a:hover
	{
		width: 199px;
		background: url(/Images/Nav/Business.gif) top right no-repeat;
	}
/*			END - Nav_Business       */



/*			BEGIN - Nav_FAQ       */
	#Nav_FAQ a  
	{
		width: 53px;
		background: url(/Images/Nav/FAQ.gif) top right no-repeat;
	}
		
	#Nav_FAQ a:hover  
	{
		width: 53px;
		background: url(/Images/Nav/FAQ-Up.gif) top right no-repeat;
	}

	#Nav_FAQ_Active a
	{
		width: 53px;
		background: url(/Images/Nav/FAQ-Up.gif) top right no-repeat;
	}

	#Nav_FAQ_Active a:hover
	{
		width: 53px;
		background: url(/Images/Nav/FAQ.gif) top right no-repeat;
	}
/*			END - Nav_FAQ       */

/*			BEGIN - Nav_News      */
	#Nav_News a  
	{
		width: 108px;
		background: url(/Images/Nav/Newsroom.gif) top right no-repeat;
	}
		
	#Nav_News a:hover  
	{
		width: 108px;
		background: url(/Images/Nav/Newsroom-Up.gif) top right no-repeat;
	}

	#Nav_News_Active a
	{
		width: 108px;
		background: url(/Images/Nav/Newsroom-Up.gif) top left no-repeat;
	}

	#Nav_News_Active a:hover
	{
		width: 108px;
		background: url(/Images/Nav/Newsroom.gif) top left no-repeat;
	}
/*			END - Nav_News     */

/*			BEGIN - Nav_Signup       */
	#Nav_Signup a  
	{
		width: 51px;
		background: url(/Images/Nav/Join.gif) top left no-repeat;
	}
		
	#Nav_Signup a:hover  
	{
		width: 51px;
		background: url(/Images/Nav/Join-Up.gif) top left no-repeat;
	}

	#Nav_Signup_Active a
	{
		width: 51px;
		background: url(/Images/Nav/Join-Up.gif) top left no-repeat;
	}

	#Nav_Signup_Active a:hover
	{
		width: 51px;
		background: url(/Images/Nav/Join.gif) top left no-repeat;
	}
/*			END - Nav_Signup       */

/*			BEGIN - Nav_Contact       */
	#Nav_Contact a  
	{
		width: 94px;
		background: url(/Images/Nav/Contact.gif) top left no-repeat;
	}
		
	#Nav_Contact a:hover  
	{
		width: 94px;
		background: url(/Images/Nav/Contact-Up.gif) top left no-repeat;
	}

	#Nav_Contact_Active a
	{
		width: 94px;
		background: url(/Images/Nav/Contact-Up.gif) top left no-repeat;
	}

	#Nav_Contact_Active a:hover
	{
		width: 94px;
		background: url(/Images/Nav/Contact.gif) top left no-repeat;
	}
/*			END - Nav_Contact       */

/* --------------------------  END - Nav Formatting  -------------------- */



.gallery img { margin:5px; border:none; }
.gallery a { outline:none; }
.scrollerimg{margin:5px;border:none;}
.left { float:left; }
.clear { clear:both; }