/****************************** Body / Container ******************************/

body
{
	background: #ddd url(images/background-body.jpg) repeat-x;
	margin: 0px auto;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

div#container
{
	width: 850px;
	margin: 0px auto;
	text-align: left;
}


/****************************** Skip Navigation ******************************/

div#skip-nav
{
	position: absolute;
	top: 3px;
	z-index: 100;
	margin: 5px 0px 0px 0px;
	float: left;
	font-size: smaller;
}

div#skip-nav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#skip-nav li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#skip-nav a
{
	color: white;
	padding: 5px;
}

/****************************** Header ******************************/

div#header
{
	height:111px;
	width: 850px;
	background: url(images/background-header.jpg) no-repeat;
}

/****************************** Footer ******************************/

div#footer
{
	font-size: 80%;
	padding: 10px;
	text-align:right;
	float: right;
}

/****************************** Main Navigation ******************************/

div#main-nav
{
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	font-size: 120%;
	margin-bottom: 2px;
}

div#main-nav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

div#main-nav ul li
{
	margin: 0px 5px;
	padding: 0px;
	display: inline;
}

div#main-nav ul li a
{
	color: white;
	margin: 0px 5px 0px 5px;
}

div#main-nav ul li.selected a
{
	font-weight: bolder;
	text-decoration: underline;
}

/****************************** Context Navigation (User Bar) ******************************/

div#context-nav
{
	margin: 0;
	padding: 5px 0px;
	text-align: right;
	border: 1px solid #aaa;
	border-top: 0px;
	border-left: 0px;
	background-color: #ddd;
}

div#context-nav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

div#context-nav li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#context-nav li a
{
	padding: 5px 5px;
	border-left: 1px solid #aaa;
	border-right: 0px solid #aaa;
	background-color: #eee;
	color: #666;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}

div#context-nav li.selected
{
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

div#context-nav li.selected a
{
	color: #000;
	position: relative;
	top: 1px;
	padding-top: 6px;
	background-color: #fff;
}

div#context-nav a:hover
{
	background-color: #fff;
}

div#context-nav li.last a
{
	border-right: 0px;
}

div#context-nav div#user-info
{
	display: inline;
	float: left;
	padding-left: 3px;
}

/****************************** Content Box ******************************/

div#content
{
	background-color: #fff;
	border: 1px solid #aaa;
	border-top: 0px;
}


/****************************** Content Navigation ******************************/

div#content-nav
{
	/*** Alternate Layout Test -> Placing the nav before options in the document order ***/
	/*position: absolute;
	top: 3.2em;*/
	margin-top: 3.2em;
	margin-bottom: 0;
	overflow: hidden;
	
	float: left;
	/*width:142px;*/
	width: 184px;
	background: #fff;
	font-size: 80%;
	font-weight: bolder;
}

div#content-nav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#content-nav li
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #ccc;
}

div#content-nav a
{
	color:#555;
	padding: 5px 5px 5px 5px;
	display: block;
}

div#content-nav a:hover
{
	background: url(images/nav-bullet.gif) no-repeat right;
	background-color: #eee;
}

div#content-nav li.selected a
{
	background: url(images/nav-bullet.gif) no-repeat right;
	background-color: #eee;
}

div#content-nav li.membership a
{
	background: url(images/membership.png) no-repeat right;
}

div#content-nav li.membership a:hover
{
	background: url(images/membership.png) no-repeat right;
	background-color: #eee;
}

div#content-nav li.planner a
{
	background: url(images/planner.png) no-repeat right;
}

div#content-nav li.planner a:hover
{
	background: url(images/planner.png) no-repeat right;
	background-color: #eee;
}

div#content-nav li.gradebook a
{
	background: url(images/gradebook.png) no-repeat right;
}

div#content-nav li.gradebook a:hover
{
	background: url(images/gradebook.png) no-repeat right;
	background-color: #eee;
}

div#content-nav li.preferences a
{
	background: url(images/preferences.png) no-repeat right;
}

div#content-nav li.preferences a:hover
{
	background: url(images/preferences.png) no-repeat right;
	background-color: #eee;
}

div#content-nav img.content-nav-image
{
	display: block;
	margin: 0;
	padding: 0;
	/*width: 142px;*/
	width: 184px;
}

div#content-nav li.separator
{
	background: url(images/nav-separator.gif) repeat-x center center;
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

/** Main Structures -> Content -> Content Body **/

div#content-body
{
	border-left: 1px solid #aaa;
	/*margin-left: 142px;*/
	margin-left: 184px;
	color: black;
}

div#content.no-nav div#content-body
{
	margin-left:0px;
	border:0px;
}

/*************** Content Options (Trail & Section selectors) ***************/

div#content-options
{
	border-bottom: 1px solid #aaa;
	padding: 7px 5px 7px 1px;
	text-align: right;
}

div#content-options ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#content-options li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#content-options a
{
	color:black;
	border:1px solid #ccc;
	background-color:#97c5ff;
	padding-left:4px;
	padding-right:4px;
	white-space: nowrap;
}

div#content-options li.selected a
{
	background-color:#fff;
}

div#content-options ul.trail
{
	float: left;
	/*** Alternate Layout Test -> Placing the nav before options in the document order ***/
	/*margin-left: -142px;*/
	margin-left: -184px;
	max-width: 75%;
	text-align:left;
	height: 1.5em;
	overflow: hidden;
}

/** override the previous for main content pages with no-nav (User pages) **/
div#content.no-nav div#content-options ul.trail
{
	margin-left: 0px;
}

/** override the previous for main content pages with form pages **/
div#form div#content-options ul.trail
{
	margin-left: 0px;
}

div#content-options ul.trail a
{
	border: none;
	color: blue;
	white-space: normal;
	background:url(images/trail-bullet.gif) no-repeat center left;
	padding-left: 10px;
	padding-right:0px;
	/*
	display:block;
	float:left;
	max-width: 100px;
	overflow: hidden;
	*/
}

div#content-options ul.trail li.first a
{
	background: none;
	padding-left: 4px;
}

div#content-options li.disabled
{
	color:black;
	border:1px solid #ccc;
	background-color:#97c5ff;
	padding-left:4px;
	padding-right:4px;
	white-space: nowrap;
}

/****************************** Search Box ******************************/

div#search-box
{
	margin: 5px 0px 0px 0px;
	float: right;
	font-size: smaller;
}


/****************************** Form help fix ******************************/

div.fieldset div.help
{
	width: 200px;
}

div.fieldset input.full
{
	width: 350px;
}

div.fieldset textarea.full
{
	width: 350px;
}

/****************************** Tools Navigation ******************************/

div#tools
{
	float:right;
	margin: 7px 5px 0px 0px;
	font-size: smaller;
}

div#tools ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#tools li
{
	margin: 0px;
	padding: 5px;
	display: inline;
	border: 1px solid gray;
	background-color: white;
	color: black;
}

div#tools a
{
	padding: 5px;
}

div#tools a.cart
{
	background: url(images/shopping_cart.png) no-repeat left;
	padding-left: 20px;
}