/* UNIFORMED BROWSER RESET base on Eric Meyer reset (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, img, small, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
	color:#333;
}
html {font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}


/**
 * HTML Elements
 **/
body {
	background: #fff;
	color: #000000;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;	
	font-size: 0.9em;  /* Base font size 12pt */
	height: 100%;
}
a {
	color: #333;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

h1 {
	color:#333;
	font-size: 2.00em;
	margin-bottom:20px;
}

h2 {
	color:#333;
	font-size: 1.75em;
	margin-bottom:10px;
}
h3 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	margin-top: 10px;	
}

h4 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	margin-top: 10px;	
}

h5 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-top: 10px;	
}

p {
	margin-top: 10px;
	color:#333;
}


.divtext {
  	font-size:12px;
	height:230px;
	overflow:auto;
}

.imgshadow {
 background-color:#a6a9ab; 
 
 margin:4px 5px;
}
.imgshadow > img {
 margin:-4px 4px 2px -5px; 
 border:1px solid #333;
}

/**
 * SITE STRUCTURE
 **/
#container {
	margin: 0px auto;
	width: 1024px;

}


	/* HEADER Section ----------------------------------------------------------------*/
	#header {
		background: #fff;
		display: inline;
		float:left;
		width: 230px;
		margin-left:0px;
		position: relative;
	/*	border:1px solid #666;*/
	}
	
	/* Logo */
		#header h1 a {
			background: url(../i/hublogo3.png) no-repeat;
			background-position:10 5px;
			display: inline;
			float: left;
			height: 200px;
			margin-left: 10px;
			margin-bottom:0px;
			width: 200px;
		}
	   
	
		/* Navigation */
	    #navBox{
			position: relative;
	    	float: left;
	    	height: 150px;
	    	width: 90px;
			margin-top:50px;
	    	margin-left: 70px;
			margin-bottom:20px;
	    	padding: 0;
	    }
	    #navBox .active {
		  background:#CC9;
		}
		
		 #navBox ul li{margin-left:10px;margin-top:5px; margin-bottom:10px;font-size:20px;font-weight:500; color:#333;}
		 
		#navSpacer {
		  width:90px;
		  height: 27px;
		  float:left;
		}

        #addressBox{
			position:relative;
			float:left;
			width:220px;
			margin-top:60px;
		}
			#addressBox p{margin-left:20px;margin-top:5px; margin-bottom:10px;font-size:14px;}
				
			}

/* CONTENT Section ----------------------------------------------------------------*/
#Content {
		margin-top: 5px;
		width:800px;
		
	}
		
/*  ======  Home Page Specific Rules  ==== */	
   
 #homePicture{
	position:relative;
	float:left;
	background: url(../i/bgHome4.png) center no-repeat;
	display:inline;
	margin-top:60px;
	width:640px;
	height:427px;
 }
	  
#homeMainText{
	Positiion: relative;
	width:140px;
	margin-top:60px;
	float:left;
	text-align:left;
	/* border:1px solid blue; */
	
 }
 
 .homeTextBold{font-weight:bold;}
 
	  #homeMainText h1{color:#000;}
	  #homeMainText p{ margin-left:15px; font-size:16px;font-weight:300;}
	  
	  #homeMainText table{
			margin-top:5px;
			margin-left:30px;
         }

		#homeMainText tr td{
 			padding: 2px 2px 2px 2px;
 			vertical-align: top;
			font-size:16px;
			
			/*border:inset;*/
			/*background-color:#ecf1fb;*/
		}
	  
	  #homeMainText tr td{
 		width:150px;
		text-indent:0px;
 		padding-left:10px;
		color:#333;
		}
	 	
				
/* === Rules for About Us page === */
	
#aboutContent{
	position: relative;
	width:760px;
	float:left;
	margin-top: 5px;
/*	border:1px solid black;*/
}

#aboutContent table{
	padding:0px;
	
}

#aboutContent tr td{
 padding: 5px 5px 5px 5px;
 vertical-align:top;
}
#aboutContent tr td p{
 width:700px;
 text-indent: 0px;
 padding-left:0px;
 font-size:14px;
}
.aboutSpacer {margin-top:10px;}

    #aboutContent th{ color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}
#aboutContent img{margin-top:40px;vertical-align:center; border:groove;}
#aboutContent h5{font-size:16px;font-weight:bold;}
#aboutContent p{font-style:italic;}


/*=== Rules for Privacy and Terms of Use ==== */
.ptHeader{
 	background:#666;
	position:relative;
	width:100%;
	float:left;
	height:40px;
}
	.ptHeader h4{ margin-left:10px;}
	
.ptContent{
	position:relative;
	width:100%;
	float:left;
}

/* == specific rules for contact us page == */

#contactPage {
	background: #fff url(../i/bgcontact1.png) center no-repeat;
	display: inline;
	float:left;
	width:750px;
	height:563px;
	position: relative;
	margin-top:20px;
	margin-bottom:10px;
}

	
	#contactPage th{text-align:left;}

/* Thank you page */
#thxPage {
	float:left;
	width:750px;
	position: relative;
	margin-top:200px;
	margin-bottom:10px;
}
/* FOOTER Section ----------------------------------------------------------------*/
	#footer {
	  /*  background: #fff url(../i/bgfooter1.png) 0 0 repeat-x; */
		display: inline; 
		float:left;
		height:8px;
		background-color:#333;
		width:100%;
		position: relative;
		}
		
	    #footerLinks{
	    	float:left;
	    	width:30%;
			margin-top:10px;
			margin-left:20px;
	    }
	     #footerLinks img{margin-left:20px; vertical-align:center;}
		
	    #copyright{
	    	float:left;
	    	width:60%;
	    	margin-top:10px;
	    }
	    #copyright label{margin-left:10px;}  
		

/**
 * LIST
 **/
.bullet li {
	list-style-type: disc;
	margin-left: 12px;
}


/**
 * GENERAL CLASSES
 **/
.hide { display: none; }
.center { text-align: center; }
.largeClipMask {
	background: url(../i/bgLargeClipMask.png) no-repeat;
	height: 225px;
	left: 0;
	position: absolute;
	top: 0;
	width: 300px;
}
.smallClipMask {
	background: url(../i/bgSmallClipMask.png);
	cursor: pointer;
	height: 85px;
	left: 0;
	position: absolute;
	top: 0;
	width: 95px;
}

.collapsibleParent {
	position: relative;
	margin-top:10px;
}

	.collapseBox, .expandBox {
	    font-size: 12px;
	    font-weight: bold;
		height: 20px;
		width: 400px;
		background: white;
	}
	
	.collapsibleBox {
		border: 1px solid #c0d3e3;
		border-top: none;
		padding: 8px 13px;
		width: 440px;
		height:240px;
	}
.partnerAdBlock {
	margin-top: 20px;
}

.normalForm dl{
  margin: 3px 0 0 5px;
  display: inline;
  float: left;
  clear:both;
}
.normalForm button {
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 50px;
}
.normalForm button:hover {
	background-position: 0 -20px;
}
.normalForm dt, .normalForm dd{
  float: left;
}


/* jeffs additions start here */
.leftLabel {
  	width: 130px;
  	font-weight: bold;
	color:#FFF;
}
#formContact{
	margin-top:80px;
	margin-left:40px;

}
#formContact h3{color:#FFF;margin-bottom:20px;}
#formContact dl{
  margin: 3px 0 0 5px;
  display: inline;
  float: left;
}
  
#formContact button {
	margin-top:10px;
	margin-bottom:20px;
	margin-left: 525px;
	font-size: 14px;
	font-weight:600;
	background-color:#333;
	color:#FFF;
}
.clear {
  clear:both;
}
.error {
  color: red;
}

/* jeffs additions end here */