/*Redesign | CSS - Master Layout*/

form, input, select, p {
	 margin: 0;
	 padding: 0;
}
body {
	 margin: 0;
	 padding: 0;
         color:#000;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 font-size: 11px;
}
a:link, a:visited {
 color: #41008c;
 text-decoration: none;
}
a:hover {
 color:#000;
 text-decoration:underline;
}
.printonly {
	display:none;
}
p.caption {
font-size:.8em;
text-align:center;
background:#f2f2f2;
padding:3px;
border:1px solid #e1e1e1;
}
p.captionnormal {
font-size:.9em;
}


table.PageBoundingBox {	
	 width:100%;
}
#pagewrapper {
	 width:100%;	
}
#pagemaincontentwrapper { /* wrapper of main content area of all pages */
	 width:100%;
	 clear:both;
	 background: #fff url('/images/system/bg_body.gif') repeat-x top left;
	 margin:0 auto;         
}
#pagemaincontent {
	 width:791px;
	 margin:0 auto;  
	 background:#fff;
}
/*===== Header Styles ======*/
#toplinkwrapper {
	 width:100%;
	 min-height:22px;
	 background: #28094c url('/images/system/toplinkbg.gif') repeat-x bottom left;
	 overflow:hidden;
}
#toplinkcontent {
	 width:791px;
	 margin:0 auto;
	 position:relative;
}
#logotop { /*this is the top graphic for the logo */
	 background: url('/images/system/logo_top.gif') repeat-y top left;
	 position:absolute;
	 top:0;
	 width:222px;
	 height:75px; /* large height set so with resized text in FF or dpi setting changes this image still tiles down */
}
ul#toplinks { /* top right small link area in header */
	 color: #7446a9;
	 font-size: 10px;
	 padding: 4px 0 3px 0;
	 margin: 0;
	 width:550px; /* setting width only so with large text resized or dpi, the text won't go behind the graphic on the left */
	 list-style: none;
	 float: right;
	 text-align: right;
}
ul#toplinks li {
	 display: inline;
	 padding: 0;
}
#toplinks a:link, #toplinks a:visited {
	 color: #fff;
	 text-decoration: none;
	 padding:0 4px;
}
#toplinks a:hover {
	 text-decoration: underline;
}
#headerwrapper { /* this is the actual area with the main logo and search boxes */
	 width:100%;
	 clear:both;
	 background: #29005a url('/images/system/headerbg.gif') repeat-x top left;
	 min-height:66px;
	 overflow:hidden;
}
#headercontent {
	 width:791px;
	 margin:0 auto;
	 position:relative;
}
#sitelogo img { /* the actual site logo */
	 width: 222px;
	 height: 66px;
	 display: block;	
	 float: left;
         border:0;
}
#frmsearch {
	 color: white;
	 font-size: 9pt;
	 float: right;
	 text-align: right;
	 width: 450px;
	 margin: 5px 0 0 0;
}
#quicklinkswrapper {
	 margin:3px 0 6px 0;
}
#quicklinks {
	 width: 149px;
	 background-color: #e3e3e3;
	 border:1px solid #000;
	 font-size: 10px;
	 margin: 0 34px 0 0;
	 padding:1px 0 1px 5px;
}
#searchbox {
	 background-color: #e3e3e3;
	 font-size: 10px;
	 width: 138px;
	 border:1px solid #000;
	 margin:0 0 0 10px;
	 padding:2px 5px 2px 5px;
}
#searchtextbox {
	 font-size:10px;
          color:#fff;
}
input#searchbut {} /* the search magnify glass icon */

#searchtextbox input {
	vertical-align: middle;
	margin: 0;
}

#searchtextbox label {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

/*== MAIN NAVIGATION CSS ========*/
/*== This css uses one background image for all the buttons and rollovers.  There are text links still in the code for screen readers and accessibility, they are simply hidden with CSS */
/*== The main reason we are using this technique here is to alleviate any issues with newer computers that come with higher DPI settings on the monitor which normally would cause this text to resize in browsers like Firefox automatically and would thus wrap or break the main navigation appearance.  */
/*== With this technique in place, the main navigation will always look and function appropriately regardless of screen DPI */
#gnavwrapper {
	 clear: both;
	 width:100%;
	 height:30px;
	 background:url('/images/system/gnavbg.gif') repeat-x top left;
}
#gnavcontent {
	 width:791px;
         height:27px;
	 margin:0 auto;
	 position:relative;
}
ul#gnav {
	 list-style-type:none;	
	 width:773px;
	 height:27px;
	 margin:0;
	 padding:0;
	 position:absolute;
	 overflow:hidden;
	 top:0;
	 left:10px;	
}
ul#gnav li {
	 list-style-type:none;
	 display:block;
	 letter-spacing:0;
}
ul#gnav li a:link,
ul#gnav li a:visited {
	 position:absolute;
	 top:0;
	 left:0;
	 height:27px;
	 display:block;
	 color:#ffffff;
	 text-align:center;
	 text-indent:-9999px;
	 overflow:hidden; 
}
ul#gnav li#about a:link,
ul#gnav li#about a:visited {
	 width:100px;
	 background:url('/images/system/ubmainnav.gif') no-repeat 0 0;
	 left:0;
}
ul#gnav li#about a:hover,
ul#gnav li#aboutactive a:link,
ul#gnav li#aboutactive a:visited {
	 width:100px;
	 background:url('/images/system/ubmainnav.gif') no-repeat 0 -27px;
	 left:0;
}
ul#gnav li#acad a:link,
ul#gnav li#acad a:visited {
	 width:114px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -100px 0;
	 left:100px;
}
ul#gnav li#acad a:hover,
ul#gnav li#acadactive a:link,
ul#gnav li#acadactive a:visited {
	 width:114px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -100px -27px;
	 left:100px;
}
ul#gnav li#admis a:link,
ul#gnav li#admis a:visited {
	 width:127px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -214px 0;
	 left:214px;
}
ul#gnav li#admis a:hover,
ul#gnav li#admisactive a:link,
ul#gnav li#admisactive a:visited {
	 width:127px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -214px -27px;
	 left:214px;
}
ul#gnav li#cont a:link,
ul#gnav li#cont a:visited {
	 width:181px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -341px 0;
	 left:341px;
}
ul#gnav li#cont a:hover,
ul#gnav li#contactive a:link,
ul#gnav li#contactive a:visited {
	 width:181px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -341px -27px;
	 left:341px;
}
ul#gnav li#stud a:link,
ul#gnav li#stud a:visited  {
	 width:153px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -522px 0;
	 left:522px;
}
ul#gnav li#stud a:hover,
ul#gnav li#studactive a:link,
ul#gnav li#studactive a:visited {
	 width:153px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -522px -27px;
	 left:522px;
}
ul#gnav li#ath a:link,
ul#gnav li#ath a:visited {
	 width:98px;
	 background:url('/images/system/ubmainnav.gif') no-repeat -675px 0;
	 left:675px;
}
ul#gnav li#ath a:hover {
	 background-position:-675px -27px;
}
/*=========================*/

#footerwrapper {
	 background: url('/images/system/bg_footerborder.gif') top repeat-x;
	 width:791px;
	 margin:0 auto;
	 padding: 20px 0 0 0;
	 clear: both;
	 font-size: 8pt;
}
#footerwrapper a:link, #footerwrapper a:visited {
	 text-decoration: none;
}
#footerwrapper a:hover {
	 text-decoration: underline;
}
#footerwrapper p {
	margin:5px 0 0 0;

}
#footerleftwrapper {
	 float: left;
	 width: 520px;
}
#footerrightwrapper {
	 float: right;
	 text-align: right;
	 width: 250px;
}
#footerrightwrapper ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 text-align: right;
	 margin: 2px 0 10px 0;
}
#footerrightwrapper li {
	 display: inline;
}

/* -- this sets the choose calendar items to horizontal align --*/
div.ChannelSelectionItem {
float:left;
margin:0 0 10px 0;
}


/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_doc.gif) no-repeat center right;
white-space: nowrap;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_txt.gif) no-repeat center right;
white-space: nowrap;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_xls.gif) no-repeat center right;
white-space: nowrap;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_pps.gif) no-repeat center right;
white-space: nowrap; 
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_pdf.gif) no-repeat center right;
white-space: nowrap;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_flash.gif) no-repeat center right;
white-space: nowrap;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_archive.gif) no-repeat center right;
white-space: nowrap;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_film.gif) no-repeat center right;
white-space: nowrap;
display: inline-block; 
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/system/icons/icon_music.gif) no-repeat center right;
white-space: nowrap;
}


/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(/images/system/icons/icon_mailto.gif) no-repeat center right;
white-space: nowrap;
}

/* use this class to make sure that images won't get iconized */

.imagelink {
	padding-right: 0px !important;
	background: none !important;
}