/* <![CDATA[ */

body {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font: 10pt "Trebuchet MS", arial;
	color: #000000;
	background-color: #eeeeee;
}

a {
	color: #008CBA;
	text-decoration: none;
}

a:hover {
	color: #0000cc;
	text-decoration: underline;
}

a.feature {
	color: #0000cc;
	text-decoration: none;
}

a:hover.feature {
	color: #f5811c;
	text-decoration: underline;
}

#main {
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	background-color: #ffffff;
	border: 1px solid #999999;
}

#header {
	margin: 1px 1px 1px 1px;
	height: 122px;
	background: url(images/bg-grade.gif) repeat-x;
}

.title {
	float: left;
}

.title img {
	float: left;
	padding: 14px 0px 0px 10px;
}


.title h1 {
	color: #7768bc;
	font-size: 18pt;
	font-weight: bold;
	margin: 36px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
}

.title h2 {
	color: #8cc844;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
}


#topnav {
	margin: 1px;
	background-color: #ffddc1;
	height: 30px;
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
}

#topnav ul {
	margin: 4px 0px 4px 0px;
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;
}

#topnav ul li {
	display: inline;
}

#topnav ul li a{
	color: #847444;
	padding: 1px 14px 3px 14px;
	text-decoration: none;
}

#topnav ul li a:hover{
	color: #ffddc1;
	background-color: #847444;
	text-decoration: none;
}


#content {
	margin: 16px 10px 10px 10px;
	width: 420px;
	float: left;
}


#content h3 {
	font-size: 11pt;
	font-weight: bold;
}

#pageContent {
	padding: 16px 10px 10px 10px;
	float: left;
	text-align: left;
}

#pageContent h3 {
	font-size: 11pt;
	font-weight: bold;
}


#features {
	margin: 16px 10px 10px 10px;
	float: right;
	width: 270px;
	height: 364px;
	background: url(images/bg-feature-box.gif) no-repeat;
}

#features h4 {
	color: #f5811c;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	padding: 22px 20px 0px 20px;
}

#features ul {
	color: #7768bc;
	margin: 4px 0px 4px 0px;
	padding: 12px 20px 10px 20px;
	list-style-type: none;
	white-space: nowrap;
}

#microsoft {
	margin: 0px 20px 0px 0px;
	float: right;
}

#microsoft img {
	float: left;
	padding: 2px 14px 2px 14px;
}

#pagefooter {
	clear: both;
	padding: 20px 0px 10px 0px;
	text-align: right;
	font-size: 10px;
	color: #333333;
}

#footernav {
	clear: both;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}

#footernav ul {
	margin: 4px 0px 4px 0px;
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;
}

#footernav ul li {
	display: inline;
}

#footernav ul li a{
	color: #7768bc;
	padding: 1px 14px 3px 14px;
	text-decoration: none;
}

#footernav ul li a:hover{
	text-decoration: underline;
	color: #f5811c;
}

input.withbackground { background-image: URL("/gfx/forum/inputbg.png"); border: 1px solid #777777; padding-left: 5px; }
textarea.withbackground { background-image: URL("/gfx/forum/textareabg.png"); border: 1px solid #777777; padding-left: 5px; }	

/* ]]> */