body {background: #000000; color: #FFFFCC; font-size: medium; font-family: Arial, sans-serif;}


/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: small sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #FFFFCC;
border: 1px solid #000000;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;
}

.ddsubmenustyle li a{
display: block;
width: 200px; /*width of menu (not including side paddings)*/
color: #003366;
background-color: #FFFFCC;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #000000;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 180px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #FFFF99;
color: #003366;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold small sans-serif;
list-style-type: none;
border-bottom: 1px solid #FFFFCC;
background: #000000;
overflow: hidden;
width: 900px;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 8px; /*padding inside each tab*/
border-right: 1px solid #FFFFCC; /*right divider between tabs*/
color: #FFFFCC;
background: #000000;
}

.mattblackmenu li a:visited{
color: #FFFFCC;
}

.mattblackmenu li a:hover{
background: #000000; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: #000000; /*background of tab with "selected" class assigned to its LI */
}
//------------------------
 
 
.showsub{
 	display: block;
 	font-size: small;
  	padding: 0px;
  	margin-left: 0px;
  	line-height: 0px;
 }
 
#content {
	z-index: 1;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-left: 5px; 
	padding-right: 10px;}

#fp {
	z-index: 3;
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900x;
	}

#titlebanner {
	z-index: 4;
	position: absolute;
	top: 185px;
	margin-left: 80px;
	font-size: 48pt;
	font-family: Times New Roman, serif;
	color: #FF9900;
	}
	
#titleurlbanner {
	z-index: 4;
	position: absolute;
	top: 265px;
	margin-left: 80px;
	font-size: 16pt;
	font-family: Times New Roman, serif;
	color: #FF9900;
	}

#homepagearrow {
	z-index: 4;
	position: absolute;
	top: 540px;
	margin-left: 845px;
	border: 0;
	}

#banner {
    z-index: 3;
    position: relative;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 900x;
    background: url('../web/archatlas-images/banner.jpg');
    }
    
#pagebanner {
    z-index: 5;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 12px;
        text-align: left;
    font-size: 12pt;
    font-family: Verdana, sans-serif;
    color: #FFFFFF;
    }

#pagebannerauthordate {
    z-index: 4;
        float: right;
    	padding-top: 2px;
        padding-right: 12px;
        text-align: right;
    font-size: 9pt;
    font-family: Times New Roman, serif;
    color: #FF9900;
    }

.indexmenu {
padding: 0px;
margin-left: 3%;
list-style: none;
}

.menui {
  list-style: none; 
  font-size: small;
  text-decoration: none;
  padding: 0;
  line-height: 20px;
}

.submenui {
  list-style: none; 
  font-size: small;
  text-decoration: none;
  padding: 0;
  margin-left: 3%;
  line-height: 15px;
}

.hide {display: none;}
 
 .show { 
 	display: block;
 	font-size: small;
  	text-decoration: none;
  	padding: 0px;
  	margin-left: 0px;
  	margin-top: 0px;
  	margin-bottom: 5px;
 }

p {text-align: justify; margin-right: 3%; margin-left: 3%;}
dt {margin-right: 3%; margin-left: 3%;}
.center {text-align: center;}
.biblio {text-align: left; font-size: small;}
.biblio2 {text-align: left; margin-left: 5%;}
.super {vertical-align: super; font-size: smaller;}

input {background-color: #FFFFFF; color: #000000; margin: 2px;}
textarea {background-color: #FFFFFF; color: #000000; margin: 2 px;}
select {background-color: #FFFFFF; color: #000000; margin: 2 px;}

ol.roman {list-style: upper-roman;}
ol.short {position: relative; left: 5px;}
ul.subshort {position: relative; left: 0px; list-style: none;}
ol.shortalpha {position: relative; left: 2px; list-style: upper-alpha;}
ul.short {position: relative; left: 2px; list-style: none;}
ul.nobullet {list-style: none;}
li.header {margin-top: 5px;}

.tablealign {padding-right: 20%; padding-left: 20%;}
.lgtable {padding-right: 10%; padding-left: 10%;}

.left {text-align: left; margin: 0.5%;}
.right{text-align: right; margin: 0.5%;}
blockquote {text-align: justify; margin-left: 10%; margin-right:10%;}

.quote {font-size: small; font-family: Times New Roman, serif; font-style: italic; text-align: center; margin-left: 10%; margin-right:10%; font-weight: bold;}

.logo {font-family: Times New Roman, serif; color: #FF9900; font-variant: small-caps;}
.logoblack {font-family: Times New Roman, serif; color: #000000; font-variant: small-caps;}

h1 {font-size: large; font-weight: bold; margin-right: 3%; margin-left: 3%;}
.title {font-size: xx-large; font-weight: bold; font-family: Times New Roman, serif; color: #FF9900; font-variant: small-caps;}
h2 {font-size: medium; font-weight: bold; margin-right: 3%; margin-left: 3%;}
h3 {font-size: small; font-weight: bold; margin-right: 3%; margin-left: 3%;}


a:link {color: #FF9900;}
a:visited {color: #0099FF;}
a:hover {color: #00FFFF;}
a.list:link {color: #00FFFF; }
a.list:hover {color: #FF9900;}
a.black:link {color: #000000;}
a.black:visited {color: #3366CC;}
a.blue:link {color: #FF0000;}
a.blue:visited {color: #3366CC;}
a.orange:link {color: #FF9900;}
a.orange:visited {color: #CCFFFF;}


.noline {text-decoration: none;}

.orange {color: #FF9900;}
.red {color: #FF0000;}
.yellow {color: #FFFF99;}
.grey {color: #777777;}

.blueline {border: 1px solid #3366CC; text-align: center;}

.yellowback {background: #FFFF33; color: #000000;}
.paleyellowback {background: #FFFF99; color: #000000;}
.blueback {background: #3366CC; color: #000000;}
.ltblueback {background: #6699FF; color: #000000;}
.paleblueback {background: #99BCDF; color: #000000;}

.smallblack {color: #000000; font-size: small;}

table.short {position: relative; left: -20px;}

.small {font-size: small;}
.xsmall {font-size: x-small;}
.smallcaps {font-variant: small-caps;}

.floatleft {float: left; padding: 5px;}
.floatright {float: right; padding: 5px;}

.postcard {
	position: relative;
	left:20%;
	font-size: medium; 
	font-family: Times New Roman, serif;
	background: #FFFFFF;
	color: #000000;
	width: 520px;
	height: 400px;
	text-align: left;
	
	}