#content-wrapper
{
	padding-top:20px;
	padding-bottom:30px;
}

#left-nav
{
    float:left;
    width:140px;
	font-size:11px;
}

#left-nav a
{
	line-height:20px;
}

#left-nav a:hover
{
    color:#FF8749;
}

#main-column
{
    float:right;
    width:537px;
	font-size:13px;
}

#main-column p
{
	margin-top:8px;
	margin-bottom:8px;
	line-height: 18px;
}

#main-column h1
{
	font-size:22px;
    color:#333;
}

#main-column h2
{
	position:relative;
	font-size:16px;
	margin-top:18px;
    color:#333;
}

#main-column h3
{
	font-size:14px;
	margin-top:9px;
    color:#333;
}

#main-column ol, #main-column ul
{
	margin-top:8px;
	margin-left:30px;
	margin-bottom:8px;
}

#main-column ol li
{
	list-style-position:outside;
}

.numeric-list li
{
  	list-style-type: decimal;
}

a, a:visited, a:active{
	color:#EC5225;
	text-decoration:none;
}

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

#doc {
	color:#666;
}

.blockquote
{
    margin-left:20px;
    margin-right:20px;
}

.left-nav-highlighted a, .left-nav-highlighted a:visited, .left-nav-highlighted a:active
{
    color: #7c7c7c;
}

#left-nav .left-nav-highlighted a:hover
{
    color: #7c7c7c;
}

/* standard styles for all how-to's on the CMS */
.code
{
    background-color: #dddddd;
    font-family: Consolas, Courier New, Courier;
    width: 527px;
    white-space: pre;
    padding: 10px 0px 10px 10px;
    font-size: 12px;
}
.code strong
{
    color: navy;
}
.code .comment
{
    color: green;
}

#container
{
	margin-top: 1em;
	margin-bottom: 2em;
    width: 537px;
    height: 350px;
    background-color: black;
    border: 1px solid black;
    color: white;   /* for error messages, etc. */
}