/*   for ACARA-VT   12/06/06  VT Web-Ink Design  */
*{ 
 margin:0; 
 padding:0; 
  }

html {
background-color:#003333; /*#999966; */
color: #fff;
font-family: Arial, Verdana, Helvetica, "Trebuchet MS", Trebuchet, sans-serif;
font-size:16px;
text-align: center;
}

body {    
position: relative ;
font-size:62.5%; /*ie: 10px=100%, 1em */

}
body .location{

}


/*================== page sections =============================*/

#wrapper {  
background-color: #102623 ;  /*  #003333; */
position: relative;
margin: 8px auto 15px auto;  
border-top: 3px solid #660000;
border-left:1px solid #660000;
border-right: 1px solid #660000;
border-bottom: 4px solid #660000;
height:auto;
width:700px; 
}

#main {                  /*holds all  */
   /* background-color: #102623 ;   #003333; */
	width: 100%;
	position: relative;
	height:auto;
	font-size: 1.15em;      /* 11px +/-  */ 
	
   }
 /*---------------------------*/  
#banner{
   /* background-color: #102623 ;   #003333; */
	position:relative;
	height:193px;         
	width:100%;
 background-image:url(/graphics/acara_banner3.jpg) ;
 background-repeat: no-repeat;
 background-position:top left;
}

#nav {
position: absolute;
float: right;
display: inline;
top: 3px;
/* left: 590px;
width: 60px; */
right:-12px;
width:auto;
background-color: transparent ;  /* #003333; */
color: #cc9900;
z-index:1000;
}
#nav ul{ list-style-type:none;
	/*position: relative;*/
	font-size: .95em;
	line-height: 100%;
   margin-left:2px;
   width:auto; /*100px;*/
}
#nav ul li{
   padding-bottom: 2px;
   
	
}
#nav ul li a, a:visited {
  
  color:#cc9900;
  padding: 1px 2px;
 text-decoration: none;
  }
 #nav ul li a:hover {
  color:#003333;
  background-color: #ffff99;
  font-weight: normal;
    }	   
	
	#alert {
	postion:absolute; float:right; display:block; top:175px;left:523px;
	}
  /*------breadcrumbs----*/
#table1 table{
	width:450px;
	border:0;
	position:absolute;
	top: 180px;
	left: 1%;
	text-align:left;
	height: 15px;
   }
#table1 td {
    line-height: 150%;  
	font-size: 95%;
	text-align: left;
	color:#fff;
	text-decoration: none;
	background-color: #102623 ;  /* #003333; */
	width:100%;
	
	}
#table1 td a {
text-decoration:underline;
  color:#ffff99;
  }

#table1 td a:hover {
  color:#003333;
  background-color: #ffff99;
  font-weight:normal;
}

  #table1 a:visited{
  color:#666;
  text-decoration:none;
  
  }
  
 /*-------- body---------*/
#content {
	width:100%;
	position:relative;
	margin-top:15px;	
    }
  
	#container1 { 
	width:88%;  
	background-color:#ffffcc; 
	margin:8px auto;
	 /*width:95%; 
	 margin:1px auto 0 auto;*/
	 color:#000000;
	 text-align: left;
	 position:relative;
	 }  
	
	 
		#leftcol{
			width:74%;
			float:left;
			position:relative;
			background-color:#ffffcc; 
		 
		     }
	
		#bottcol { /*background-color:#ffffcc; */
		  width:99%;
		  clear:both;
		   }
 	
		#rightcol {
			background-color:#D0C094;color: #333;
			width:20%;
			float:right;
			position:absolute;
			display: inline;
			height: auto;
			/*right:43px;*/
			top:1px; 
			right:1px; /*43px;
			top:21.25em;*/
			border-left:1px dotted #666;
			border-bottom: 3px #666 solid;
		 }
		  #rightcol p{
			font-size: 1em;
			line-height: 110%;
			text-align: left;
			margin-left: 3px;
			margin-right: 2px;
		
			}
			/* #rightcol a {
			color: #000066;
			text-decoration: underline;
			}
		 #rightcol a:hover{
			color: #666666;
			font-weight:bold;
			}       */
		
  
 #footer{             /* within main, same level as content */
	height:30px;
	width: 100%;
	position:relative;
	border-top: 3px solid #660000;
	clear:both;
	padding: 8px 0 4px 0;
     }

 .footer{
   color:#fff;
        font-size: 90%;     /* of body size (ie: 10px/1em/100%)   */
        text-align: center;
       line-height:100%;
     }
.footer  a {
text-decoration:underline;
  color:#ffff99;
  }

.footer   a:hover {
  color:#003333;
  background-color: #ffff99;
  font-weight:normal;
}

.footer a:visited{
  color:#666;
  text-decoration:none; 
  }
  
  #arrlogo {
position:absolute; float:left; left:30px; bottom:-16px;
 }
 #arrlogo a,  a:hover, a:visited {
 text-decoration: none;
 background-color: transparent; } 

 /*============ Typography ======================*/	
 
.txt2{  /*section header */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 5em;
	text-align:right;
	width: auto; /*300px; */
	line-height: 100%;
	font-weight: 400;
	letter-spacing:-.03em;
	float:right;
	position: absolute;
	top: 110px;
	/*left: 265px;*/
	right:3em;
	color:#CC9900;
	z-index: 1000;
	/*height: 83px;*/
}

.menu {  /* top, bottom text menus */
  
   font-size: 85%;
   line-height: 155%;
   color:#666;
   text-transform:uppercase;
   margin-top:5px;
   
}
.menu a {
color:#666; 
text-decoration: underline;  }
.menu a:hover {
background-color:#999; 
color:#ccc; }
.menu a:visited {
color: #666;  }
 

 
h1{
font-size: 1.5em;
color: #fff;
font-weight:400;
margin-top: 10px;
padding-left:15px;
}
h1 a, a:visited { text-decoration: underline; 
    color: #ccc; }     /* light gray*/

h1 a:hover { color: #666;  /* light gray */
          text-decoration: none;
		 background-color:#ccc;
		 }     

h2{
font-size: 1.3em;
color: #000;
font-weight:bold;
margin-top: 10px;
padding-left:15px;
}

h3{
font-size: 1.2em;
color: #000;
font-weight: bold;
margin-top: 10px;
padding-left:15px;
}

.sub {
 
margin-top: 5px;
color: #000;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
 
padding-left:18px;
}

p {
	line-height: 150%;  
	font-size: 1.1em;
	font-weight: normal;
	padding-left:15px;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom:1px;
	letter-spacing: .02em;
	}

a, a:visited { text-decoration: underline; 
    color: #666; }     /* med gray*/

a:hover { color: #ccc;  /* light gray */
          text-decoration: none;
		 background-color:#999;
		 }  
		 
.ttip a, .ttip a:hover, .ttip a:visited {text-decoration:none; border-bottom:1px dotted #999; color:#000; background-color:#ffffcc; cursor:help;}  

.p0-10 {
margin-top:0;
margin-bottom:10px;
    }
.p0-0 {
margin-top:0;
margin-bottom:0;
   }

.call{
 font-size:0.9em; font-style:italic;}

 .top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    font-size: 85%;
    text-align: right;
	font-weight: normal;
	font-style: oblique;
	margin-right: 25px;
   }

.top a{
	text-decoration: none;
   }
 .top a:hover{
	text-decoration: underline;
   font-weight: normal;
   /* color: #999; */
   } 





.em, i { /* to emphasize */
	font-family:inherit;
	font-style: oblique;
   }

.italic {  /*to style as italic, eg for titles, etc */
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
   }
.eight {
  font-size:.8em;
  letter-spacing: .01em;  }
.nine { 
   font-size:.9em;
   letter-spacing: .01em; }

.ten { 
   font-size: 1em; }
   
 .plus1 { 
   font-size: 1.2em; }
   
 .currentloc { 
   color: #330000 }
 
	
.listtext {
  line-height: 125%;
  }
  
#scroll, #scroll2, #scroll3 {
    text-align: left;
	 font-size: 1em;
    font-weight: normal;
    line-height: 125%;
	width: 98%;
	height: 200px;
	overflow: auto;
     
	}

.dfn {
	color: #666666;
	border-bottom: 1px dotted #666;
	cursor: help;
}
	
  /*------------Alerts, Notices, special cases -------*/
#alert{

	float: right;
	position: absolute;
	width: 130px;
	top: 175px;
	
	left: 523px;
	z-index:1000;
}


#alert .text {
	font-size:95%;
	font-style: normal;
	line-height: 110%;
	font-weight: bold;
	color: #FFFFFF;
}
#alert .text a, .text a:hover, .text a:visited {
    text-decoration: underline;
	color: #FFFFFF;
}



.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	line-height: 110%;
	font-weight: normal;
	padding-left: 50px;
	padding-right: 30px;
	color: #000;
}


.imagebrdr {
border:1px solid #000;
}

.imagenobrdr {
 border:0;
 }
 
.leftimage{
float: left;
margin-right: 10px;
}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 10px;

}

.clearR{
clear: right;
/*display: block;
background-color:#00FF66; 
width: 200px;*/
}

.clearL {
clear:left;
}

.clrBoth {
  clear:both;
}


.rule {
width: 100%;
height:2px;
background-color: #bca76b ;  /* #999966; */
border-top:#660000 solid 1px;
margin:5px auto;
}
.rule hr {
display:none;
}
.alignL {
text-align: left;
}
.alignR {
text-align:right;
}
.alignC {
text-align: center;
}

/*============== Collapse divs===============*/

.menu {
  
   font-size: 85%;
   line-height: 155%;
   color:#000000;
   text-transform:uppercase;
   margin:15px 0 6px 0;
   
}
.app {
  margin:2px;
   padding:1px;
  background-color:#eee;
  width: 100%;
  border:1px dotted #333;
}
.app p {
  margin:0; padding:0;
}

.fltL3 {           /* 3 "cols" of text, side-by-side */
  float:left;
  width:28%;
  padding:1em;
}
.fltL4 {           /* 4 "cols" of text, side-by-side */
  float:left;
  width:20%;
  padding:.5em;
}
.fltL5 {           /* 5 "cols" of text, side-by-side*/
  float:left;
  width:15%;
  padding:.5em;
}


ul {
margin-left: 50px;
margin-right:20px;
padding-top:4px;
}
li {
font-size: 110%;
padding-bottom:4px;
line-height: 135%;
}
ul li ul  {
margin-left: 25px;
}

dl {
margin-left: 50px;
margin-right:10px;
margin-top:8px;
}
dt {
font-size: 120%;
font-weight:bold;
line-height: 135%;
}
dd  {
margin-left: 25px;
font-weight:normal;
padding-bottom:8px;
}