.bgimage{
background-image: url('../images/left-bg.gif');
background-color: #FFFFFF;
background-repeat: repeat-y;
}
.glossymenu{
	margin: 2px 5px;
	padding: 10;
	width: 900px; /*width of menu*/	
	border: 1px solid black;
/*	border-bottom-width: 1;*/
}

.glossymenu a.menuitem{
background: #efefef url('../images/student-glossyback.gif') repeat-x bottom left;
font: bold 14px TimesNewRoman,Helvetica,sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 4px 0;
padding-left: 8px;
text-decoration: none;
text-align: left;

}

.glossymenu a.menuitem:visited, .glossymenu a.menuitem:active{
color: #333333;
background:#dfdfca url('../images/student-glossyback2.gif') repeat-x bottom left;
}
.glossymenu a.menuitem{
color: #333333;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;

}
.smallit{
	font-style: italic;
	font-size: 8pt;
	text-align: right;
}
.largebd{
 text-align: left;
 font-size: 14px;
 font-weight: bold;
}
 
a.menuitem:hover{
background:#dfdfca url('../images/student-glossyback2.gif') repeat-x bottom left;
color: black;
}


.glossymenu div.submenu_detail{ /*DIV that contains each sub menu*/
display: block;
font: normal 12px  TimesNewRoman,Helvetica,sans-serif;
color: black;
text-decoration: none;
text-align: left;
padding: 5px 5px;
padding-left: 10px;
background: #F5F5F5; 
}

.glossymenu div.submenu_detail ol {
    margin: 20px;
}

.glossymenu div.submenu_detail table  {
    border-width: 1px;
    border-spacing: 2px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;
}
.glossymenu div.submenu_detail th  {

font: normal 12px TimesNewRoman,Helvetica,sans-serif;
color: black;
text-decoration: none;
padding: 10px;
text-align: center;
}

.glossymenu div.submenu_detail td  {

font: normal 12px TimesNewRoman,Helvetica,sans-serif;
color: black;
text-decoration: none;
padding: 10px;
}