/****************************** Main Structures ******************************/

body
{
	background: #03699a;
	margin: 0px auto;
	text-align: center;
}

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


/** Main Structures -> Skip Navigation **/

div#skip-nav
{
	position: absolute;
	top: 7px;
	z-index: 100;
	margin: 5px 0px 0px 5px;
	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;
}

/** Main Structures -> Header **/

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

/** Main Structures -> Main Navigation **/

div#main-nav
{
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: right;
	font-size: 12px;
	line-height: 1.5em;
	height: 1.5em;
	border: 2px solid white;
	text-align:center;
	background-color: #aacde0;
}

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

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

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

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

/** Main Structures -> Context Navigation **/

div#context-nav
{
	text-align: right;
	border: 1px solid #aaa;
	border-top: 0px;
	border-left: 0px;
	padding: 5px 0px 5px 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 4px;
	border-left: 1px solid #aaa;
	border-right: 1px 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;
}

/** Main Structures -> Context Nav -> User Info **/

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

/** Main Structures -> Content **/

div#content
{
	width: 848px;
	background-color: white;
	border-top: 2px solid #03699a;
}


/** Main Structures -> Content -> Content Navigation **/

div#content-nav
{
	float: left;
	width:148px;
	font-size: 80%;
	font-weight: bolder;
	padding-top:5px;
	/*** Alternate Layout Test -> Placing the nav before options in the document order 
	
	position: relative;
	top: 3.4em;
	margin-bottom: 3.4em;***/
}

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

div#content-nav li
{
	margin: 0px;
	padding: 0px;
}

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

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

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

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;
}

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;
}

img.content-nav-image
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	border-top: 2px solid #03699a;
}

div#content-nav li.separator
{
	background: url(images/nav-bullet.gif) no-repeat left;
	color: #03699a;
	padding: 5px 5px 5px 23px;
}

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

div#content-body
{
	background-color: #fff;
	border-left: 2px solid #03699a;
	margin-left: 150px;
}

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

div#content-body p
{
	padding: 10px 10px;
}

/** Main Structures -> Footer **/

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

/****************************** Common Structures ******************************/


/** Common Structures -> Content-Body -> Other **/

h2.separator
{
	margin: 0px;
	padding:5px;
	background-color:#ffc;
	border-bottom: 1px solid #aaa;
}

p.no-results
{
	margin: 10px 0px 10px 25px;
	font-style: italic;
}

div.formatted-string
{
}

div.formatted-string ul, div.formatted-string ol
{
	margin: 10px 15px;
}

div.formatted-string ul, div.formatted-string li
{
	margin-left: 15px;
}

h1 {
	color: #03699a;
	font-size: 20px;
}

div#content-body-container
{
	padding: 1px 10px;
}

ol li {
	margin: 10px;
}