/* CSS for main pages *?
/* main body formatting  */
body {
        margin:10px auto;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:850px;
        background:#000;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family:verdana,helvetica,arial,san-serif;

}

/* main body, left and right columns */
#main-container {
width:850px;
padding:0;
margin:0;
}
#sub-container{
	background-color:#fff;
	overflow:hidden;
	width:851px;
}
#content{
	background-color:#fff;
	width:690px;
	border-left:160px solid #eaeaea; /* The width and color of the rail */
	margin-left:-160px; /* Hat tip to Ryan Brill */
	float:right;
}
#rail{
	background-color:#eaeaea;
	width:160px;
	float:left;
}
#left-col {
	font-size:80%;
	padding:10px 0 10px 9px;;
}
.motto {
color:#c00;padding:5px 0;letter-spacing:1px;
}
/* top logo panel */
#wrapper2{
    width:850px;
    background:#EFEFEF;	
	background: url(..//images/tn_bg220-1.jpg) #999 top left repeat-x;
	border: 1px solid #999;
	height:140px;
 	background-color:white;
}
.section-first {
    border:solid 1px #fff;
    float:left;
    margin-left:0px;
}
#header2 {
	width:528px;
	qheight:65px;
	margin:0;
	padding:0;
	padding-left:40px;
	line-height:1.1;
	font-family:"Times New Roman";
    float:left;
	text-align:center;
}
#header2 h1 {
	margin:0;padding:0;
	padding-bottom:5px;
	padding-top:8px;
	background:transparent;
	font-size:1.2em;
	color:#4d1552;
	text-align:center;
	qborder:1px dashed red;
}
#header2 h2 {
	margin:0;padding:0;
	qpadding-bottom:5px;
	padding-top:2px;
	background:transparent;
	font-size:1.2em;
	color:#4d1552;
	text-align:center;
	qborder:1px dashed red;
}

.section3 {
    qborder:solid 1px #fff;
    float:right;
    margin-left:0px;
}
/* DC Metro stuff #wrapper2 div:first-child{margin-left:0px;}*/

/* top menu stuff */
	#menu ul {
	    qwidth:550px;
	    list-style:none;
	    margin:0 auto;
	    padding:0;
		position:relative;
		z-index:100;
	}
	#menu ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#menu ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#800000;
	    color:#fff;
	    text-decoration:none;
	    qposition:relative;
	    left:15px;
		line-height:1.2em;
		border:1px solid #4d1552;
		font-family:arial,sans-serif;
	}
	#menu ul li a:hover {
	    background:#eaeaea;
		color:#000;
	}
	#menu ul li a.active,
	#menu ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#menu ul li a span {
	    display:block;
	}

/* left column - round corners formatting */

.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.3em; padding:0 5px 5px 5px; border-bottom:1px solid #444;font-family:verdana;text-align:center;font-weight:bold;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: #fff; width:140px; margin:0 3px;}
.xsnazzy h2 {text-align:center;font-size:0.8em;margin:0px;}
.xtop, .xbottom {display:block; background:#fff; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
line-height:1.5;
text-align:left;
}
.xboxcontent ul {
padding-left:5px;
margin-left:20px;
list-style-type:circle;
}
.color_a {background:#800000; color:#fff;} /*#008080#a0522d #af4035*/
/* end left column - round corners formatting */

/* button details  */
#button {
margin:0;padding:0;
}
#button li {
  list-style: none;
}
#button li a {
  color: #000;
  text-decoration: none;
  display: block;
  border-top: #ccc solid 3px;
  border-left: #ccc solid 3px;
  border-bottom: #000 solid 3px;
  border-right: #000 solid 3px;
  width:120px;
  background: lightyellow;
  text-align: center;
}
#button li a:hover {
  border-top: #000 solid 3px;
  border-left: #000 solid 3px;
  border-bottom: #ccc solid 3px;
  border-right: #ccc solid 3px;
  background: #666;
  color: #fff;
} 
/* end button details

/* new footer stuff  */
	/* Footer styles 	*/
	#footer {
        clear:both;
        float:left;
        width:851px;
		border-top:1px solid #000;
		background:#800;
		color:#fff;
		qfont-size:0.7em;
		text-align:center;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */

#footer a{
color: #FFFF80;

}
#footer-container {
	margin: 2px 0;
	padding: 2px 0;	
	font-size: 0.7em;
	padding-left:170px;
	background-color:#800;
	color:#fff;
}

#footer-list {
	text-align:center;
}

#footer-container li {
	display: block;
	float: left;
	margin: 0;
	border:1px solid #fff;
}
ul {
padding:5px 0px;margin:0;
}

#footer-container ul li a {
	background: #800000;
	width: 90px;
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 180%;
	border: 0;
}

#footer-container a:focus, #footer-container a:hover, #footer-container a:active {
	color: #000;
	background:#eaeaea; /* #eed5d2;*/
}

#footer-container li#current a {
	background: #000;
	color: #fff;
}

#footer-container li#current a:focus, #footer-container li#current a:hover, #footer-container li#current a:active {
	color: #fff;
	background: #000;
}

	/* tooltip stuff - old*/
.navtext {
text-align:left; 
width:235px; 
font:bold 9pt sans-serif; 
border-width:2px; 
border-style:outset; 
border-color:white; 
background-color:#ffc; 
layer-background-color:#ffc; 
color:black;
}
/* tooltip new */
#easy_tooltip{
padding:2px 10px;
text-align:left; 
width:235px; 
font:bold 9pt sans-serif; 
border-width:2px; 
border-style:outset; 
border-color:white; 
background-color:#ffc; 
layer-background-color:#ffc; 
color:black;
}