body {
   	background: #f0f0f0 url(art/) repeat-x left top ;
	font:  11px/1.3em Arial,Helvetica,sans-serif; 
	text-align: center;
	margin: 30px 0 30px 0 ;
}

h1 {
	font:  1.9em arial; 
	color: #808080;
	font-weight: bold;
	margin: 0px 0 0px 0;
	padding: 2px 0 2px 10px;
}

img 	{ border: 0; }

#logo {
	padding: 45px 0 0 35px;
	
}

.download{
	background: url(art/page_white_acrobat.png) no-repeat right;
	padding: 3px 20px 3px 0;
	
}

#form 
	{ 
	width: 250px;
	padding: 4px;
	border: 1px solid #cccccc;
	color: #808080;
	margin: 3px 0 3px 0;
 	}

#name 
	{ 
	width: 210px;
	padding: 4px;
	border: 1px solid #cccccc;
	color: #808080;
	margin: 3px 0 3px 0;
 	}


#innertext {padding: 50px 12px 12px 12px;}

#main {
background-position: 14px 15px;
padding: 0px 0px 0px 0px;
width: 730px;
margin: 0 0 15px 37px;
font:  1.0em verdana, sans;
color: #666;
line-height: 18px;
}

h2{
	background:#dddddd;
	font:  1.5em arial; 
	color: #808080;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 2px 0 2px 10px;
	
}

#main b { color: #004767; }

#main p { margin: 0 0 15px 0; }


#container { 
	background: 	url(art/back.png) repeat-y center top;
	margin: 	0 auto;
	text-align: 	left;
	width: 		814px;
	position: 	relative;
	margin-bottom: 	20px;
}

#banner {
	background: transparent url(art/banner.png) no-repeat top left;
	width: 814px;
	height: 210px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}
#menu {
	background: transparent url(art/) no-repeat top left;
	width: 750px;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}

#head {
	background: #000050 url(art/headback.png) repeat-x top left;
	width: 100%;
	font:  12px/1.7em verdana; 
	color: #ffffff;
}


#bannertext {
 	position: absolute;
	margin-top: 40px;
	right:38px;
	font:  0.9em verdana;
	text-align: right;
	color: #808080; 
}

#backtop {
	position:relative;
	font:  11px/1.6em verdana; 
	color: #ffffff;
	width:670px;
	text-align: 	right;
	margin-top:35px;

}


#history {
	background: transparent url(art/history.png) no-repeat top left;
	postion:relative;
	width:695px;
	height:890px;
	margin-left: 15px;
	margin-top:30px;

}

img.floatleft { 
    float: left; 
    margin-bottom: 12px; 
    padding-right:35px; 

}

img.floatLeft { 
    float: left; 
    margin-bottom: 12px; 
    padding-right:12px; 

}

img.floatRight { 
    float: right; 
    margin-bottom: 12px; 
    padding-right:12px;
    padding-left:5px; 
}

a.link:link {color: #004781; font-family:verdana; text-decoration: underline; }
a.link:active {color: #004781; font-family:verdana; text-decoration: underline;}
a.link:visited {color: #004781; font-family:verdana; text-decoration: underline; }
a.link:hover {color:#ff7f00; font-family:verdana; text-decoration: underline; }

a.link1:link {color: #cccccc; font-family:verdana; text-decoration: underline; }
a.link1:active {color: #cccccc; font-family:verdana; text-decoration: underline;}
a.link1:visited {color: #cccccc; font-family:verdana; text-decoration: underline;}
a.link1:hover {color:#333333; font-family:verdana; text-decoration: underline; }

a.link2:link {color: #ffffff; font-family:verdana; text-decoration: none; }
a.link2:active {color: #ffffff; font-family:verdana; text-decoration: none;}
a.link2:visited {color: #ffffff; font-family:verdana; text-decoration: none;}
a.link2:hover {color:#ffffff; font-family:verdana; text-decoration: underline;}


a.link3:link{border-bottom:1px dotted #808080; color: #808080;text-decoration: none;}
a.link3:active{border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }
a.link3:visited {border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }
a.link3:hover{border-bottom:1px dotted #808080; color: #808080;text-decoration: none; }


#footer {
	background: transparent url(art/footer.png) no-repeat bottom left; 
	position:relative;
	width: 814px;
	height: 70px;
}

#IAPS {
	position:absolute; 
	top:860px; 
	left:320px; 
	width:74px; 
	height:32px; 
	border:0px; 
}

#ISC {
	position:absolute; 
	top:860px; 
	left:230px; 
	width:70px; 
	height:33px;
	border:0px; 
}

#pro {
	position:absolute; 
	top:790px; 
	left:540px; 
	width:153px; 
	height:89px;
	border:0px; 
}
	

#mapsupport {
border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080;
border-top-style: solid; border-top-width: 1px; border-top-color: #808080; 
border-left-style: solid; border-left-width: 1px; border-left-color: #808080; 
border-right-style: solid; border-right-width: 1px; border-right-color: #808080;
}

#designed {

	position: absolute;
	padding: 13px 0 0 45px;
	font:  11px  verdana;
	color:#333;
	text-align: left; 
}

.cssform p{
width: 280px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #e1e1e1;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}