* { margin: 0; padding: 0; }

body {
background: #a6a6a4;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

a {
color: #000;
text-decoration: none;
}

img {
border: 0;
/* IE6 will put spacing at bottom (like text) without display: block on images */
display: block;
}

div.clearboth { clear: both; }
div.left { float: left; }
div.right { float: right; }

* .left { float: left; }
* .right { float: right; }

#wrap {
width: 897px;
margin: 20px auto 0;
background: #f2f2f2 url(http://www.acilab.com/images/wrap.gif) repeat-y;
}

/* Head Area
***************************************************************************************/
#header {
width: 897px;
height: 87px;
background: #a6a6a4 url(http://www.acilab.com/images/header.jpg) no-repeat center;
}
	#header select#quickjump {
	position: relative;
	left: 685px;
	top: 32px;
	width: 130px;	
	}

#topnav ul{
margin-left: 50px;
font-size: 1.2em;
font-weight: bold;
}
#topnav li{
float: left;
list-style-type: none;

}
#topnav li a {
display: block;
padding: 3px 10px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
background-color: #eee;
}
#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
background-color: #ffd551;
}

/* special highlighting for "ACI Blog" button - 4/23/08
#topnav li a.blog {
background-color: #ffd551;
}
#topnav li a.blog:hover,
#topnav li a.blog:active,
#topnav li a.blog:focus {
color: #fff;
background-color: #000;
}
*/


/* Content Area
***************************************************************************************/
#breadcrumbarea {
float: left;
font-size: 1.2em;
padding-left: 52px;
margin-top: 5px;
}
	#breadcrumbarea a {
	background: transparent url(http://www.acilab.com/images/breadcrumb.gif) no-repeat center right;
	padding-right: 15px;
	}
	#breadcrumbarea a:hover {
	text-decoration: underline;
	}
	#breadcrumbarea #location {
	font-size: 0.8em;
	font-style: italic;
	padding-right: 5px;
	}
	#breadcrumbarea .currentpage{
	font-weight: bold;
	}

#searcharea {
float: right;
display: inline;
padding-right: 35px;
padding-top: 8px;
}
	#searcharea a:hover,
	#searcharea a:active,
	#searcharea a:focus {
	text-decoration: underline;
	}

#page-title {
width: 627px;
height: 33px;
position: relative;
left: 30px;
float: left;
background: transparent url(http://www.acilab.com/images/title-block.gif) no-repeat center;
overflow: hidden;
}
	#page-title span {
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	margin: 3px 0 0 20px;
	display: block;
	}

#sidenav {
width: 135px;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #474747;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #474747;
float: right;
background: #fdfbe7;
font-size: 1.3em;
margin-right: 35px;
/* IE6 float: <dir> + margin-<dir> needs display: inline or margin is doubled */
display: inline;
}
	#sidenav p.browse {
	font-weight: bold;
	text-decoration: underline;
	}
	#sidenav p.launchnote {
	padding-top: 5px;
	background: #fff;
	font-size: 80%;
	font-style: italic;
	text-align: center;
	}
	#sidenav li {
	list-style-type: none;
	padding: 2px 0 0 10px;
	}
	#sidenav li a {
	/*display: block; /* removed for IE6 */
	color: #4c4c4c;
	}
	#sidenav .forms {
	color: #30c;	}
	
	#sidenav .launch {
	color: green;
	}
	/* in an ideal world...
	#sidenav .launch::after {
	content: "*";
	} 
	*/
	#sidenav li a:hover,
	#sidenav li a:active,
	#sidenav li a:focus {
	font-weight: bold;
	text-decoration: underline;
	}
	
#social, #chat {
width: 135px;
float: right;
clear: right;
margin-top: 15px;
margin-right: 35px;
/* IE6 float: <dir> + margin-<dir> needs display: inline or margin is doubled */
}

#social { display: none; }
	
#main-content {
float: left;
width: 675px;
margin: 15px 0 0 30px;
/* IE6 float: <dir> + margin-<dir> needs display: inline or margin is doubled */
display: inline;
font-size: 1.2em;
}
	#main-content #content-wrap {
	width: 600px;
	margin-left: 20px;
	}	
	#main-content ul {
	margin-left: 1.5em;
	}

/* Foot Area
***************************************************************************************/
#footer {
height: 10em;
background: transparent url(http://www.acilab.com/images/footer.jpg) no-repeat bottom;
}

#signup {
width: 800px;
position: relative;
left: 50%;
margin-left: -400px;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #474747;
}
	#signup form {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	}

#bottomnav {
text-align: center;
font-size: 1.6em;
padding-top: 10px;
}
#bottomnav a {
color: #8b0000;
font-size: 0.8em;
padding: 0 10px;
}
#bottomnav a:hover,
#bottomnav a:active,
#bottomnav a:focus {
text-decoration: underline;
}

#sosumi{
text-align: center;
color: #000;
padding-bottom: 25px;
}
#sosumi span {
font-size: 1.2em;
border-right: 1px solid #fff;
padding: 0 15px;
}
#sosumi span.lastitem {
border: none;
}