@import url('topNav.css');
@import url('leftNav.css');


html {
	/*height:						100%;*/
	overflow-y:						scroll;
	min-height:						100%;
}
body {
	height:							100%;
	width:							100%;
	margin:							0px auto;
	padding:						0px 0;
	background:						#4f5f78 url('../images/body_grad.jpg') repeat-x top left;
	font-family:					Arial;
	line-height:					1.3;
}
#outerContainer {
	margin:							0 auto;
	/*min-height:					1px;*/
	padding:						0;
	background-color:				#fff;
	background-image:				url('../images/main_back_grad.jpg');
    width:							1000px;
}
#bannerTop
{
	background:						url('../images/banner_grad.jpg') no-repeat; 
	height:							86px; 
	/*width:						950px;*/
	padding:						25px 25px 0 25px;
	}
#bannerTop img /* logo */
{   
    float:                         left;}
#bannerDetails
{
	float:							right; 
	width:							353px; 
	font-size:						12px;
	color:							#898989;
	line-height:					1.4;
}
#bannerDetails ul
{
	float:							left; 
	height:							70px;
	list-style-type:				none;
}
#bannerDetails ul#list_01
{
    width: 211px;
    }
#bannerDetails ul#list_02
{
    width: 141px;
    }
#bannerDetails ul li
{
	font-weight:					bold;
	padding-bottom: 1px;
}
#bannerDetails ul li span
{
	color:							#1D4698;
	font-weight:					normal;
}

#middleContainer
{
	
	width:							950px; 
	padding:						0px 15px 0 15px;
	margin:							25px 0 0px 10px;
    min-height:						1px;
    background:						url('../images/contentBack.jpg') repeat-y;
   }
   
#leftMenuContainer
{
	float:							left; 
	padding-bottom:					10px;
 }

#leftMenuContainer #topGrey
{
	background:						url('../images/topgrey_09.jpg') no-repeat; 
	width:							171px;
    height:							4px; 
    font-size:						1px;

 }
#leftMenuContainer #centerGrey
{
	background-color:				#eaeaea; 
	width:							171px; 
	font-size:						11px; 
}
#leftMenuContainer #centerGrey img
{
	padding-left:					2px;
	border:							none;
}
#bottomGrey
{
	background:						url('../images/bottomgrey_09.jpg') no-repeat 25px 0;
    width:							196px; /* includes the 25px position left */
    height:							4px;
   }
a {color: #1F4999;}
/******************************************************
	   zero padding and margin for these elements
******************************************************/
p, ul, h1, h2, h3, h4
{
	padding:						0;
	margin:							0;
}

h1
{	font-size:						1.4em;
	color:							#1F4999;
	font-weight:					bold;
	}
h2
{
	font-size:						1.1em;
	color:							#1F4999;
	font-weight:					bold;
}
h3
{
	font-size:						1em;	
	color:							#555;
	font-weight:					bold;
}
h4
{
	font-size:						0.9em;	
	color:							#1F4999;
	font-weight:					bold;
}

#stageArea
{
	float:							left; 
	width:							753px; 
	margin-left:					25px; 	
	border:							solid 0px #ff0000;
}



/*************** Content elements *******************/
.content
{
	margin-top:						20px; 	
	color:							#555;

}

.content #columnA, .content #columnA_warranty
{
	float:							left; 
	padding-right:					20px;	
	_padding-right:					0px;	
	padding-top:					23px;
}
.content #columnA
{	
    width:							365px;
}
.content #columnA_warranty
{
    width:							731px;
 }
.content .columnAServices
{
	float:							left; 
	padding-right:					20px;
	width:							544px;
	padding-top:					20px;
}

.content #columnA p, .content .columnAServices p
{
	padding:						10px 0 10px 0; 
	font-size:                      0.9em;
}

.content #columnA p.intro, .content .columnAServices p.intro
{
	color:							#1F4999;
	padding:						10px 0 10px 0; 
	font-size:                      1em;
}
.content #columnA #extraIcons
{
    padding-top:                    10px; 
    width:                          365px;
 }
 .content #columnA #extraIcons a
{
    float:                          left;
}
 .content #columnA #extraIcons a img
{
   border:                          none;
}
 .content #columnA #extraIcons a img#center
{
    border-left:                    solid 2px #ffffff; 
    border-right:                   solid 2px #ffffff;
    border-top:                     none; 
    border-bottom:                  none;
    }
.content #columnB
{
	width:							366px; 
	float:							right;
	}
.content .columnBServices
{
	width:							170px; 
	float:							right;
	}
.content .columnBServices img
{
    padding-bottom: 15px;
}
.RJPName
{	font-weight:					bold; 
	font-style:						italic;
}
.content #columnB .imgRow
{
    padding: 15px 0 15px 0; 
    min-height: 200px;
 }
.content #columnB .imgRow .first
{
    float: left;
 }
.content #columnB .imgRow .second
{
    float: right;
}


.content #columnB .imgCol
{
    padding: 15px 0px 15px 0; 
    width: 170px;
    float: left;
 }

/******* this is used on more than one page ******/
.listServices
{
    padding: 10px 0 10px 0; 
    min-height: 50px; 
    width: 380px;
 }
.listServices ul
{
    width: 175px; 
    float: left; 
    /*color: #1F4999; */
    list-style-type: disc; 
    padding-left: 15px;
    font-weight: bold; 
    font-size: 0.7em;
 }
.listServices ul li
{}
.listServices ul li a
{text-decoration:none;}

/**************************************************
			Form elements
*************************************************/
form
{	display:						block;
	padding:						0; 
	margin:							0;
	font-size: 0.8em;}
	
form ul
{
	float:							left;
	width:							335px;
	list-style-type:				none;
}

form li
{
	margin-bottom:					3px;
	width:							315px;

}

form label
{
	margin-top:						1px;
}

form input
{
	width:							315px;
	height:							16px;
	/*border:						1px inset #000000;*/
}

form textarea
{
	width:							315px;
	height:							100px;
	border:							1px inset #000000;
	font-family:					Arial;
}
form input#submit				
{									width: 210px;
									height: 25px;
}

form label span.star				{color: #D41F29;}


/******** footer common on all pages ****/
#footer
{
	background:						url('../images/footer_grad.jpg') repeat-y;
	min-height:						50px;
    padding-left:					25px; 
    padding-right:					25px;     
    padding-top:					20px; 
    width:							950px;
    clear:							both;

 }

#footer #backShade
{
	background:						#D5E2EA url('../images/footer_back.jpg') no-repeat top center; 
	width:							920px;
    padding:						12px 15px 12px 15px;
    text-align: center;
    font-size:						65%; 

 }
#footer #backShade p
{    
	font-size:						120%; 
}
#footer #backShade p.areas
{    
	font-size:						110%; 
	padding-top:                    5px;
}
#footer #backShade p.areas a
{    
text-decoration: none;
}
#footer #backShade p#BK a
{    
color: #000;
}
#footer #backShade p span
{
	font-size:						18px; 
	font-weight:					bold;
    color:							#1F4999;
}
#footer #footerEnd
{
	background:						url('../images/footer_bottom_01.jpg') no-repeat; 
	height:							15px;
	}
.clear
{clear: both;font-size: 1px;}