/*////////////////////////////////////////////////

CONTENT DYNAMICS V2.1

Stylesheet: Public Website: Navigation.Css
Design: Cubeular Systems
Development by: Justin Harrison
Date: 01/03/2010

///////////////////////////////////////////////*/

/* ////////////// Primary Navigation //////////////// */

#navigation
{
	left: 100px;
	width: 900px;
	height: 35px;
	position: absolute;
	z-index: 50;
	top: 374px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
}


#inner_navigation
{
	left: 100px;
	width: 900px;
	height: 35px;
	position: absolute;
	z-index: 2;
	top: 165px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
}


#orangenav
{
    width: 170px;
    height:34px;
    z-index: 2;
    float: right;
    right: 0px;
    top: 0px;
}

#orangenav a
{
	display: block;
	padding: 9px 88px 8px 30px;
	z-index: 2;
	background-image: url('../Template/BkgdOrangeNav.jpg');
	background-image: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
}

#slidingDiv
{
	border: 1px solid #FF6600;
	display: none;
	height: 500px;
	width: 400px;
	position: absolute;
	top: 30px;
	left: 478px;
	padding: 10px;
	margin-top: 5px;
	background-color: #FFFFFF;
}

#courses_left
{
	float: left;
	left: 5px;
	width: 170px;
	height: 230px;
	position: relative;
	z-index: 1;
	top: 0px;
}

#courses_right
{
	float: right;
	left: 0px;
	width: 210px;
	height: 425px;
	position: relative;
	z-index: 1;
	top: 0px;
	}


#primarynav
{
    width: 730px;
    height:37px;
    z-index: 5;
    float: left;
    left: 1px;
    top: 0px;
    position: relative;
}

#primarynav ul
{

    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    vertical-align: text-bottom;
}

#primarynav li
{
    float: right;
}

#primarynav a
{
	padding-top: 10px;
	padding-bottom: 11px;
	width: 120px;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	display: block;
	text-align:center;
	text-decoration: none;
	background-image: url('../Template/BkgdClearNav.gif');
	background-repeat: repeat;
}

#primarynav a:hover
{
	padding-top: 10px;
	padding-bottom: 7px;
	width: 119px;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FF6600;
	display: block;
	text-align: center;
	text-decoration: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	background-image: url('../Template/BkgdWhiteNav.jpg');
	background-repeat: repeat;
}

#primarynav a.Selected
{
	padding-top: 10px;
	padding-bottom: 7px;
	width: 119px;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FF6600;
	display: block;
	text-align: center;
	text-decoration: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	background-image: url('../Template/BkgdWhiteNav.jpg');
	background-repeat: repeat;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
/* ADMINISTRATION TOP LEVEL MENU */



#subnavigation
{
    width: 593px;
    height:30px;
    z-index: 5;
    float: left;
    left: 0px;
    top: 0px;
    padding-left: 7px;
    padding-top:8px;
    position: relative;
    background-image: url('../Template/BkgdSubNav.gif');
	background-repeat: no-repeat;
}

#subnavigation ul
{

    margin: 0; 
    padding: 0; 
    list-style-type: none; 
}

#subnavigation li
{
float: left;
}

#subnavigation a
{
	padding-left: 9px;
	padding-right: 9px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	text-align: center;
	text-decoration: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #E5E5E5;
}

#subnavigation a:hover
{
	padding-left: 9px;
	padding-right: 9px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #ff6600;
	display: block;
	text-align: center;
	text-decoration: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #E5E5E5;
}

#subnavigation a.Selected
{
	padding-left: 9px;
	padding-right: 9px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #ff6600;
	display: block;
	text-align: center;
	text-decoration: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #E5E5E5;
}


/*//////////////// HEADER LINKS /////////////////////////// */

#headerlinks
{ 
	padding: 4px 0px 0px 0px; 
	width: 200px;
	margin-bottom: 1em;
	font-family: Verdana;
	z-index: 2;
	float: left;
	left: 0px;
	top: 0px;
 }

	
#headerlinks ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#headerlinks li
{
    float: right;
    text-align: right;
}

#headerlinks li a
{
	display: block;
	padding: 0px 8px 0px 8px;
	color: #ff6600;
	font-size: 11px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	font-family: Verdana;
	text-decoration: none;
}
		
#headerlinks li a:hover
{
	display: block;
	padding: 0px 8px 0px 8px;
	color: #FF6600;
	font-size: 11px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	font-family: Verdana;
	text-decoration: underline;
}

/*//////////////// STAFF EMAIL LINKS /////////////////////////// */

#email
{
float:right;
right: 0px;
width: 350px;
z-index: 2;
top: 0px;
padding-bottom: 5px;
	} 
 
 

.staffemail
{
	display: block;
	padding: 0px 8px 0px 8px;
	color: #FF6600;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
}
		
.staffemail:hover
{
	display: block;
	padding: 0px 8px 0px 8px;
	color: #ff6600;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: underline;
	font-weight: bold;
}


.news
{
	color: #006699;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
}
		
.news:hover
{
	color: #3366cc;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
}


.cubeular
{
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;

}
		
.cubeular:hover
{
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: underline;
}


/*//////////////// PAGE NAVIGATION /////////////////////////// */

#pagelinks
{
	float: left;
	left: 10px;
	width: 320px;
	padding-left: 30px;
	padding-top: 20px;
}

#pageheader
{
	padding: 15px 10px 15px 10px;
	float: left;
	left: 0px;
	width: 252px;
	height: 12px;
	background-image: url('../Template/BkgdPage_header.jpg');
	background-repeat: no-repeat;
	font-family: verdana;
	font-size: 18px;
	color: #006699;
	font-weight: normal;
	text-align:center;
}

#pagebody
{
	float: left;
	left: 0px;
	width: 222px;
	background-image: url('../Template/BkgdPage_middle.jpg');
    background-repeat:repeat-y;
    padding-left: 30px;
    padding-right: 20px;
}

#pagefooter
{
	float: left;
	left: 0px;
	width: 252px;
	height: 45px;
	background-image: url('../Template/BkgdPage_footer.jpg');
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 20px;
}


	
#pagelinks ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#pagelinks li
{
    margin: 0;
    list-style: none;
    list-style-image: none;
    width: 100%;
}

#pagelinks li a
{
	display: block;
	padding: 8px 8px 8px 0.5em;
	color: #006699;
	text-decoration: none;
	width: 205px;
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CECECE;
}
		
#pagelinks li a:hover
{
	display: block;
	padding: 8px 8px 8px 0.5em;
	color: #006699;
	text-decoration: none;
	width: 205px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CECECE;
}


#pagelinks li a.selected
{
	display: block;
	padding: 8px 8px 8px 0.5em;
	color: #006699;
	text-decoration: none;
	width: 205px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CECECE;
}