/*********************************************************************************************
This file contains the CSS specifications that are common to both the AICC and AFS sites

Some of the styles here are 'incomplete' and have different settings in aicc.css and afs.css.
Those styles are documented in those two files.
**********************************************************************************************/

/* global html element specifications */
body 	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
margin: 0px;
padding: 0px;
color: black;
}

a	{text-decoration:none;}

h1 {
margin: 0px 0px 10px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:600;
}

/* begin IE specific settings for min-width compatibility */
* html .header_container {
margin-left:-780px;
position:relative;
}
* html .banner_minwidth, * html .topmenu_minwidth, * html .content_minwidth,
* html .header_container , * html .date_minwidth, * html .content_container {
height: 1px;
}
/* End IE specific settings for min-width compatibility */

.banner {
position:relative; 
top: 0px; 
left: 0px;
/*height:77px;*/
border-top:1px solid black;
padding: 2px 0px 0px 0px;
min-width:780px;
width:100%;
background-color:#EFE7D6;
height:76px;
}
/* begin IE min-width incompatibity workaround section */
* html .banner_minwidth {
border-left:780px solid #EFE7D6;
}
/* end IE min-width incompatibity workaround section */

.topmenu {
position:absolute;
left: 0px; 
height:18px;
min-width:780px;
width:100%;
}

.date {
position:absolute;
left: 0px; 
height:16px;
min-width:780px;
width:100%;
font-size:9px;
color:#666666;
float:right;
text-align:right;
background-color:white;
}
/* begin IE min-width incompatibity workaround */
* html .date_minwidth {
border-left:780px solid white;
}
/* end IE min-width incompatibity workaround */

.topmenu ul {
list-style-image:url(/images/blank_dot.gif);
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
}

.topmenu li {
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
font-weight:600;
font-size:11px;
float:left;
}

.topmenu li#right {
border-right: 0px;
}

.topmenu li#plevel {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-right: 0px;
font-size:9px;
color:#FFFF00;
float:right;
display:block;
width:135px;
padding-top:2px;
padding-right:1px;
}

.topmenu a {
width:100%;
display:block;
color:#dddddd;
padding: 1px 0px 2px 0px;
margin: 1px 0px 2px 0px;
}

.topmenu a:hover {
color:#FFFFFF;
background-color:#00A3CE;
background-color:#663333;
}

div#leftmenu
{position:relative;
top: 20px;
width:185px;
font-size:9px;
padding-top:15px;
text-align:left;}

dl#spacer
{display:none;}

dl.leftmenublk 
{margin:0 0 10px 10px;
font-size:9px;}

dl.leftmenublk dd
{position: absolute;
z-index: 100;
left: 130px;
margin-top: -2em;
width: 170px;
display:none;}

dl.leftmenublk ul
{
margin:0;
padding:0; 
list-style:none;
}

dl.leftmenublk a 
{display:block;
padding:1px;}

dl.leftmenublk dd a:hover
{display:block;}

.scrollablearea {
border-top:2px solid #cccccc;
border-left:2px solid #cccccc;
border-bottom:2px solid #cccccc;
border-right:2px solid #cccccc;
position:relative;
padding-left:3px;
left:15px;
width:560px;
height:400px;
overflow:auto;
background-color:white;
background-color:#fafafa;
margin-bottom:5px;
}

.content {
position:absolute;
min-width:580px;
background-color:white;
width:72%;
}
/* This next section is IE specific settings for min-width compatibility */
* html .content_minwidth {
border-left:580px solid white;
}
* html .content_container {
position:relative;
margin-left:-580px;
}
/* End IE specific settings for min-width compatibility */

.content p {
margin: 0px 20px 0px 15px;
font-size:11px;
}

.content a {
font-size:10px;
color:#0066CC;
}
.content a:hover {
color:#0044FF;
color:#0022dd;
text-decoration:underline;
}

.content a#big {
font-size:12px;
color:#0066CC;
}
.content a#big:hover {
color:#0044FF;
text-decoration:underline;
}

.content ul {
list-style-image:url(/images/blank_dot.gif);
margin-bottom:3px;
}

.content li {
margin-top:2px;
margin-left:-10px;
}

.content li#category {
list-style-image:url(/images/blank_dot.gif);
color:#336666;
color:#774444;
color:#555;;
font-weight:600;
font-size:12px;
font-style:italic;
margin-top:8px;
margin-bottom:7px;
margin-left:-28px;
}
.content li#listheader {
list-style-image:url(/images/blank_dot.gif);
color:#663333;
font-weight:400;
font-size:11px;
margin-bottom:7px;
margin-left:-20px;
margin-top:8px;
}

/*
.content li#tall {
vertical-align:top;
height:35px;
}
*/

.content li#monospace {
font-family:"Courier New", Courier, mono;
font-size:11px;
margin-top:3px;
background-color:#EEEEEE;
width:400px;
}
.content li#monospaceheader {
font-family:"Courier New", Courier, mono;
font-size:11px;
list-style:none;
color:#663333;
}

.content li#dot {
list-style-image: url(/images/dot.gif);
margin-left:-5px;
}

.content #phonelist td {
font-size:11px;
padding:1px 1px 2px 10px;
background-color:#e6e1d2;
background-color:#f3f1ea;
list-style:none;
}

.content li#dropdown {
list-style-image:url(/images/blank_dot.gif);
list-style:none;
margin-left:-0px;
margin-bottom:0px;
}
.content li#dropdown select {
height:20px;
font-size:9px;
color:#0066CC;
}
.content li#dropdownheader {
list-style-image:url(/images/blank_dot.gif);
list-style:none;
padding-top:5px;
font-size:10px;
margin-left:-0px;
color:#551111;
}

.newsflash {
font-size:14px;
font-weight:600;
}

.content hr#section {
margin:0px 0px 0px 15px;
width:98%;
}

/* Classes for divs for two column display of UL's in the content section.  
NOTE - if the right col content exceeds the height of the left col content
an explicit height style must be added to the left col div on that specific page */

/*div.content .twocolwrapper
{position:relative;
border:1px solid green;
margin-top:10px;}


div.content .leftcol
{width:280px;
border:1px solid white;}

div.content .rtcol
{position:absolute;
top:0;
left:280px;
width:280px;} */

#twocolwrapper
{position:relative;
top:0px;
left:10px;
width:95%;}

#leftcol
{float:left;
width: 40%;
}
/*background-color:#00CC99} */

#rtcol
{float:left;
width: 40%;
}
div.clear{ clear: both; }

/* background-color:#FF3399}*/


.smallfont
{font-size:9px;}

.smallfont a
{font-size:9px;}

#littletext {
font-size:9px;
}
#littletext a {
font-size:9px;
}

div#menucredit
{margin:-5px;
margin-bottom:5px;
/*border:1px solid red;*/
color:gray;}

div#menucredit a
{color:gray;}

.modocmars {
/*
border-top:2px solid #cccccc;
border-left:2px solid #cccccc;
border-bottom:2px solid #cccccc;
border-right:2px solid #cccccc;
*/
position:relative;
padding-left:3px;
left:15px;
width:550px;
height:300px;
background-color:white;
margin-bottom:5px;
}

/*
position:absolute;
left:15px;
top:230px;
min-width:580px;
background-color:gray;
border-width:thick;
width:72%;
*/