/* main.css

 * the ARCH project

 */



body {

	margin: 0px;

	padding: 0px;

	background: white;

	color: #339;

	font: normal normal 1.1em sans-serif;

}



/* div with id */



#headerWrap {

	position: absolute;

		top: 0px;

		left: 0px;

		z-index: 8;

	margin: 0px;

	padding: 0px;

	border-bottom: 4px solid #339;

	border-left: 4px solid #339;

	overflow: hidden; 

}



#header {

	margin: 0px;

	padding: 0px;

	width: 640px; 

	height: 120px;

}



#menu {

	position: absolute;

		top: 124px;

		left: 0px;

		z-index: 7;

	width: 150px;

	height: 100%;

	margin: 0px;

	padding: 0px;

	background: #def;

	color: white;

	overflow: hidden;

}



#content {

	position: absolute;

		top: 124px;

		left: 150px;

		z-index: 2;

	margin: 0px;

	padding: 0px 1em 1em 1em;

	overflow: visible;

}



#where {

	font-size: 0.8em;

	color: #bab;

	margin: 0.4em 0px 0.4em 0px;

}



/* title div */



div.title {

	float: left;

	position: relative;

		top: 78px;

		left: 87px;

		z-index: 8;

	margin: 0px;

	padding: 0px;

}



div.title h1 {

	font-size: 36px;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

}



div.title h1 span {

	font-weight: bold;

	background: #339;

	color: #def;

	padding: 4px 8px;

}



/* menu div */



div.menuBox {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	border-bottom: 2px solid #57c;

}



div.menuItem {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 150px;

	height: 24px;

	overflow: hidden;

	text-align: right;

}



/* other stuff */



h1, h2, h3, h4, h5, h6 {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: left;

}



p {

	line-height: 1.4em;

	margin: 0px 0px 1em 0px;

	padding: 0px 0px 0px 0px;

}



ul {

	line-height: 1.4em;

	margin-top: 0px;

	margin-bottom: 1em;

}



.current {

	font-weight: bold;

}



span.arch {

	font-weight: bold;

	background: #339;

	color: #def;

	padding: 0px 0.1em;

}



img.logo {

	position: absolute;

		top: 0px;

		left: 0px;

		z-index: 1;

	margin: 0px;

	padding: 0px;

}



#content img {

	float: left;

	margin: 0px 8px 8px 0px;

}



/* general purpose linkage */



a {

	text-decoration: underline;

}



a:link {

	color: #33c;

}



a:visited {

	color: #969;

}



a:active {

	color: blue;

}



a:hover {

	color: blue;

}



/* menu linkage */



a.menuLink {

	margin: 0px;

	padding: 0px 4px 0px 0px;

	font-size: 16px;

	text-decoration: none;

	width: 150px;

	color: #339;

}



a.menuLink:link {

	text-decoration: none;

	color: #339;



}



a.menuLink:visited {

	text-decoration: none;

	color: #339;



}



a.menuLink:active {

	text-decoration: none;

	color: #339;



}



a.menuLink:hover {

	text-decoration: none;

	color: white;

}



/* where linkage */

#where a, #where a:link, #where a:visited, #where a:active {

	text-decoration: none;

	color: #bab;

}



#where a:hover {

	color: #bab;

	text-decoration: underline;

}



/* end of main.css */