body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #666666; 
	font-size: 12px; 
	margin-top: 20px; 
	padding: 0;

}
#container
{
	width:800px;
	position:relative;
	margin: 0px auto;
}
#top 
{
	color: #EFEFEF; 
	background:url(http://practicetracker.com/img/banner.jpg);
	height: 100px; 
	width:800px;
	margin:0;;
	text-align:left;
}

#photopanel
{
	border-style:solid;
	border-width:thin;
	border-color:#848C8B;
	padding:0px;
	height:74px;
	width:532px;
	margin-left:-16px;
	margin-top:-16px;
	padding:0px;
}

#nav /* content navigation area */
{
	position: absolute;
	margin-left: 396px; 
	text-align: right;
}

#nav.ydsf
{
}

#top #nav
{
	visibility:visible; 
	position:absolute;
	width: 215px;
	margin-top:15px;
	margin-left:570px;
	text-align: right;
}

ul
{
	list-style:none;
}

#content 
{
	width: 798px; 
	min-height:580px;
	background-color:#f5f5ef;
	color: #222222;
	text-align:left;
}

#announcement
{
	margin-left:18px;
	width:600px;
	margin-bottom:40px;
}
#announcement h2
{
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#666666;
}

.studentEntry
{
	width:600px;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#666666;
	margin-bottom:20px;
}
	
#posts
{
	margin-left:15px;
}
#miscPage
{
	margin-left:18px;
	width:600px;
}
#featuresPage
{
	margin-left:18px;
	width:770px;
	margin-bottom:10px;
}
#featuresPageLeft
{
	position:absolute;
	width:350px;
	height:auto;
	margin-left:18px;
}
#featuresPageRight
{
	position:absolute;
	width:300px;
	margin-left:440px;
}

#tip
{
	margin-left:18px;
	margin-bottom:40px;
	width:600px;
}
#tip h2
{
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#666666;
}

#mainBody
{
	position:absolute;
	margin-left:280px;
	margin-top:25px;
	width:480px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.5;
}

a,
a:visited
{
	color: #222222;
	text-decoration: none;
	font-weight:bold;
}
a:hover, 
a:active 
{
	text-decoration:underline;
}
#mainBody p
{
	margin-left:0px;
	
}
p.callout
{
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:20px;
	margin-top:16px;
	color:#3A131E;
}
p.calloutAuthor
{
	margin-bottom:20px;
	color:#3A131E;
	font-size:11px;
	margin-top:10px;
	text-align:right;
}

#mainBody h1
{
	margin-top:0px;
	padding-top:0px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}


#sidebar
{
	position:absolute;
	background-color:#848C8B;
	margin-left:15px;
	margin-top:25px;
	width: 250px;
	height:540px;
}

#sidebar #login
{
	position:absolute;
	width: 205px;
	min-height: 125px;
	background-color: #A1B3B3;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	color:#FFFFFF;
	border-style:solid;
	border-width:thin;
	border-color:#FFFFFF;
	z-index:10;
}
#sidebar #login h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}
#sidebar #UserUsername, 
#sidebar #UserPassword 
{
	background-color: #e2eaeb; 
	border: 1px solid #1c1d21;
}

#sidebar #demo
{
	position:absolute;
	margin-top:175px;
	margin-left:10px;
	background:url(http://practicetracker.com/img/demo.jpg);
	width:225px;
	height:250px;
	border-style:solid;
	border-width:thin;
	border-color:#FFFFFF;
	z-index:5;
}

#sidebar #demoLink
{
	position:absolute;
	margin-top:225px;
	width:225px;
	text-align:center;
}
#sidebar #demoLink h2
{
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
}

#sidebar #credits
{
	position:absolute;
	margin-top:450px;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#sidebar a,
#sidebar a:visited
{
	color:#FFFFFF;
}



#bottom {clear: both;}

#left 
{
	width: 360px; 
	padding-right:10px;
	padding-left:18px;
	float: left;
}

#right 
{
	margin-top:10px;
	width: 405px; 
	margin-right:5px;
	float: right;
}

.box 
{	
	padding: 6px; 
	margin-bottom: 6px; 
	width: 370px;
	padding-left:10px;
}
#students
{
	margin-left:18px;
}
#students h2
{
	width:600px;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#666666;
}

.player 
{
	background-color: #ccc; 
	padding: 0; 
	width: 320px; 
	height: 15px;
	margin-top:10px;
	margin-bottom:10px;
}
/*
.box0 {background-color: #bdd9da;}
.box1 {background-color: #FF0000;}
.box0light {background-color: #d0dfe0;}
.box1light {background-color: #d0d6e0;}
*/

/*
h1 {text-align: center; font-size: 30px; padding-top: 25px; margin: 0;}
*/
h2 {font-size: 16px; margin: 0;}
h3 {font-size: 14px; margin: 0;}

h1
{
	text-align:left;
	font-size:24px;
	margin:0;
}
h1.pageTitle
{
	margin-left:18px;
	padding-top:20px;
	padding-bottom:20px;
}
h1.pageTitle2
{
	margin-left:18px;
	padding-top:20px;
	padding-bottom:10px;
}

p.titleText
{
	margin-left:18px;
	padding-bottom:10px;
}

/*
p {margin: .5em; text-align: justify;}
*/
dt {font-weight: bold;}
td, th {padding: 2px 10px;}


#meter {text-align: center;}
#grats {padding-bottom: 5px;}
#monthmeter 
{
	float: left;
	margin-right:20px;
}
#totalmeter 
{
	margin-top: 50px;
	margin-bottom: 70px;
}
#totalmeter_image_units {border-right: 1px solid black;}

.emoticon {float: left; margin: 0 3px 3px 0;}
.star {color: #ffd700;}
.response, .assignment {margin-top: 5px; color: #6e006e;}
.error_message, .required {color: #AA0000;}

#actions {float: right; text-align: right; list-style: none; background-color: #bdc8da; padding: 6px; margin: 0 0 6px 6px; border-width: 0 0 1px 1px; border-color: #eeeff7; border-style: solid;}
#logout 
{
	margin-left:0px;
	font-size: 10px; 
}




.assignment, .goal, .post, .announcement, .tip, .feature {padding: 6px; margin-bottom: 6px;}
.dates {font-size: smaller; color: #1C1D21;}
.edit {font-size: smaller;}
.inplaceeditor-form {background-color: #d0dfe0; padding: 3px;}

blockquote {margin: .5em 2em 0;}

form.techsupport
{
	width:550px;
}

#announcements div.box, #tips div.box, #posts div.box 
{
	width: 600px;
}

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf 
{
}

.ydsf img.box
{
	display:none;
	visibility:hidden;
}

/* ie6 ignores this selector */
/*
html>body .ydsf {
	margin: 10px -10px -2px 10px;
	background: url(/img/shadow.png) right bottom no-repeat;
}
*/
/*
html>body #left .ydsf {margin-right: -7px;}
html>body #right .ydsf {margin-left: 13px;}
*/

/* shadow corners */
/*
.ydsf_before,
.ydsf_after {
	display: block;
	width: 10px;
	height: 10px;
}

html>body .ydsf_before {background: url(/img/shadow.png) right top no-repeat;}
html>body .ydsf_after {background: url(/img/shadow.png) left bottom no-repeat;}
*/

.ydsf_before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
}

.ydsf_after {
	margin: -10px 0 0 -10px;
}