body {
	margin:					10px;
	padding:				0px;
	background-color:		#000000;
	background-image:		url(Html-background-greenMesh.png);
	min-width:				640px;
}

* {
	font-family:			arial, sans-serif;
	font-size:				12px;
	color:					#FFFFFF;
}



/* ------------------------------------------------------------------------- */
/* Logos                                                                     */
/* ------------------------------------------------------------------------- */

#alienFactoryLogo {
	margin-bottom:			0.5em;
}

#projectLogo {
	float:					right;
	margin-bottom:			0.5em;
}



/* ------------------------------------------------------------------------- */
/* BreadCrumbs                                                               */
/* ------------------------------------------------------------------------- */

#breadCrumbs {
	border-top:				1px solid #99CC00;
	border-bottom:			1px solid #99CC00;
	padding:				0.3em 1em 0.3em 1em;
	color:					#99CC00;
	text-align:				right;
}

#breadCrumbs a {
	color:					#99CC00;
	text-decoration:		none;
}

#breadCrumbs a:hover {
	color:					#CCFF55;
	position:				relative;
	top:					1px;
	left:					1px;
}



/* ------------------------------------------------------------------------- */
/* SideBar                                                                   */
/* ------------------------------------------------------------------------- */

#sideBar {
	float:					left;
	width:					10em;
}

#sideBar .endorsed {
	display:				block;
	margin-top:				3em;
}

#sideBar .endorsed a {
	display:				block;
	text-align:				center;
	margin-bottom:			1em;
}

#sideBar .endorsed img {
	border-width:			0px;
	width:					88px;
	height:					31px;
}



/* ------------------------------------------------------------------------- */
/* SideMenu                                                                   */
/* ------------------------------------------------------------------------- */

#sideMenu {
	padding-bottom:			3em;
	border-bottom:			1px solid #99CC00;
}

#sideMenu .logo {
	text-align:				center;
	padding-top:			1em;
	padding-bottom:			1em;
}

#sideMenu ul {
	list-style-type:		square;
	list-style-image:		url(Html-sideMenu-bullet.png);
	list-style-position:	inside;
	marker-offset:			0px;
	padding:				0px;
	margin:					0px;
}

#sideMenu li {
	margin-bottom:			0.5em;
	line-height:			1em;	/* this is for IE */
}
	
#sideMenu li a {
	text-decoration:		none;
}

#sideMenu li a:hover {
	text-decoration:		underline;
}

#sideMenu li.selected {
	list-style-image:		url(Html-sideMenu-bulletSelected.png);
	font-weight:			bold;
}
 


/* ------------------------------------------------------------------------- */
/* Footer                                                                    */
/* ------------------------------------------------------------------------- */

#footer {
	clear:					both;
	border-top:				1px solid #99CC00;
	border-bottom:			1px solid #99CC00;
	padding:				0.3em 1em 0.3em 1em;
	color:					#99CC00;
}

#footer .version {
	float:					right;
}



/* ------------------------------------------------------------------------- */
/* Body                                                                      */
/* ------------------------------------------------------------------------- */

#body {
	margin-left:			10em;
	padding-top:			0.5em;
	padding-left:			0.5em;
	border-left:			1px solid #99CC00;
	overflow: 				auto;	/* for clearing floats see http://www.webmasterworld.com/css/3668184.htm */
}

#body * {
	font-family:			verdana, arial, sans-serif;
}

#body h1 {
	display:				block;
	background-color:		#99CC00;
	color:					#000000;
	font-size:				17px;
	height:					1.5em;
	line-height:			1.5em;
	padding-left:			0.25em;
	margin:					0em 0 1em 0;
}

#body h2 {
	display:				block;
	color:					#99CC00;
	font-weight:			bold;
	margin-bottom:			0.5em;
	border-bottom:			1px solid #99CC00;
}

p {
	margin:					0px;
	margin-bottom:			1em;
	text-align:				justify;
}

#body a {
	color:					#99CC00;
}

#body a span {
	color:					#99CC00;
}

#body a:hover {
	color:					#CCFF55;
}

#body img {
	border-width:			0px;
}

#body p.image {
	text-align:				center;
	margin:					0px 0px 0px 0px;
}

#body p.caption {
	text-align:				center;
	font-size:				10px;
	color:					#99CC00;
}

#body ul {
	margin-bottom:			1em;
}

#body li {
    list-style-type: 		square;
    list-style-image: 		none;
    list-style-position:	outside;
    line-height:			1.2em;
}

#body ol {
	margin:					0px;
	margin-bottom:			1em;
}

#body hr {
	border:					1px solid #99CC00;
	margin:					1em;
}

#body code {
	font-family:			courrier, monospace;
}

#body .centre {
	text-align:				center;
}

#body .clear {
	clear:					both;
}

#body .justify {
	text-align:				justify;
}

#body .button {
	border:					2px solid #99CC00;
	border-color:			#D4E993 #628300 #628300 #D4E993;
	background-color:		#669900;
}

.displayNone {
	display:				none;
}



/* ------------------------------------------------------------------------- */
/* Print Media Styles                                                        */
/* ------------------------------------------------------------------------- */

@media print {
	
	/* hide all non-essential content */
	#header, #footer, #sideMenu {
		display:			none;
	}
	
	/* default all text to black on white */
	* {
		color:				#000000	!important;
		background-color:	#FFFFFF !important;
	}
	
	h1 {
		color:				#FFFFFF	!important;
		background-color:	#000000 !important;	
	}
}