body {
background: #000000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
line-height: 15px;
color: #666666;
margin: 0px 0px 0px 0px;
}

a 			{ color: #333333; text-decoration: none; }
a:link		{ color: #333333; text-decoration: none; }
a:visited	{ color: #333333; text-decoration: none; }
a:active	{ color: #990000; text-decoration: underline; }
a:hover		{ color: #990000; text-decoration: underline; }

p {
margin-top: 0px;
margin-bottom: 15px;
}

small {
font-size: 10px;
display: none;
}


/* begin main structure styles */

#wrapper {
background: #ffffff;
width: 620px;
text-align: left;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
margin-left: auto;
margin-right: auto;
border-bottom: 3px solid #990000;
display: block;
}

#masthead {
background: #ffffff;
width: 620px;
height: 80px;
padding-bottom: 1px;
border-bottom: 3px solid #990000;
}

#instructions {
width: 590px;
color: #000000;
padding: 10px 15px 10px 15px;
border-bottom: 3px solid #990000;
}

#instructions p {
margin: 0px;
}

/* end main structure styles */


/* begin content styles */

.content {
width: 620px;
height: 336px;
padding-bottom: 10px;
border-bottom: 1px solid #323b4d;
margin-top: 15px;
overflow: hidden;
}

.content_info {
width: 190px;
height: 335px;
padding-right: 15px;
border-right: 1px solid #323b4d;
margin-left: 15px;
float: left;
overflow: hidden;
}

.content_info a {
background: url("images/play_bullet.gif") 0px 1px no-repeat;
padding-left: 14px;
color: #333333;
text-decoration: none;
}

.content_info a:link 	{ color: #333333; text-decoration: none; }
.content_info a:visited { color: #333333; text-decoration: none; }
.content_info a:active 	{ color: #990000; text-decoration: underline; }
.content_info a:hover 	{ color: #990000; text-decoration: underline; }

.content_info h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
line-height: 20px;
font-weight: normal;
color: #990000;
margin-top: 8px;
margin-bottom: 0px;
}

.content_info h2 {
font-size: 10px;
line-height: 12px;
color: #000000;
margin-top: 1px;
margin-bottom: 0px;
}

.content_info p {
line-height: 13px;
margin-top: 3px;
margin-bottom: 5px;
}

.content_info ul {
padding: 0;
margin: 0px 0px 10px 0px;
list-style-type: none;
}

.content_info li {
margin-bottom: 0px;
}

.code {
width: 370px;
height: 336px;
color: #333333;
margin-left: 15px;
float: left;
}

.code h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin-top: 12px;
margin-bottom: 3px;
}

.code p {
margin-bottom: 0px;
}

.samplecode {
background: #eaebed;
width: 359px;
border: 1px dashed #989da6;
padding: 5px;
}


/* end content styles */