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

/* defaults */
body {
 	margin: 0;
	width: auto;
	background-color: #2b2b2b;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a {color: #0066ff;}
a:hover, a:visited {color: #0066ff;}
img {border: 0;}
form {margin: 0;}
ul {margin-top: 0; margin-bottom: 0;}
/* END defaults */


#main {width: 763px; margin: auto;}
#header {height: 110px; margin: 40px 0 0 0;}
#logo {
	background-image: url(../images/logo_colossal.png);	
	width: 446px;
	height: 98px;
}
*html body #logo {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="images/logo_colossal.png");
	background-image: none;
}
#login {
	width: 185px;
	color: #747474;
	font-size: 12px;
	position: relative;
	top: 25px;
	left: -5px;
}
#login input {
	border: 1px #747474 solid;
	background-color: #171717;
	color: #747474;
	width: 112px;
	height:12px;
	font-size: 10px;
	}
#banner {	
	width: 763px;
	height: 239px;
	margin: auto;
}


/* nav */
#nav-container {width: 764px; height: 47px;}

#content-top {width: 763px; height: 14px;}
/* END nav */	


/* content */
#content-container {width: 761px; background-color: #cacaca; border: 1px #cacaca solid;}

.title {font-size: 20px; font-weight: bold;}
.sub-title {font-size: 16px; color: #0036ff;}
.scroll {
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #cacaca;
	scrollbar-darkshadow-color: #cacaca;
	scrollbar-face-color: #b0b0b0;
	scrollbar-highlight-color: #cacaca;
	scrollbar-shadow-color: #cacaca;
	scrollbar-track-color: #cacaca;

	overflow: auto;
}
img.article {white-space: normal; padding: 8px 8px 50px 0;}
#content-bot {background-image: url(../images/bg_content_bot.gif); height: 14px;}
/* END content */


/* footer */
#footer {width: 758px; color: #cacaca; font-size: 10px; margin: 10px 0 10px 0;}
/* END footer */


/* misc */
/* padding */
.mar-left-ten {margin-left: 10px;}
.mar-top-five {margin-top: 5px;}
.pos-left-ten {position: relative; left: 10px;}
/* alignment */
.float-left {float: left;}
.float-right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.mar-auto {margin:auto;}
.nowrap {white-space: nowrap;}
/* text */
/* borders */
.border {border: 1px red solid;}
/* other */
.cursor {cursor: pointer;}
.no-css {display: none;}
/* END misc */