/* text classes */
body {
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 0.75em;
	margin: 0px;
	padding: 0px;
}
.mainmenuItem { font-weight: bold; }
.submenuItem { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans serif; font-size: 0.91em; }
.submenuItemActive { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans serif; font-size: 0.91em; color: #999999 !IMPORTANT; }
.emphasis { font-family: Arial; font-weight: bold; }
.heading { font-size: 1.15em; font-weight: bold; }

a:link { color: #999999; text-decoration: none; }
a:visited { color: #999999; text-decoration: none; }
a:hover { color: #999999; text-decoration: underline; }
a:active { color: #999999; text-decoration: none; }

#mainmenu a:link { color: white; text-decoration: none; }
#mainmenu a:visited { color: white; text-decoration: none; }
#mainmenu a:hover { color: #999999; text-decoration: none; }
#mainmenu a:active { color: white; text-decoration: none; }



/* section IDs */

/* the main box and everything in it */
#box {
	width: 662px;	
	background: black;
	color: white;
	text-align: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
html>body #box { width: 660px; } /* fucking browsers - right border issues in IE */


/* top row of box - bridges logo, page "title" text and page-specific image (mouse,matches, etc) */
#titlebar { ; }


/* left column - safe crossings and the submenu */
#leftside {
	position: absolute;
	width: 123px;
}

#safe_crossings { ; }

#mainmenu {
	padding-top:38px;
	margin-right: 7px;
	text-align: right;
}
html>body #mainmenu { width:123px; }

.submenu {  position: relative;  left: -5px;  }
html>body .submenu {  position: relative;  left: -10px;  }

.subsubmenu {  position: relative; left: -11px;  }
html>body .subsubmenu {  position: relative;  left: -13px;  }


/* the right side of the page including title bar and main body */
#rightside {
	width: 537px;
	position: relative; left: 123px;
	background:white;
	color: black;
}

#content {
	background:white;
	color: black;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 1in;
	padding-bottom: 40px;
}

#news {
	border: 1px solid black;
	width: 414px;
	overflow: hidden;
}
#news .content {
	padding: 5px;
}

/* at bottom of box */
#copyright {
	width: 535px;

	text-align: right;
	font-size: 0.85em;
	font-weight: bold;
	letter-spacing: 0.4px;
	line-height: 2em;
}
html>body #copyright { width: 537px; } /* arg, i hate browsers so much */