/* gaatntech anbd gaatn CSS have different 'body' background color 
   and a different border color for 'whitebox'. 
   
      gaatn.css = body background: #efefef; 
      gaatntech.css = body background: #333399;
 
      gaatn.css = whitebox border color: #333399; 
      gaatntech.css = whitebox border color: #666666;  
*/ 

/*BODY*/

 body {
   background: #efefef;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   margin: 2em 3em 2em 4em;
   padding: 0;
   font-size: 100%; 
   }

.gaatn-image { 
  background-color: #333399; 
  }

/*MAIN CONTENT*/

.whitebox {
	background-color: #FFFFFF;
	border: 0.3em double #333399;
	margin: 0;
	padding: 0;
}

.mainmargin {
  margin: 1em 1em 2em 1em; 
}

div.nav {
 position:absolute; 
 float:right;
 right:1.5em;
 top:1em;
 clear:both;
 z-index:1;
 background:#ffffff;
 border: 1px solid #333333;
 }

div.nav p {
 margin: .1em 1em .2em .5em;
 padding: .1em 0 .1em 0;
 }

.red {
 color: #990000;
 font-weight: bold;
 }
 
p {
 color: #333333;
 font-size: 1em; 
 margin: .3em 10em .7em 1.2em;
 }

hr {
 margin: .2em .5em 0; 
 }

blockquote {
 font-size: 1em; 
 margin-left: 1.2em;
 }

a:link, a:visited { text-decoration: underline; color: #003399;  }
a:active, a:hover { text-decoration: underline; color: #CC9900;  }

/*HEADINGS*/

 h1 { 
  color: #333399;
  margin: 0 7em .5em .5em; 
  padding: .5em 0 0 0;
  font: normal 1.75em Arial, Helvetica, sans-serif; 
   }

 h1 a:link, h1 a:visited {
  color: #333399;
  text-decoration: none;
  }
 h1 a:active, h1 a:hover {
  color: #CC9900;
  text-decoration: none;
  }
 
 h2 {
  margin: 1em 7em 1.1em .5em;
  color: #333399;
  font-size: 1.9em;
  font-weight: bolder;
 }
 
 h3 {
  margin: 0 .5em 1em .7em;
  color: #333399;
  font-size: 1.4em;
  font-weight: bolder;
  }

 h4 { 
  color: #333399;
  margin: .5em 8em .2em .8em; 
  padding: .5em 0 0 0;
  font: italic bold 1em Arial, Helvetica, sans-serif; 
  clear: both;
   }

 h4 a:link, h4 a:visited {
  color: #333399;
  text-decoration: none;
  }
 h4 a:active, h4 a:hover {
  color: #CC9900;
  text-decoration: none;
  }
 
 h5 { 
  margin: .5em .5em 1em 1.2em;
  color: #333333;
  font-size: 1.15em; 
  font-weight: bold;
  }

/*SMALL TEXT*/

.small { 
  margin: .3em 2em 1.2em 1.3em;
  font-size: .95em;
  color: #333333;
  }

 .small a:link, .small a:visited { text-decoration: underline; color: #003399;  }
 .small a:active, .small a:hover  { text-decoration: underline; color: #CC9900;  }

.rule { margin: .2em 0 .2em 1em; } 

/*BREADCRUMBS*/

.breadcrumbs {
	font-size: .85em;
	margin: .2em 0 .4em 1.4em;
	color: #666666;
	text-transform: lowercase;
 }

.breadcrumbs a:link, .breadcrumbs a:visited { text-decoration: underline; color: #666666; }
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration: underline; color: #CC9900; }

/*COPYRIGHT*/

p.copyright {
 font-size: .85em; 
 clear: both;
 margin: .1em .3em .3em .8em;
 padding: 0 0 1em 0;
 color: #666666;
 }

 .copyright a:link, .copyright a:visited { text-decoration: underline; color: #003399; } 
 .copyright a:hover, .copyright a:active { text-decoration: underline; color: #666666; }
 
 
.nav {
  font-size: 0.8em;
  text-align:right;
  color: #000000;
  margin: 0 1em 0 0;
  padding: .2em; 
  clear: both;
}
 .nav a:link, .nav a:visited { text-decoration: none; color: #990000; } 
 .nav a:hover, .nav a:active { text-decoration: underline; color: #666666; }

p.tech {
 font-size: .85em; 
 text-align: right;
 margin: -1em .8em .3em .3em;
 padding: 0 0 1em 0;
 color: #666666;
 }

 .tech a:link, .tech a:visited { text-decoration: underline; color: #003399; } 
 .tech a:hover, .tech a:active { text-decoration: underline; color: #666666; }
 
li {
	margin: .1em 0 .2em 1em;
}
li.last {
    margin: .1em 0 .75em 1em;
}

.smallgrey {
	font-size: .8em;
	margin: 0;
	color: #666666;
	text-transform: lowercase;
 }


.floatright {
  float: right;
  }