/* 100% high layouts attempt */
html, body {
	height:99.5%
}
html > body div#allAreas {
	height: auto;
	

}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0 auto 0px auto;
	padding-bottom:0px;
}

div#allAreas {
    height:100.5%;
	min-height:100.5%;
	position: relative;	
	margin: 0 auto 0px auto;
	width: 100%;
	padding-bottom:0px;
	
}
div#headerArea {
	position: relative;
	height: 200px;
	margin:0px 0px 0px 0px;
	border:0px solid blue;
}


div#navArea {
	position: relative;
	height: 40px;
	margin:0px 0px 0px 0px;
	background-image: url(img/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	z-index:100;
}

div#mainNavigationArea{
	position:relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 755px;
	height: 40px;
	z-index:2;
	border:0px solid red;
}


div#logoArea {
	position: relative;
	height: 160px;
	margin:0px auto 0px auto;	
	background-image: url(img/headerbg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	z-index:0;
}


div#headerLogoArea {
	position: relative;
	height: 160px;
	margin:0px auto 0px auto;	
	width:755px;
}

img#logo {
	position: absolute;
	margin:0px auto 0px auto;	
	height: 160px;
	z-index: 20;	
	background-position: top center;
}


/* --------------------- MAIN AREA START ------------------------ */

div#mainArea{
	position:relative;		
	margin: 0px auto 0px auto;
	top:0px;
	_top:0px;
	left:0px;
	min-height:420px;
	_height:420px;	
	background-color: #FFFFFF;
	z-index:0;
	_z-index:-1;
	background-image: url(img/background_pattern.gif);
	background-repeat: repeat-x;
	background-position: top left;
}


div#mainCenterArea{
	position:relative;		
	margin: 0px auto 0px auto;
	width:783px;
	min-height:500px;
	_height:500px;	
}

div#leftShadowArea{		
    position:relative;
	width: 14px;
	padding-bottom:0px;	
	margin: 0 auto 0px auto;	
	float: left;
	bottom:0px;
	height:auto;
}


div#centerArea{		
    position:relative;
	width: 755px;
	padding-bottom:0px;	
	margin: 0 auto 0px auto;	
	float: left;
	bottom:0px;
	height:auto;
	background-color:#FFFFFF;
	min-height:500px;
	_height:500px;	
}

div#centerTopArea{		
    position:relative;
	width: 755px;
	padding-bottom:0px;	
	margin: 0 auto 0px auto;	
	float: left;
	bottom:0px;
	height:auto;
}

div#contentArea {
	position:relative;
	margin: 0 auto 0px auto;
	bottom:0px;
	top:0px;
	width:680px;
	padding-left: 30px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:30px;
	_padding-bottom:50px;
	margin:0px auto 0 auto;
	min-height:500px;
	_height:500px;
	float:left;	
}

div#contentArea a{ 
   color:##333333;;
   font-weight:bold;
}
div#contentArea a:visited{       
    color:##0066CC;
	font-weight:bold;	
}

div#contentArea a:hover{    	
    color:#0066CC;
	font-weight:bold;	
}

div#rightArea{		
    position:relative;
/*	width: 150px;
	padding-top:15px;
	padding-bottom:0px;	
	margin: 0 auto 0px auto;	
	float: right;
	bottom:0px;
	height:100px;*/
	border:0px solid red;
}



div#rightShadowArea{		
    position:relative;
	width: 14px;
	padding-bottom:0px;	
	margin: 0 auto 0px auto;	
	float: right;
	bottom:0px;
	height:auto;
}

br.clearAll {
	position: relative;
	clear: both;
	line-height: 1px;
	height: 1px;
}


* html div#leftArea {
	margin-right: 0;
	z-index:1000px
}
 
* html div#rightArea {
	height: 1%;
	margin-top: 0;
}

/* End hide from IE5/mac */


/* --------------------- FOOTER AREA START ------------------------ */
div#footerArea {		
    position:relative;		
	height: 69px;		
	z-index:1;
	bottom:0px;
	margin:0px auto 0px auto;	
	width:755px;
	border:0px solid blue;
	background-position:center;
	
}
div#footerAreaCenter{
	position:relative;
	top:0px;
	width: 755px;
	height: 69px;
	border: 0px solid red;
	margin: 0px auto 0px auto;	
}
div#footerArea ul {
	position:absolute;
	margin: 13px 0px 0px 150px;	
	list-style: none;	
	width:400px;
	border: 0px solid red;	
}

div#footerArea ul li {
	position: relative;
	float: left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight: bold;	
	text-align: center;	
	padding-right:10px;
	padding-left:10px;	
	border-right: 1px solid #9AD6FB;
}

div#footerArea ul li a {
	position: relative;
	text-decoration: none;
	color:#003366;	
}
p#locations {
	position: absolute;
	margin: 14px 0px 0px 25px;
	padding: 0;	
	color: #003366;	
	font-size:9pt;
	font-weight:bold;
}

p#design {
	position: absolute;
	margin: 14px 0px 0px 436px;
	padding: 0;	
	color: #003366;	
	font-size:9pt;
	font-weight:bold;
}

p#design a{
   font-weight:bold;
   font-size:9pt;
   color: #003366;
   text-decoration:none;
}

p#ismart {
	position: absolute;
	margin: 14px 0px 0px 573px;
	padding: 0;	
	color: #1B468D;	
	font-size:9pt;
	font-weight:normal;
}

p#ismart a{
   font-weight:bold;
   font-size:9pt;
   color: #1B86F0;
   text-decoration:none;
}


p#content {
	position: absolute;
	margin: 14px 0px 0px 617px;
	padding: 0;	
	color: #003366;	
	font-size:9pt;
	font-weight:normal;
}


p#content a{
   font-weight:bold;
   font-size:9pt;
   color: #003366;
   text-decoration:none;
}


/* --------------------- FOOTER AREA END ------------------------ */