/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style */

/***********************************************************/
/* HORIZONTAL MENU STYLES */
/***********************************************************/

/*Student Menu*/
.StudentMenu
{
    position:absolute;
    display: block;
    left: 175px;
    top: 100px;
    z-index: 50;
    max-width:565px;
    /*
    background-color: #164d9d;
    */
} 

.ProjectHeader
{
    position:absolute;
    display: block;
    left: 30px;
    top: 85px;
    z-index: 50;
} 

/* Top level menu link items style */
.suckertreemenu
{
	height: 40px;
	max-width:94px;
	/*
	border-top: 7px solid #164d9d;
	border-right: 3px solid #164d9d;
	border-bottom: 3px solid #164d9d;
	*/
    border-left-width: 0;
	text-decoration: none;
	text-align: center;
	font-variant: small-caps;
	font-size: 9pt;
	letter-spacing: 2px;
	/*
	background-color: #628ac1;
	*/
    color: White;
}

.suckertreemenuhover
{
	background-color: #9bb8e0;
	color: gold;
}
	
.suckertreemenu a, .suckertreemenu a:visited
{
	height: 40px;
	width: 90px;
	padding: 2px 3px 2px 3px;
	border-top: 7px solid #164d9d;
	border-right: 3px solid #164d9d;
	border-bottom: 3px solid #164d9d;
	border-left-width: 0;
	text-decoration: none;
	text-align: center;
	font-variant: small-caps;
	font-size: 9pt;
	letter-spacing: 2px;
	background-color: #15477c;
	color: White;
    vertical-align:bottom;
}

.suckertreemenu a:hover
{
	background-color: #9bb8e0;
	color: gold;
}

/* Sub level menu links style */
.suckertreesub 
{
	text-decoration: none;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 3px;
	padding: 3px 5px;
	border-right: 5px solid #628ac1;
	border-left: 5px solid #628ac1;
	border-bottom: 0;
	border-top: 0;
	margin: 0 0 2 0;
	background-color: #628ac1;
	color: White;
}

.suckertreesubhover
{
	background-color: #133b5e;
	padding: 3px 5px;
	border-right: 5px solid gold;
	border-left: 5px solid gold;
	color: gold;
	font-variant: small-caps;
	letter-spacing: 3px;
}

.suckertreesub a., .suckertreesub a:visited
{ 
	text-decoration: none;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 3px;
	color: White;
}

.suckertreesub a:hover
{
	background-color: #133b5e;
	color: gold;
	font-variant: small-caps;
	letter-spacing: 3px;
}

/***********************************************************/
/* VERTICAL MENU STYLES */
/***********************************************************/

.suckerdiv ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid transparent;
}
	
.suckerdiv ul li
{
	position: relative;
}

/* Top AND sub level menu links style */
.suckerdiv ul li a, .suckerdiv ul li a:visited
{
	display: block;
	overflow: auto; /* force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	text-align: center;
	background-color: #456c97;
	border-right: 8px solid transparent;
	border-bottom: 0;
	padding: 3px 10px 3px 3px;
	margin: 1px auto;
}

.suckerdiv ul li a:hover
{
	background-color: #9bb8e0;
	border-color: transparent;
	border-right: 8px solid gold;
	color: white;
}
	
/* Sub level menu items */
.suckerdiv ul li ul
{
	position: absolute;
	width: 200px; /*sub menu width*/
	top: 0;
	visibility: hidden;
}

.suckerdiv ul li ul li a, .suckerdiv ul li ul li a:visited
{
	color: lightcyan;
}

.suckerdiv ul li ul li a:hover
{
	background-color: #133b5e;
	color: gold;
}

.suckerdiv .subfolderstyle
{
	background: #628ac1 url(../images/arrow-right.gif) no-repeat center right;
}


/***********************************************************/
/* ETC */
/***********************************************************/

/* For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE */
* html p#iepara { padding-top: 1em; }
	
/* Holly Hack for IE */
* html .suckertreemenu ul li { float: left; height: 35px; }
* html .suckertreemenu ul li a { height: 35px; }
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }