/* -------------------------------------------------------Navigation Styles-----------------------------------------------*/

/* This is the space for all things having to do with navigation and navigation menus
   including the spider navigation menu (i.e. home >> next page >> third page)
   L1 --> Level 1
   L2 --> Level 2
   Main --> Main 'destinations' menu on the left side of the pages
*/

div#ContentSpace #Navigation {
	display: block;
	width: 260px;
	height: 1200px;
	background: #FFF;
	margin: 2 0 0 0;
	padding: 0 0 0 1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	float: left;
}

div#NavTop {
	float: left;
	display: block;
	width: 100%;
	background: #113 url(../images/repeatingbar01.jpg);
	border-top: 1px solid #000;
	margin-top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
/* -------------------------------------------------------Top Level 1 Navigation------------------------------------------- */
div#NavTopL1 {
	/*
	position: absolute;
	left: 0px;
	top: 108px;
	background: #336 url(../images/repeatingbar01.jpg);
	padding-top: 0px;
	padding-left: 15px;
	*/
	margin-left: 20px;
	float: left;
	display: inline;
	height: 22px;
	width: 1024px;
	border: 0px;
	font-size: 14px;
	color: #BBBBBB;
}

div#NavTopL1 a {
	display: inline;
	color: #BBBBBB;
	text-decoration: none;
	height: 22px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #000;
}

	div#NavTopL1 a:visited {
		color: #BBBBBB;
		text-decoration: none;
	}

	div#NavTopL1 a:hover {
		color: #FF9900;
		text-decoration: none;
	}

	div#NavTopL1 a:active {
		color: #BBBBBB;
		text-decoration: none;
	}

div#NavTopL1 form { 
	margin: 0;
        padding: 0;
	display: inline;
 }        

	div#NavTopL1 form span label {
		display: inline;
		color: #BBBBBB;
		text-decoration: none;
		height: 22px;
		padding-top: 3px;
		padding-left: 10px;
		padding-right: 3px;
		border-left: 1px solid #000;
	 }

	div#NavTopL1 form span input { 
		font-size: 12px;
		display: inline;
		text-decoration: none;
		height: 19px;
		padding-top: 1px;
		padding-right: 15px;
		width: 80px;
		margin-bottom: 3px;
	}
	
/* Blue button for inputs */
div#NavTopL1 input.Submit { 
	display: inline;
	border: 0px;
	color: #000;
	text-decoration: none;
	height: 18px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 1px;
	margin-bottom: 3px;
	font-size: 12px;
	text-align: center;
	background: #CCF;
}

/* -------------------------------------------------------Top Level 2 Navigation------------------------------------------- */
/* This used to be for navigation, it is now being used to show the status of the user --> logged in or not. */
div#NavTop2 {
	float: left;
	width: 100%;
	background: #333 url(../images/repeatingbarstudent.jpg);
	height: 18px;
	margin-top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div#NavTopL2 {
	/*
	position: absolute;
	left: 0px;
	top: 130px;
	*/
	color: #BBBBBB;
	font-size: 12px;
	width: 600px;
	border: 0px;
	padding-left: 20px;
}

div#NavTopL2 a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}

	div#NavTopL2 a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}

	div#NavTopL2 a:hover {
		color: #AAAAAA;
		text-decoration: none;
		background: #112;
	}

	div#NavTopL2 a:active {
		color: #FFFFFF;
		text-decoration: none;
	}


/* -------------------------------------------------------Main Navigation------------------------------------------- */
div#ContentSpace #NavMain {
	color: #000;
	font-size: 14px;
}

/* Links: Blue */
div#ContentSpace #NavMain a {
	color: #000;
	display: block;
	width: 100%;
	text-decoration: none; 
	background: #CDF;
	margin-top: 1px;
	text-indent: 4px;
}

	div#ContentSpace #NavMain a:visited {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace #NavMain a:hover {
		text-decoration: none;
		background: #224;
		color: #FFF;
	}

	div#ContentSpace #NavMain a:active {
		color: #000;
		text-decoration: none;
	}

	/* Span Control */
	div#ContentSpace #NavMain a span {
		display: none;
		text-indent: 0px;
	}

/* Turn off site text edit interference in menus */
div#ContentSpace #NavMain a#stedit {
  display: none;
}

	div#ContentSpace #NavMain a:hover span { 
		position: absolute; 
		display: block; 
		width:255px; 
		color: #000; 
		font-size: 10px;
		/* OK, look at this hack.  For its pros and cons,
		IE6 interprets the box model differently than most other
		browsers.  Does that make the other browsers right?
		Probably, but what can you do, 97% of all people will
		be using IE.  Fortunately, IE6 doesn't recognize the
		important attribute, which prevents a property from being
		over-ridden later in the code.  Thus, in this case
		good standards browsers will read the first two lines
		and ignore the latter two, while IE will let the latter
		two lines take control.  Got that?  Good.  Maybe everyone
		will someday follow the W3C standards like good little
		programmers.
		Hack source from http://www.practicalmadness.com/weblog/tests/web_arcana/318_davids_surprisingly_elegant_box_model_hack.php */
              top: 440px !important;
		left: 25px !important;
              top: 440px;
		left: 46px;
	}

div#ContentSpace #NavigationRolloverInfoSpace {
	width: 260px;
	height: 84px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #FFC;
}


/* -------------------------------------------------------Admin Navigation------------------------------------------- */
div#ContentSpace #NavAdmin {
	color: #000;
        font-size: 14px;
}

/* Links: Blue */
div#ContentSpace #NavAdmin a {
	color: #000;
        display: block;
        width: 100%;
        text-decoration: none; 
        background: #CDF;
        margin-top: 1px;
        text-indent: 4px;
}

	div#ContentSpace #NavAdmin a:visited {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace #NavAdmin a:hover {
		text-decoration: none;
		background: #224;
		color: #FFF;
	}

	div#ContentSpace #NavAdmin a:active {
		color: #000;
		text-decoration: none;
	}

	/* Span Control */
	div#ContentSpace #NavAdmin a span {
		display: none;
		text-indent: 0px;
	}

	div#ContentSpace #NavAdmin a:hover span { 
	        position: absolute; 
	        display: block; 
	        width: 255px; 
	        color: #000; 
	        font-size: 10px;
	        /* OK, look at this hack.  For its pros and cons,
		IE6 interprets the box model differently than most other
	        browsers.  Does that make the other browsers right?
	        Probably, but what can you do, 97% of all people will
		be using IE.  Fortunately, IE6 doesn't recognize the
	        important attribute, which prevents a property from being
	        over-ridden later in the code.  Thus, in this case
		good standards browsers will read the first two lines
	        and ignore the latter two, while IE will let the latter
	        two lines take control.  Got that?  Good.  Maybe everyone
	        will someday follow the W3C standards like good little
	        programmers.
	        Hack source from http://www.practicalmadness.com/weblog/tests/web_arcana/318_davids_surprisingly_elegant_box_model_hack.php */
	        top: 350px !important;
	        left: 25px !important;
	        top: 350px;
	        left: 46px;
	}

/* -------------------------------------------------------Spider Navigation------------------------------------------- */
div#ContentSpace #SpiderNavigation {
	/*
	position: absolute;
	left: 0px;
	top: 0px;
	*/
	display: block;
	width: 600px;
	color: #AAA;
	padding-left: 20px;
	font-size:10px;
	height: 20px;
	font-family:arial, geneva, sans-serif;
	float: none;
}

div#ContentSpace #SpiderNavigation a {
	text-decoration: none;
	color: #CCC;
}
	
	div#ContentSpace #SpiderNavigation a:visited {
		color: #CCC;
		text-decoration: none;
	}

	div#ContentSpace #SpiderNavigation a:hover {
		color: #66F;
		text-decoration: none;
	}

	div#ContentSpace #SpiderNavigation a:active {
		color: #66F;
		text-decoration: none;
	}


/* ------------------------------------------Options Navigation-------------------------------------------*/
div#ContentSpace .OptionsNav {
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	line-height: 20px;
	width: 100%;
	margin-left: 1px;
	margin-top: 12px;
	margin-bottom: 4px;
	background: #FFC;
}

div#ContentSpace .OptionsNav a {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #000;
	background: #FFC;
}

	div#ContentSpace .OptionsNav a:hover {
		text-decoration: none;
		color: #000;
		background: #CC8;
	}


/*--------------------------------------------- Module Navigation------------------------------------- */
div#ContentSpace #ModuleNavL1 {
	color: #000;
	font-size: 12px;
}

div#ContentSpace #ModuleNavL1 a {
	color: #000;
	display: block;
	width: 100%;
	text-decoration: none; 
	background: #CDF;
	margin-top: 1px;
	text-indent: 4px;
}

	div#ContentSpace #ModuleNavL1  a:visited {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace #ModuleNavL1 a:hover {
		text-decoration: none;
		background: #224;
		color: #FFF;
	}

	div#ContentSpace #ModuleNavL1 a:active {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace #ModuleNavL1 a.OnRef {
		background: #DDD
	}

div#ContentSpace #ModuleNavL1 .ModuleNavL2 {
	color: #000;
	font-size: 12px; 
	margin-left: 8px;
}

div#ContentSpace #ModuleNavL1 .ModuleNavL2 a {
	color: #000;
	display: inline;
	width: 100%;
	text-decoration: none; 
	background: #FFC;
	margin-top: 1px;
	text-indent: 0px;
}

	div#ContentSpace #ModuleNavL1 .ModuleNavL2 a:visited {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace #ModuleNavL1 .ModuleNavL2 a:hover {
		text-decoration: none;
		background: #432;
		color: #FFF;
	 }

	div#ContentSpace #ModuleNavL1 .ModuleNavL2 a:active {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace #ModuleNavL1 .ModuleNavL2 a.OnRef {
		background: #DDD;
	}

/*-----------------------------------------------Right Side Small Buttons-------------------------------------------------*/
div#ContentSpace .NavButton {
}

div#ContentSpace .NavButton a { 

	border: 2px;
	color: #000;
	text-decoration: none;
	height: 18px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 1px;
	margin-top: 4px;
	font-size: 12px;
	text-align: center;
	background: #CCF;

}
	div#ContentSpace .NavButton a:visited {
		color: #000;
		text-decoration: none;
	}

	div#ContentSpace .NavButton a:hover {
		color: #000;
		text-decoration: none;
                background: #EEF;
	}

	div#ContentSpace .NavButton a:active {
		color: #000;
		text-decoration: none;
	}


/* ---------------------------------------------------------------Menu Info----------------------------------*/
div#ContentSpace .MenuInfo{
	width: 260px;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 4px;
	color: #000
}

div#ContentSpace .MenuInfo a {
	color: #00F;
	text-decoration: none;
}
	div#ContentSpace .MenuInfo a:visited {
		color: #00F;
		text-decoration: none;
	}

	div#ContentSpace .MenuInfo a:hover {
		color: #66F;
		text-decoration: none;
	}

	div#ContentSpace .MenuInfo a:active {
		color: #00F;
		text-decoration: none;
	}