/* body elemets /////////////////////////*/

html
	{
	height: 100%;
	}
	
	

* {padding: 0; margin: 0;}


* { behavior: url(iepngfix.htc); }



body {
	background: #fff url(images/bg.gif) top left repeat-x;
	font: 70% "helvetica",  verdana, sans-serif;
	color: #fff;
	height:100%; /* 100 % height */
	}


/* positioning /////////////////////////*/

#header {
    width: 800px;
	height: 260px;
	background: #fff  url(images/hd_bg.gif) top left no-repeat;
	position: relative;
	
	}

#content {
	margin: 20px 0 0 320px;
	width: 500px;
	}
	
.content_holder {
	margin-bottom: 20px;
	width: 500px;
	float: left;
	}

	
	
#footer
	{
	clear: both;
	bottom: 0;
	height: 130px;
    border-top: #B6D1E4 1px solid;
	background: #E4F1FA;
	margin-top: 20px;
	}


	
#footer ul
	{
	
	list-style: none;
	padding: 10px;
	}
	
#footer li
	{
	float: left;
	color: #0A2451;
	}
	
#footer li a
	{
	color: #0A2451;
	margin-left: 10px;
	text-decoration: none;
	}

#footer li a:hover
	{
	color: #7BA8F8;
	}



/* general elements /////////////////////////*/


.both {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	}

a:link, a:visited {
	text-decoration: none;
	 color:  #7BA8F8; 
	
	}
	
a:hover {
	text-decoration: none;
	 color: #0A2451;
	 border-bottom: #0A2451 1px dotted; 
	
	}


h1 {
	position: absolute;
	top: 10px;
	left: 320px;
	text-align: left;
	font-weight: normal;
	width: 500px;
	font-size: 2.2em; 
	_font-size: 2em; 
	
	}

h2 {
	font-size: 1.7em; 
	position: absolute; 
	top:100px; 
	left: 320px;
	padding: 0; 
	margin: 0;
	color: #7BA8F8;
	font-weight: normal;

	} 


h3 {
	padding: 0 0 0 10px; 
	margin: 0;
	color: #7BA8F8;
	font-size: 1.4em; 

	}
	
.text_color
	{
	color: #3399CC;
	font-weight: bold;
	}

img.pic {float: left; padding: 0 0x 20px 0; }


.ll {
	float: left; 
	}

.lr {
	float: right; 
	}


p.blue {color: #0A2451; font: 1.1em "helvetica",  verdana, sans-serif;}
p.footer {padding: 20px; color: #0A2451;}
a.external {background: url(images/external.png) bottom left no-repeat; padding-left: 20px; border:none;}


/* round box /////////////////////////*/


.box {
	width: 70%;
	background: #E4F1FA;
	margin: 0;
	position: relative;
	color: #071D45;
	float: right; 
	
}

.box h3 {padding-top: 10px;}
#c2 {
	width: 100%;
}
#c3 {
	width: 33%;
}
.box * {
	position: relative;
	margin: 0;
}
.one {
	background: url(images/tl.gif) top left no-repeat;
	padding: 0;
}

.two {
	background: url(images/tr.gif) top right no-repeat;
	padding: 0;
}

.three {
	background: url(images/br.gif) bottom right no-repeat;
	padding: 0;
}

.four {
	background: url(images/bl.gif) bottom left no-repeat;
	padding-bottom: 1em;
}

.box p { padding: 5px 10px 10px 10px; }





/* header images /////////////////////////*/


#pics {
	position: absolute;
	top: 160px;
	left: 320px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 103px;
	overflow: hidden;
	width: 600px;
	}
	
#pics li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	float: left;
	padding: 109px 0 0 15px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:109px; /* for IE5/Win */
	}


#pic1  {
	width: 109px;
	background: url(images/pic1.png) top left no-repeat;
	}

#pic2  {
	width: 109px;
	background: url(images/pic2.png) top left no-repeat;
	
	}
#pic3  {
	width: 109px;
	background: url(images/pic3.png) top left no-repeat;
	
	}
#pic4  {
	width: 109px;
	background: url(images/pic4.png) top left no-repeat;
	
	}