/* 
Author:  Sanders Chong
Version: 001
*/

body
{
	padding:0;
	margin:10px auto -13px auto;
	font:76% tahoma, verdana, sans-serif;
	background:#e0e0e0;
	color:#303030;
	background:#000000;
}

a
{
	text-decoration:none;
	color:#286ea0;
}

#boundingbox
{
	margin:0 auto 15px auto;
	width:738px;
	padding:5px 20px 20px 20px;
	background:#000000;
}


/* title */

#titlename
{
	margin:15px 0 0 0;
}

#titlename h1 a
{
	font-size:large;
	color:#7e7e7e;
}

#titlename h1 a:hover
{
	text-decoration:none;
}

/* portrait */
#portrait
{
	clear:left;
	float:left;
	width:175;
	margin:0 0 0 0;
	padding:0;
}

/* title image */
#titleimage
{
	clear:right;
	float:right;
	width:555;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* side bar */
#sidebar
{
	clear:left;
	float:left;
	width:170px;
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9em;
}

#sidebar ul
{
	list-style:none;
	width:150px;
	margin:0 0 20px 0;
	padding:0;
	font-size:1.1em;
}

#sidebar li
{
	margin-bottom:4px;
}

#sidebar li a
{
	font-weight:bold;
	height:20px;
	text-decoration:none;
	color:#aaaaaa;
	display:block;
	padding:6px 0 0 10px;
	background:#323232;
	border-left:4px solid #cccccc;
}	
	
#sidebar li a:hover
{
	background:#000000;
	color:#286ea0;
	border-left:4px solid #286ea0;
}

.announce
{
	margin:10px 0 10px 0;
	padding:10px;
	width:130px;
	color:#aaaaaa;
	background-color:#323232;
	line-height:1.3em;
}

/* topbox */
#topbox
{
	color:#e2e2e2;
	margin:0 0 4px;
	text-align:right;
}

#topbox a
{
	color:#9ad;
	font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	font-size:smaller;
}

#topbox a:hover
{
	text-decoration:underline;
}

/* main content */
#maincontent
{
	font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	color:#e2e2e2;
	background-color:#000000;
	font-size/* */:/**/small;
    font-size: /**/small;
    margin:0px 0px 0 200px;
}

#maincontent a:link 
{
	line-height:1.6em;
	text-align:left;
	color:#a7a;    
}

#maincontent ul
{
	list-style:none;
	width:420px;
	margin:0px 0px 2px 20px;
	padding:0;
	font-size:small;
}

#maincontent li
{
	font-weight:bold;
	margin-bottom:0px;
	font-size:small;
}

#maincontent li a
{
	font-weight:normal;
	text-decoration:none;
	color:#aaaaaa;
}	
	
#maincontent li a:hover
{
	color:#286ea0
}

/* content subtitle */
#subtitle
{
	text-align:center;
	font-size:large;
	color:#9ad;
}

/* Foot note */
#footer
{
	clear:both;
	background:#000000;
	color:#808080;
	font-size:0.9em;
	padding:8px 0 8px 0;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	text-align:center;
}

#footer a
{
	color:#20407e;
}

/* general style classes */

.left
{
	margin:10px 10px 5px 0;
	float:left;
}

.right
{
	margin:10px 0 5px 10px;
	float:right;
}

.center
{
	text-align:center;
}

.textright
{
	text-align:right;
}

.hide
{
	display:none;
}