/* CSS Document */

html, body {margin: 0; padding: 0; font-size: 100%; }

body
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 80%;
  /* *****>>>>>   background: #FFFFFF; <<<<<***** */
    color: #000000;
}

.right {float: right; margin: 0.5em 1em; position: relative; } /*** for IE6 ***/

.left {float: left; margin: 0.5em 1em; position: relative; } /*** for IE6 ***/

html[xmlns] .decoration {margin: 0 1em 0 0; } /*** Moz put the image too low ***/


/* *****>>>>> Demo Styles <<<<<***** */

/*** The #header div has a static position and a background image ***/

#divider {
	background: #FFF;
	padding: 1px 0;
	height: 23px;
	position: relative; } /*** IE6 needs this to display the div ***/ 

/* Hide from IE5-Mac \*/
* html #divider {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/ 


#headercontainer {
margin-left: 0px;
/*background: #FFFFFF url(logobg.jpg) repeat-x;*/
background: #FFFFFF url(/images/logo_bgDev2.gif) repeat-x;
height: 120px;
}

#headertext {
	position: absolute;
	right: 450px;
	margin-right: -450px;
	width: 645px;
	height: 40px;
	max-height: 120px;
	background-image: url(rightlogo2.jpg);
}

/* hide the following from IE5-Mac \*/
#headertext {
	right: 0;
	margin-right: 0; }
/* IE5-Mac can see the rest */

#headerlogo {
width: 300px;
height: 120px;
/*background-image:  url(leftlogo.jpg);*/
background-image:  url(/images/logo_dev2.gif);
background-repeat: no-repeat;
position: relative;
}


#leftbox {
	position: absolute;
	left: 0px;
	width: 200px;
	background-color: #FFFFFF;
	color: #000;
	font: 12px verdana;
	}

#container {
	margin-left: 210px;
	background: #FFFFFF;
	}
	
#mainarea {
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	padding-left: 5px;
	padding-left:5px;
	min-height: 550px;
	background: #FFFFFF;
	color: #000000;
	margin: 0px 150px 0px 0px;
	font: 12px verdana;
	position: relative;
		
} /*** for IE6 ***/
#mainarea img{ padding:10px;}

#rightbox {
	position: absolute;
	right: 16px;
	margin-right: -150px;
	width: 150px;
	background-color: #FFFFFF;
	}

/* hide the following from IE5-Mac \*/
#rightbox {
	right: 0;
	margin-right: 0; }
/* IE5-Mac can see the rest */


#footer {
height: 50px;
border-top: 2px solid #00278b;
padding: 5px;
margin-left: 0px;

}

#image {
left:0px;
}


