/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

.hi {height:25px;}

html, body { height:100%; }
body {font-size:100%; line-height:1.1em; text-align:center; background:#040f17}
html, input, textarea
	{	font-family:Arial; 
		color:#55647f;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#55647f; text-decoration:underline} 
a:hover{text-decoration:none}
.a1, .a2, .a3, a5{color:#2f5984; background:url(images/arrow1.gif) top left no-repeat; background-position:0 6px; padding-left:7px; font-size:0.9em} 
.a2{padding-bottom:7px; display:block; float:left} 
.a3{ padding-bottom:27px; display:block; float:left} 
.a4{color:#2f5984; background:url(images/arrow1.gif) top left no-repeat; background-position:0 6px; padding-left:7px; font-size:1em} 
.a5{color:#2f5984; background:url(images/arrow1.gif) top left no-repeat; background-position:0 6px; padding-left:7px; font-size:0.9em; padding-bottom:40px; display:block; float:left} 

#content .row2 ul{margin:0px 0 0 35px; padding:0; list-style:none;}
#content ul{margin:0px; padding:0; list-style:none;}
#content ul li{background:url(images/arrow2.gif) top left no-repeat; background-position:0 10px; margin:0px; padding-left:12px; }
.arrow{background:url(images/arrow2.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:12px; line-height:2em;}
.arrow2{background:url(images/arrow2.gif) top left no-repeat; background-position:0 7px; padding:4px 0 5px 12px;}
#content ul li a{color:#344d69; text-decoration:none; background:url(images/a.gif) repeat-x bottom;  line-height:2em} 
#content ul li a:hover {color:#2e6597;  text-decoration:none; }

/*header*/
#header {font-size:0.75em; }
#header .logo{ margin:55px 0 85px 260px }
#header .logo2{ margin:55px 0 195px 260px }
#header .logo1{ margin:58px 0 47px 260px }


.amerinde_logo {position:absolute; margin:55px 0 0 13px;}


/*#lighthouse {position:absolute; margin:30px 0 0 690px; width:70px; float:right;}*/
#lighthouse { margin:33px 30px 0 0; width:70px; float:right;}
#flash_header{
	position:absolute; 
	margin:60px 0 0 145px;
	width:500px;
	height:275px;
	background-image:url(images/flash_header_bg.jpg);
	display:block;
	border:none;
	}

#header ul{margin:49px 0 0 75px; padding:40px 0 0 0px; list-style:none;}
#header ul li{padding-right:22px; display:inline}
#header ul li a{color:#63738e; text-decoration:none; background:url(images/arrow.gif) top right no-repeat; margin:0px; line-height:1.5em; font-size:1.4em; padding:0px 50px 5px 10px} 
#header ul .li a{color:#63738e; text-decoration:none; background:none; line-height:1.5em; font-size:1.4em;} 
#header ul li a:hover { color:#2f5684; text-decoration:none; }
#header ul li span a{color:#2f5684; } 
#header ul .li span a{color:#2f5684; } 

.right_pic {
float:right;
margin:0 0 10px 10px;
}

#splash_container {
width:565px;
height:100px;
float:left;
padding:60px 0 0 225px;
}
#element {
float:left;
margin-right:20px;
}
.skip{margin-top:10px; }
.enter{margin-top:10px; }

#lighthouse1 {float:left; margin-right:20px; width:70px;}


.bann{ margin:7px 0 0px 32px }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg.gif)}
#content .indent{padding:26px 15px 61px 28px}
#content .indent_col1{padding:26px 12px 11px 34px}
#content .indent_col3{padding:26px 17px 11px 33px}
#content .indent_main{padding:0px 27px 40px 29px}
#content .title{  margin-bottom:21px}
#content .title1{  margin-bottom:23px}
#content .pic_left{ float:left; margin:0px 6px 0px 0px}
#content .pic_left1{ float:left; margin:0px 23px 0px 0px}

#content .pic_left2{ float:left; margin:0px 6px 15px 0px}
#content .pic_left3{ float:left; margin:0px 6px 15px 0px}

#content .pic{ margin:0px 0px 25px 0px}
#content p{ margin:0px 0px 15px 0px}
#content h2{ margin:0px 0px 7px 0px; font-size:1.3em; color:#2d5278}
#content h3{ margin:0px 0px 7px 0px; font-size:1em; color:#2f5984; text-transform:uppercase}
#content .h3{ margin:0px;}

#content h4{ margin:0px 0px 21px 0px; font-size:1em; color:#2e6597;}

.lime {color: #9fb806}

.small {font-size:9px; text-transform:uppercase;}
#content .row1{ padding-bottom:27px; background:url(images/bg_row1.gif) repeat-x top left #0c192a; width:100%}
#content .row2{ padding-top:35px; background:url(images/bg_row2.gif) repeat-x top left #0c192a; width:100%}

/*Contact Form*/
.fieldNameCSS {
font-size:1em; 
color:#344d69; 
text-transform:uppercase;
font-weight:bold;
}

.fieldValueCSS {
color:#55647F;
font-size:1em;
margin:0px 0px 15px 0px;
}

/*index-1.html*/
#page1 #content .width1{ width:181px; float:right; margin-top:24px}
#page1 #content .width2{ width:181px; float:left; margin-top:24px}
#page1 #content .width1 h3{ color:#2e6597;}
#page1 #content .width2 h3{ color:#2e6597;}
/*index-3.html*/
#page3 .a2{margin:7px 0 10px 0} 
/*index-4.html*/
#page4 #content .width1{ width:181px; float:right; margin-top:24px}
#page4 #content .width2{ width:181px; float:left; margin-top:24px}
#page4 #content .width1 h3{ color:#2e6597;}
#page4 #content .width2 h3{ color:#2e6597;}
#page4 #content .width2 p {margin-bottom:5px;}
#page4 #content .width1 p {margin-bottom:5px;}
/*index-5.html*/
#page5 #content .width1{ width:181px; float:right; font-size:0.9em}
#page5 #content .width2{ width:181px; float:left; font-size:0.9em; }


/*footer*/
#footer { color:#38455b; font-size:0.75em; background:url(images/bg_bottom.gif) no-repeat top; padding:37px 0px 92px 0px; text-align:center}
#footer a {color:#38455b; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.form{ height:20px}
input{
   	border:1px solid #55647f; 
	background:#182535;
	width:160px; height:18px;
	font-size:1em;
	padding-left:5px;
}
textarea{
   	border:1px solid #55647f; 
	background:#182535;
	width:176px; height:94px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
.right {float:right; padding-right:30px;}
.left {float:left; padding-left:30px;}