@charset "UTF-8";
/* CSS Document */
#blackboard_container
{
	background-image:url(board-small.gif);
	background-repeat:no-repeat;
	width:474px;
	height:485px;
	padding:3px;
}

#scroller
{
	width:462px;
	height:485px;
	overflow:auto;
}


#blackboard h1
{
	color:#ff6;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#blackboard h2
{
	color:#f30;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:14px;
}

#blackboard h3
{
	color:#ff6;
	font-size:13px;
	font-style:italic;
	font-weight:600;
	margin:10px 15px 0 15px;
	padding:0;
}

#blackboard p
{
	padding:0 15px 10px 15px;
	margin:0;
	color:#fff;
	font-size:11px;
	font-style:italic;
	font-weight:400;
	border-bottom:1px dotted #ccc;
}

ul#menu
{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul#menu li
{
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0;
	margin-left:18px;
	margin-bottom:10px;
	font-style:italic;
}

ul#menu li a:link, ul#menu li a:visited
{
	font-size:15px;
	color:#ff6;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul#menu li a:hover, ul#menu li a:active, ul#menu li a.active:link, ul#menu li a.active:visited
{
	color:#69f;
}

ul.sub_menu
{
	margin-left:0;
	margin-top:12px;
	padding:0;
	padding-left:15px;
	list-style-type:none;
}

ul#menu li ul.sub_menu li a
{
	margin-left:-20px;
	font-size:12px;
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 0 15px 0;
}

#mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-bottom:100px;
}

#container
{
	background-image:url(bg/burger_03.gif);
	background-position:bottom right;
}