@charset "UTF-8";
/* CSS Document */

/* 16px = 1em. not used */

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#0E1031; /* use to be 231F20, close to black */
	background-color:#DAEAEA; /* lighter blue use to be #EAF6F7 */
}

/* remove border from linked images */
a img {border:0;}

/* site container/wrapper */
#wrap {margin:auto; width:760px; background-color:#fff; padding:10px;}

/* position of white/clear/transparent mbt logo */
.mbt {float:left;margin:13px 0 0 11px;}
/* top banner containing background img */
#header {
	background-color:#4F0C0C;
	height:76px;	
	background-image: url(imgs/mbt_bg.gif);
	background-repeat: no-repeat;
}

/* main navigation links */
ul#main_nav {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;	
	padding-top:52px; /* padding used b/c margin gives undesirable results */
	margin:0 29px 0 0;
	text-align:right;
}

#main_nav li {display:inline; width:245px; margin-left:25px;}

#main_nav a:link, #main_nav a:visited 
{color:#999; text-decoration:none;}
#main_nav a:hover, #main_nav a:active 
{color:#fff; text-decoration:none;}

/* default links */
a:link, a:visited 
{color:#0E1031; text-decoration:none;} /*use to be #4d4d4d*/
a:hover, a:active 
{color:#8A2F1D; text-decoration:none;} /*light red*/

/* sub NAV "UPDATES | REVIEWS" on subpages */
#sub_nav {
	float:right;
	clear:left;
	text-transform:uppercase;
	background-image: url(imgs/updatereviewnav_darkbg.gif);
	background-repeat: no-repeat;
	background-position: 1px -19px;
	color:#fff;
	text-align:center;
	width:167px;
	height:20px;
}
#sub_nav ul {
	padding:5px 10px 0 0;
	margin:0;
	list-style-type: none;
	font-size: 10px;
}	
#sub_nav li {display:inline;}
#sub_nav li a {color:#fff;}
#sub_nav li a:hover {color:#4F0C0C;}

/* main text content on pg container */
#main_content {
	width:280px; /*was 270px*/
	float:left;
	margin:10px 0px 10px 5px; /*right was 10px*/	
}
#main_content p {
	font-size:12px; /**/
	line-height:1.5em;
	color:#0E1031;
	padding:0;
	margin:0 0 8px 0;	
}

/* red lead-in text homepage */
.red { color:#4F0C0C;} 

/* mapimg */
/* left contianer with img on subpages */
#mapimg {float:left;margin-right:20px;}

/* horizontal spacing b/w images on left side of sub pages */
#mapimg img {margin-bottom:5px;}

/* resources pg list */
#main_content ul {padding:0 0 0 20px; margin:0;font-size:.7em;}

#main_content ul a {color:#716558;}
#main_content ul a:hover {color:#4F0C0C;}

#reviews ul {
	padding:0 0 0 70px;
	margin:0;
	list-style-type: none;
	font-size: 12px;
}

h3 {padding:0; margin:0 0 8px 0;}

/* HEADERS Updates & Reviews on homepage */
h4 {
	color:#4F0C0C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0 0 0 10px;
	margin:0px 0 0 0; /* top use to be -5px, changed to 0 b/c txt getting cutoff in IE7 */
}

/*  "Fort Totten... Takoma Park" headers on resources page  */
h5 {padding:0 0 0 10px; margin:0; font-size:12px;}


/* side content  div containers*/
#updates, #reviews {
	margin:0 0 10px 0; padding:0;}/*bottom was 15px*/
	
#reviews {width:158px; float:right; border-left:1px dashed #B3B3B3;}
#reviews p {
	font-size:9px; line-height:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0px 0px 10px;
}

/* dates */
#updates p strong, #reviews p strong {
	font-weight:bold;
}

/* div container */
#updates {
	width:301px;
	float:left;
	border-left:1px dashed #B3B3B3;
	margin-left: 14px;
}
#updates p {
	font-size:9px;  line-height:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 10px 0px 10px;
}


/* "ALL REVIEWS> ARCHIVE>" links on homepage */
.more a {
	color:#716558; /* grey/brown */
	background-color:#fff;
	text-align:left;
	display:block;
	text-transform: uppercase;
	font-size: 8px;
	padding-left:10px;
	margin:10px 0;
	font-weight: bold;
}
.more a:hover {color:#4F0C0C;}

/* FOOTER */

/*commented out, using img instead of html txt*/
/* #ddot {
	font-family: "Times New Roman", Times, serif;
	font-size:;
	font-weight: lighter;
	font-style: normal;
	font-variant: normal;
	text-transform: lowercase;
} */

.ddot {float:left;margin:-5px 3px 0 0;}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	background-color: #0E1031;
	padding:10px;	
	clear:both;
	height:16px;	
}
#footer a {color:#fff;}
#footer a:hover {color:#8A2F1D;} /*light red*/