/*Misc*/


iframe {
overflow-x: hidden;
overflow-y: auto ;
}

a img {border: none; }

/* Text */

span.text {font-family: verdana, helvetica, arial, times; font-size: 11px; color: black;}
span.text_new_courses {font-family: verdana, helvetica, arial, times; font-size: 11px; color: #1f5580; font-weight: bold;}
span.text_blue {font-family: verdana, helvetica, arial, times; font-size: 11px; color: #13547e;}
span.text_date {font-family: verdana, helvetica, arial, times; font-size: 11px; color: #f06b11;}
span.text_small {font-family: verdana, helvetica, arial, times; font-size: 9px; color: black;}
span.text_red {font-family: verdana, helvetica, arial, times; font-size: 10px; color: #971C21;}
span.text_copyright {font-family: verdana, helvetica, arial, times; font-size: 10px; color: #007aab;}
span.formtext {font-family: verdana, helvetica, arial, times; font-size: 10px; color: #236495; font-weight: bold;}
span.formheader {font-family: verdana, helvetica, arial, times; font-size: 11px; color: #ffffff;  font-weight: bold;}
span.directory_search {font-family:verdana, helvetica, arial, times; font-size:12px; color: #32678a; font-weight:bold; }
span.nav_aids {font-family: verdana, helvetica, arial, times; font-size: 10px; color: #1f5580; font-weight:bold;}

/*Dark blue text without underline--main header*/
h1 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0b2e4a;
	text-decoration:none;
}

/*Gold text with underline--sub headers*/
h2 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b7ac2c;
	text-decoration:none;	
}

/*Gold text without underline--New Courses headers*/
h3 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1f5580;
	text-decoration:none;	
}

/*Personal Learning Plan headers*/
h4 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	background-color: #1f5580;
	padding:3;
	margin-top:5px;
	margin-bottom:5px;
	width:400px;
}

/* Links */

#link {FONT-SIZE: 11px;FONT-FAMILY: verdana,Arial,Tahoma; text-decoration:underline; color:#13547e; font-weight:none}
#link:hover {FONT-SIZE: 11px;FONT-FAMILY: verdana,Arial, Tahoma;text-decoration:underline; color:#b5b94a; font-weight:none}

.subheader_link {	
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b7ac2c;
	text-decoration:underline;
	}	
.subheader_link:hover {color: #13547e;}

#leftmenu_link {font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; text-decoration:none; color:#770f0f; font-weight:none}
#leftmenu_link:hover {}

#copyright {FONT-SIZE: 10px;FONT-FAMILY: verdana,Arial,Tahoma; text-decoration:underline; color:#2E6CBA;}
#copyright:hover {FONT-SIZE: 10px;FONT-FAMILY: verdana,Arial, Tahoma;text-decoration:underline; color:#16A504;}

#bottom_menu {FONT-SIZE: 10px;FONT-FAMILY: verdana,Arial,Tahoma; text-decoration:underline; color:#a8d2ef;}
#bottom_menu:hover {FONT-SIZE: 10px;FONT-FAMILY: verdana,Arial, Tahoma;text-decoration:underline; color:#ffffff;}

#edgeflow {FONT-SIZE: 9px;FONT-FAMILY: verdana,Arial,Tahoma; text-decoration:underline; color:#026a94;}
#edgeflow:hover {FONT-SIZE: 9px;FONT-FAMILY: verdana,Arial, Tahoma;text-decoration:underline; color:#E18805;}

#silverbarrel {font-family: verdana, helvetica, arial, times; font-size: 9px; color: #026a94; text-decoration:underline;}
#silverbarrel:hover {font-family: verdana, helvetica, arial, times; font-size: 9px; color: #838587; text-decoration:underline;}

#rollover_row{
	margin: 0px 0px 20px 10px;
	float:left;
	
	}
	
.rollover_buttons{
	padding: 0px 10px 0px 0px;
	
	}	

a.rollover_academic {
    display: block;
    width: 112px;
    height: 33px;
    background: url("images/rollover_academic_prgms.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_academic {
	background-position: -112px 0;
    }
	
a.rollover_dl {
    display: block;
    width: 113px;
    height: 33px;
    background: url("images/rollover_dist_learning.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_dl {
	background-position: -113px 0;
    }
	
a.rollover_cont_ed {
    display: block;
    width: 112px;
    height: 33px;
    background: url("images/rollover_cont_ed.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_cont_ed {
	background-position: -112px 0;
    }
	
a.rollover_virt_lib {
    display: block;
    width: 112px;
    height: 33px;
    background: url("images/rollover_virt_lib.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_virt_lib {
	background-position: -112px 0;
    }	




/* Background images-------------------------------------------------*/

.tblimage1 { background-image: url(images/leftmenu_background.gif); background-repeat:yes-repeat;}
.tblimage2 { background-image: url(images/newcourses_background2.gif); background-repeat: repeat-y;}



/* IE Scollbar styling */

body{
background: #b5c5d1;

scrollbar-arrow-color: #333333;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #999999;
scrollbar-base-color : #cfcfcf;
scrollbar-track-color: #cfcfcf;
scrollbar-face-color: #b0b0b0;
scrollbar-3dlight-color: #b0b0b0;
scrollbar-darkshadow-color: #b0b0b0;


}


/*3-LEVEL CSS POPOUT MENU-------------------------------------------------*/

#menu {
width: 238px;
background: #6490b2;
margin: 0px 0px 0px -4px;
padding: 0px 0px 0px 0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}


/*add rollover effects here*/
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #a0bcd1 #a0bcd1 #a0bcd1;
margin: 0;
padding: 7px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #1f496b;
background: #a0bcd1;
text-decoration: none;
}

#menu a:hover {
color: #720e0e;
background: #89a8bf;
}

/*end of add rollover effects*/

#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* END *3-LEVEL CSS POPOUT MENU-------------------------------------------------*/


/* Contact form styling */

#name {
	border: 1px solid #007aab;
	width: 250px;
	background:#e5eaee;
	font-family:trebuchet ms;
	font-size:12px;
	scrollbar-base-color:#007aab;
	color: #1f5580;
	padding:2px;
	font-weight:bold;
	clear : none;
}

#name-small {
	border: 1px solid #007aab;
	width: 175px;
	background:#e5eaee;
	font-family:trebuchet ms;
	font-size:12px;
	scrollbar-base-color:#007aab;
	color: #1f5580;
	padding:2px;
	font-weight:bold;
	clear : none;
}

#small {
	border: 1px solid #007aab;
	width: 75px;
	background:#e5eaee;
	font-family:trebuchet ms;
	font-size:12px;
	scrollbar-base-color:#007aab;
	color: #1f5580;
	padding:2px;
	font-weight:bold;
	clear : none;
}

#city {
	border: 1px solid #007aab;
	width: 200px;
	background:#e5eaee;
	font-family:trebuchet ms;
	font-size:12px;
	scrollbar-base-color:#007aab;
	color: #1f5580;
	padding:2px;
	font-weight:bold;
	clear : none;
}

#comments {
	border: 1px solid #007aab;
	width: 380px;
	background:#e5eaee;
	font-family:trebuchet ms;
	font-size:12px;
	scrollbar-base-color:#007aab;
	color: #1f5580;
	padding:2px;
	font-weight:bold;
	clear : none;
}

#comments-plp {
	border: 1px solid #007aab;
	width: 400px;
	background:#e5eaee;
	font-family:trebuchet ms;
	font-size:12px;
	scrollbar-base-color:#007aab;
	color: #1f5580;
	padding:2px;
	font-weight:bold;
	clear : none;
}



/*Accordion Left Menu*/

.glossymenu{
margin: 2px 0px 6px 0px;
padding: 0;
width: 251px; /*width of main menu background*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/leftmenu/glossyback.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 5px 5px 5px;
margin: 0px 8px 0px 0px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 7px;
right: 10px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/leftmenu/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #d9e5ed;  /*off state of submenu rollover background*/
width:224px;  /*width of submenu background*/
margin: 0px 0px 0px 10px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #5786ab;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: ffffff;
text-decoration: none;
padding: 3px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #bdd1de;
colorz: #5c8aae;
}