/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #333;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	margin-bottom			: 10px;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 850px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	
	
}



/*###############
##### FONTS #####
###############*/ 


p{
	padding					: 5px 0px 0px 0px;
	margin					: 0px 10px 5px 0px;
	font-size 				: 90%;
	line-height				: 1.4em;
}


h1{
	margin					: 10px 0px 5px 0px;
	padding		 			: 0px 0px 0px 0px;
	line-height				: 1.0em;	
	font-size 				: 140%;
	color					: #004B9C;
}

h2{
	margin					: 10px 0px 5px 0px;
	padding		 			: 0px 0px 0px 0px;
	line-height				: 1.0em;	
	font-size 				: 120%;
	color					: #004B9C;
}



h3{
	padding		 			: 0px 0px 0px 15px;
	margin		 			: 0px 0px 0px 10px;
	font-size 				: 130%;
	font-weight				: normal;
	line-height				: 2.2em;
	color					: #FFF;
	background-image		: url(../images/arrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


h4{
	margin					: 5px 0px 10px 0px;
	padding		 			: 0px 0px 0px 0px;
	line-height				: 1.0em;	
	font-size 				: 110%;
	color					: #004B9C;
	color					: #000;
}

h5{  
	padding		 			: 0px 0px 0px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 2.0em;	
	font-size 				: 100%;
	font-weight				: bold;
	height					: 25px;
	color					: #004B9C;
}

h6{   /*Form header*/
	padding		 			: 0px 0px 10px 0px;
	margin					: 5px 0px 0px 0px;
	line-height				: 1.0em;	
	font-size 				: 120%;
	color					: #004B9C;
	border-bottom		 	: 1px solid #CCC;
}



a{
	color					: #000;
	text-decoration			: underline;
}

a:hover {
	color					: #666666;
	text-decoration			: underline;
}



#mainContent ul {
	display					: block;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;

}

#mainContent ul li{
	margin					: 0px;
	line-height				: 1.6em;
	font-size 				: 90%;
	margin					: 0px 0px 0px 20px;
	padding					: 0px 0px 5px 5px;

}



/*################
##### HEADER #####
################*/ 


#header{
	width					: 850px;
	height					: 427px;
	margin					: 0px 0px 1px 0px;
	padding					: 0px;
}



.logo{
	margin  				: 40px 0px 0px 20px;
	border					: none;
	float					: left;
}

.logo1{
	margin					: 63px 20px 0px 0px;
	float					: right;
}

.flashMov{
	clear					: both;
	padding-top				: 40px;
}




/*#################
##### CONTENT #####
#################*/ 

	
#content{
	width 					: 850px;
	display 				: block;
	line-height 			: 175%;
	height					: auto;
	background-image		: url(../images/bkgrndContent.gif);
	background-repeat		: repeat-y;
	background-position		: top;
}





#mainContent{
	padding					: 5px 0px 5px 8px;
	width					: 665px;
	min-height				: 350px;
	display 				: block;
	float 					: right;
}


/* the following rules apply only to IE */
* html #mainContent{
	height					: 350px;
}



#teasersLeft{
	width 					: 327px;
	float					: left;
	
}


#teasersRight{
	width 					: 327px;
	float					: right;
}



.teaser{
	display					: block;
	min-height				: 190px;
	width 					: 327px;
	font-size				: 90%;
}



/* the following rules apply only to IE */
* html .teaser{
	height					: 150px;
}

.teaserTop{
	display					: block;
	background-color		: #666;
	height					: 30px;
}

.teaserImg{
	float					: right;
	margin					: 1px 0px 0px 5px;
	border					: none;
}




/*##################
##### PRODUCTS #####
##################*/ 


.subCategory a{
	display					: block;
	float					: left;
	margin					: 10px 20px 10px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 180px;
	min-height				: 218px;
	height					: auto;
	border					: 1px solid #456BBC;
	background-color		: #CCCCCC;
	text-decoration			: none;
}

*html .subCategory a{
	height					: 216px;
}

.subCategory a:hover{
	border					: 1px solid #456BBC;
	background-color		: #DDDDDD;
	text-decoration			: none;
	color					: #000000;
}


.subCategory img{
	border					: 1px solid #333333;
	margin					: 10px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	
	
}

.subCategory h2{
	margin					: 2px 0px 0px 0px;
	padding					: 0px 0px 0px 10px;
	line-height				: 1.2em;
	
}

.subCategory p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 10px;
	line-height				: 1.6em;
	
}


/*################
##### FOOTER #####
################*/ 


#footer{
	clear					: both;
	width					: 850px;
	height					: 50px;
	line-height				: 1.2em;
	font-size				: 90%;
	color					: #666;
	border-top				: 1px solid #333;
	
}


#copyright, #footerLinks
{
	padding					: 5px 0px 0px 0px;
	
}

#footerLinks
{
	float					: right;
}




/*###############
##### MISC. #####
###############*/ 


/*  MISC. BUTTONS  */
ul.miscBtn{
	margin					: 15px 0px 15px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	clear					: both;
	height					: 23px;
}

ul.miscBtn li{
	display 				: inline;
	padding					: 0px 0px 0px 0px !important;
}

ul.miscBtn li a{
	margin					: 0px 10px 0px 0px;
	padding					: 0px 10px 0px 10px;
	float 					: left;
	font-weight				: normal;
	color					: #FFFFFF !important;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 2.0em;	
	height					: 23px;
	width					: 70px;
	text-align				: center;
	border					: 1px solid #000000;
	background-image		: url(../images/navBkgrd.jpg);
	background-repeat		: repeat-x;
}

ul.miscBtn li a:hover{
	background-image		: url(../images/navBkgrdHover.jpg);
	background-repeat		: repeat-x;
	text-decoration 		: none !important;
}



/* Content Button */

.submitButton, .submitButtonWide{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 0px 0px 0px;
	text-align				: center;
	float					: right;
	width					: 88px;
	height					: 25px;
	color					: #FFFFFF;
	line-height				: 1.2em;
	font-size				: 100%;
	background				: url('../images/navBkgrd.jpg') repeat-x;
	text-decoration			: none;
	cursor					: pointer;	
}

.submitButtonWide{
	width					: 120px;
	line-height				: 2.0em;
}


.submitButton:hover, .submitButtonWide:hover{
	color					: #FFFFFF;
	text-decoration			: none;
	background-image		: url(../images/navBkgrdHover.jpg);
	background-repeat		: repeat-x;
	text-decoration 		: none !important;
	
}



.imgSideBar{
	float					: right;
	margin					: 0px 0px 0px 20px;	
	padding					: 0px 0px 0px 0px;
}

.imgSideBar img{
	margin					: 10px 0px 10px 0px;	
	padding					: 0px 0px 0px 0px;
	border					: none;
}


.imgLeft{
	float					: left;
	padding					: 0px 0px 0px 0px;
	margin					: 20px 10px 5px 10px;	
	border					: none;
}


.imgRight{
	float					: right;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 5px 15px;	
	border					: none;
}

.imgRightBrdr{
	float					: right;
	padding					: 0px;
	margin					: 0px 0px 0px 10px;	
	border					: 1px solid #333;
}

.subCategoryTbl{
	padding					: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 0px;	
}

.subCategoryTbl td{
	margin					: 0px 0px 0px 0px;	
	padding					: 0px 0px 0px 0px;
	vertical-align			: top;
	 
}

.subCategoryTbl img{
	margin					: 0px 0px 0px 0px;	
	padding					: 0px 0px 5px 0px;
	 
}


.servicesTable, .communitiesTable{
	padding					: 0px;
	margin					: 0px 0px 0px 10px;		
}

.servicesTable{
	float 					: right;	
}

.servicesTable td, .communitiesTable td{
	margin					: 0px;	
	font-size				: 90%;
	padding					: 0px 0px 1px 0px;	
}

.communitiesTable td{
	padding					: 5px 0px 5px 0px;	
}


/* ---- Request Info Bar ---- */
#requestInfo, #requestProduct  
{
	display					: block;
	width					: 300px;
	min-height				: 40px;
	height					: auto;
	background			 	: url('../images/info.gif') top left no-repeat;
	margin					: 10px 0px 0px 0px;
	padding					: 4px 0px 0px 0px;
}
#requestProduct 
{
	width					: 500px;
	padding					: 5px 0px 0px 50px;
	background			 	: url('../images/infoWide.gif') top left no-repeat;
}

*html #requestInfo 
{
	height					: 40px;
}
*html #requestProduct 
{
	height					: 40px;

}



.infoLink {
	margin					: 0px 0px 0px 50px;

	
}