html, body {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	color: #EEEEEE;
	padding: 0;
	margin: 0;
	background-color: #333333;
}

a:link, a:visited {
	padding-bottom: 0px;
	color: #ffcc00;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration: none;
}

img {
	border: 0;
}

#head-wrap {
	width: 900px;
	height: 76px;
	background-color: #333333;
	margin: 0 auto;
}

#rolly-head {
	margin: 0 auto;
	width: 900px;
}
#rolly-head h1 {
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
	height: 1px;
}

/* Navigation */
#rolly-head ul {
	float: right;
	margin-right: 0px;
	margin-top:12px;
}
#rolly-head li {
	display: inline;
	color: #999999;
	padding-right: 15px;
	font-size: 120%;
}
#rolly-head li a:link, #rolly-head li a:visited {
	color: #EEEEEE;
	text-shadow: #111111 1px 1px 1px;
}
#rolly-head li a:hover, #rolly-head li a:active {
	color: #ffcc00;
	background-color: transparent;
}
#rolly-head li a.active {
	padding-bottom: 2px;
	color: #ffcc00;
	border-bottom: 1px solid #ffcc00;
}

#headBar {
	width: 900px;
	height: 150px;
	background-color: #7facc5;
	border-top: 1px solid #375a81;
	border-bottom: 1px solid #9dc7df;
	text-align: center;
}

#column-wrap {
	margin: 0 auto;
	width: 900px;
}

#left-column,
#whatbeta,
#debug {
	width: 900px;
	color: #cccccc;
	border: 1px solid #222222;
	background-color: #2a2a2a;
	margin-bottom: 15px;
}

#left-column p,
#whatbeta p,
#debug pre,
#debug p {
	padding: 7px;
	padding-top: 0px;
}

#left-column h2,
#left-column h3 {
	color: #12adf5;
	font-weight: normal;
	padding: 7px;
}

#left-column h3 {
	color: #8ad4f6;
	padding-bottom: 0px;
	margin-bottom: 0;
}

#whatbeta {
	border: 1px solid #9a8327;
}

#whatbeta strong {
	color: #9a8327;
}

#debug pre {
	overflow: auto;
	margin-left: 5px;
	margin-right: 5px;
}
#debug p {
	padding-bottom: 0;
}
#debug {
	border: 1px solid #d78495;
	background-color: #582f37;
	color: #ffbac6;
}
#debug h3 {
	margin: 0;
	padding: 0px;
	padding-left: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d78495;
	font-weight: normal;
	color: #e93e5d;
}

#newFeatures,
#newFeatures-right {
	width: 250px;
	margin: 0;
}

#newFeatures {
	width: 550px;
}

#newFeatures-left,
#newFeatures-right {
	list-style-type: none;
}
#newFeatures-left li,
#newFeatures-right li {
	padding: 3px;
	padding-left: 0;
}

#newFeatures-right {
	float: right;
}

.tutorial h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.tutorial h3 span {
	color: #eeeeee;
}

.menu-cmd {
	background-color: #333333;
	padding: 2px;
	color: #ffffff;
}

.kb-short {
	font-style: italic;
	font-size: 90%;
	color: #99CC66;
}

#backToTuts {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 90%;
}

#tutorialList {
	padding: 10px;
}

.chooseTutorial {
	padding: 10px;
	border: 1px solid #222222;
	background-color: #333333;
	width: 500px;
	height: 50px;
	margin-bottom: 10px;
}

.chooseTutorial img {
	float: left;
	width: 50px;
}

.chooseTutorial .tutInfo {
	float: right;
	width: 440px;
}
.chooseTutorial .tutInfo h3 {
	padding: 0px;
	margin: 0px;
	margin-top: -2px;
}
.chooseTutorial .tutInfo p {
	padding-top: 0;
	margin-top: 1px;
}
.chooseTutorial .tutInfo p span {
	font-size: 80%;
	color: #666666;
}

/* Footer */
#foot-wrap {
	width: 900px;
	height: 80px;
	border-top: 1px solid #222222;
	margin: 0 auto;
}
#foot {
	margin: 0 auto;
	width: 900px;
	color: #555555;
}

#foot-wrap
{
	margin-top: 25px;
}
#foot ul {
	margin: 0;
	padding: 0;
	float: right;
	width: 210px;
}
#foot li {
	display: inline;
	color: #555555;
}

#foot li a:link, #foot li a:visited {
	color: #444444;
}
#foot li a:hover, #foot li a:active {
	color: #eeeeee;
	background-color: transparent;
}

#foot a:link, #foot a:visited {
	color: #444444;
}
#foot a:hover, #foot a:active {
	color: #eeeeee;
	background-color: transparent;
}