/*****************  STRETCH THE UNIVERSITY TEMPLATE ********************/
/*Portal Pages*/
#maincontainer {width:986px; background-image:url(../img/footer_bg.jpg);}
#bgwrapper {width:986px; background-image:url(../img/wrapper_bg.jpg)}
#headerbox {width:962px;}
#mainnavbox {width:962px; border-bottom-width:1px;}
#portalfooterbox {position: relative; left: 0px; bottom:2px; width:962px;}
#portalfooterbox ul {width:962px;}
#maincontents {z-index:1;width:962px; position:relative; padding-left:12px;}
/*Content Pages*/
/*****************  SITE-WIDE ASUSU UNIQUE ELEMENTS  *******************/
#asusu_bar {
	height:22px; background-image:url(../img/blue_bar.jpg);
	color:#FFFFFF; text-transform:uppercase; line-height:25px;
	width:962px; margin:0px 14px 0px 12px; overflow:hidden; padding:0px;
}
#asusu_bar ul {padding:0px; margin:0px; display:inline-block; float:left;}
#asusu_bar ul li {padding:0 7px 0 7px; display:inline; list-style-type:none;}
#asusu_bar a {color:white;}
#asusu_bar a:hover {text-decoration:underline;}
.gray_bar {
	height:22px; background-image:url(../img/gray_bar.jpg); margin-top:3px;
	color:#FFFFFF; text-transform:uppercase; line-height:23px; overflow:hidden; padding:0px; font-size: 12.5px;
}
.gray_bar a {color:white;}
.gray_bar a:hover {text-decoration:underline;}
.gray_bar img {padding:3px 5px 0px 4px; float:left;}
#left_threequarters {width:718px; float:left; font-size:13px; line-height: 15px;}


#main_graphic {width:718px; height:360px;}
#right_quarter {float:left; height: 100%; width:240px; margin-left:4px; font-size:12px;}
#right_quarter p {margin:6px 0 0 10px;}
#login_box {width:240px; font-size:12px;}
div.loginhello {padding-right: 4px; font-size:15px; background: #4A5EA2; text-align: right; color:#ffffff;}
div.loginmenuadmin {padding-right: 4px; font-size:15px; background: #c50000; text-align: right; color:#ffffff;}
div.loginmenuadminoption {padding:4px; font-size:12px; background: #c0c0c0; color:#000000; text-transform:uppercase; cursor:pointer;}
div.loginmenuadminoption:hover {background:#c50000; color:#ffffff;}
div.loginmenu {padding:4px; font-size:12px; background: #c0c0c0; color:#000000; text-transform:uppercase; cursor:pointer;}
div.loginmenu:hover {background:#4A5EA2; color:#ffffff;}
div.logoutmenu {padding-right: 4px; font-size:15px; background: #808080; text-align: right; color:#ffffff; cursor:pointer;}
div.logoutmenu:hover {background:#4A5EA2; color:#ffffff;}
#portal_navigation li { list-style: none inside; }
#portal_navigation a {margin-top:1px; padding:4px; background: #c0c0c0; color:#000000; font-size:15px; text-transform:uppercase; display:block; text-decoration: none;}
#portal_navigation a:hover {background: #4A5EA2; color: #ffffff;}
#portal_calendar ul {margin:6px 0px 0px 10px; padding:0px;}
#portal_calendar ul li {list-style:none; font-weight:bold; font-size:14px;}
#portal_calendar ul li ul{margin:0px 0px 0px 25px; padding:0px;}
#portal_calendar ul li ul li {list-style-type:square; font-weight:normal; font-size:12px;}
#portal_calendar a {color:#666666;  text-decoration:none;}
#portal_calendar a:hover {color:#CCCCCC;}
#portal_calendar a.red {color:#990000; text-decoration:none; display:inline-block; float:right; font-weight:normal; margin-left:6px; font-size:12px;}
#portal_calendar a.red:hover {color:#DD0000;}
.small_box {float:left; width:237px; margin-right:3px; overflow:hidden;}
rightcontentcol{width:200px; }
.clear {clear:both; height:1px; overflow:hidden;}
#infobox {z-index: 50; z-index: 50; padding: 5px;position: absolute; top:100px;left: 200px; width: 400px; font-size: 15px; line-height: normal; color: #000000; background-color: #42ff00; visibility:hidden; border: 1px dashed black;}
#servicehours {z-index: 50; padding: 5px; position: absolute; top:100px;left: 200px;width: 400px; font-size: 15px; line-height: normal; color: #000000; background-color: #bbddff; visibility:hidden; border: 1px dashed black;}
.container {padding: 5px; z-index: 51; width: 390px; height: 100%; background: #ffffff;}

#pagecontent {width:718px;padding:0 8px;background: transparent  no-repeat top left;float:left;line-height:1.2em;font-family: Arial, Helvetica, sans-serif;font-size:1.1em;}
.required {background: #ecff69;}
.topsubmenu { text-align: center; border: 1px solid black; background-color: #c0c0c0; color: #000000; padding: 4px; font-size: 13px; text-transform: uppercase; cursor: pointer;}
.topsubmenu:hover { background:#4A5EA2; color: #ffffff; }


/*****************  CLUBS SECTION *********************/
.clubcategory {margin-top:1px; text-align: center; margin-right:1px; height: 25px; padding:4px; background: #c0c0c0; color:#000000; font-size:15px; text-transform:uppercase; cursor:pointer;}
.clubcategory:hover {background: #4A5EA2; color: #ffffff;}

/******************* CALENDAR **************************/
.calendardate {padding:6px; background: #4A5EA2; color: #ffffff; font-size: 20px; text-align: center; border: 1px solid #000000;}
.calenderevent {padding:6px; background: #c0c0c0; color: #000000; font-size: 18px; text-align: left; border: 1px groove #000000;}


/*****************  ERROR MESSAGES  *******************/
.red_message { padding:2px; margin:5px 5px 15px 5px; border:1px solid rgb(200,0,0); font-size:12px; font-weight:bold; color:rgb(200,0,0); }
.red_message a {color:rgb(120,0,0);}
.red_message a:hover {color:#FF0000;}
.white_message { padding:2px; margin-top:5px; margin-bottom:15px; border:1px solid #FFFFFF; font-size:12px; font-weight:bold; color:#FFFFFF; }
#user_functions {position:absolute; right:0px; top:-44px; color:#FFFFFF; font-weight:bold; font-size:12px; }
#user_functions a {color:#ffffff; padding:4px 8px 4px 8px; text-decoration:none; }
#user_functions a:hover {color:#ffffff; background-color:rgb(46, 70, 118); text-decoration:none; }

/*****************  SUBNAV  *******************/
#subNav { background: #c0c0c0; width: 100%; }
#subNav ul { list-style: none; }
#subNav .level2 li { float: left; font-weight: bold; position: relative; }
#subNav .level3 li { border: solid 1px #c0c0c0; float: none; font-weight: normal; }

#subNav .level3 { position: absolute; display: none; z-index: 10000; }
#subNav li:hover .level3,#subNav li.active .level3 { display: block; border: solid 1px #4A5EA2; }
#subNav li:hover li { border: solid 1px #c0c0c0; }
#subNav .level3 li:hover { border: solid 1px #fff; }
#subNav .level3 li a:hover { color: #fff; }
#subNav a {
	color: #000000;
	background: #c0c0c0;
	display: block;
	padding: 4px 13px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
#subNav a:hover { background-color: #4A5EA2; }