/* Xavier University - Hompage Styles 
   Version 1 | August 2008 | Office of Web Services

   Table of Contents:
	
	+ MAIN DISPLAY CSS 
	+ HEADER STYLES
	+ MAIN NAVIGATION 
	+ MID-FEATURE
	+ INTERIOR FEATURES
	+ FOOTER STYLES

--------------------------- */

@charset "UTF-8";

/* ------------------------ */
/*    MAIN DISPLAY CSS 		*/
/* ------------------------ */

html,body {
	background:#fff;
	xheight:100%;
	margin:0;
	padding:0;
	}
	
body {
	background:transparent url(../images/home_backgrnd3.png) top left repeat-x;
	}

#page-container {
	margin:auto;
	margin-bottom: -134px;
	min-height:100%;
	position:relative;
	width:1000px;
	}

/* ------------------------ */
/*    	HEADER STYLES		*/
/* ------------------------ */

#main-header {
	background:transparent url(../images/header.jpg) top left no-repeat;
	color:#fff;
	height:70px;
	padding: 0;
	margin: 0;
	}


/* HEADER: SUB NAV ------------------------------------- */
#main-header #top-nav-container {
	color:#fff;
	float:right;
	height:60px;
	text-align:right;
	width:520px;
	}

#main-header #top-nav-container #top-nav {
	height:25px;
	margin:0;
	overflow:hidden;
	padding:0;
	}

#main-header #top-nav-container #top-nav dl{margin:0 0 0 160px;padding:0;}
#main-header #top-nav-container #top-nav dt{float:left;padding:.3em .5em 0;}

#main-header #top-nav-container #top-nav a:link{color:#fff;}
#main-header #top-nav-container #top-nav a:visited{color:#fff;}
#main-header #top-nav-container #top-nav a:hover{color:#fff;text-decoration:underline;}
#main-header #top-nav-container #top-nav a:active{color:#fff;text-decoration:underline;}


/* HEADER: SEARCH STYLES ------------------------------- */
#main-header #top-nav-container #top-nav form{display:inline;}
	
#main-header #top-nav-container #top-nav input {
	background-color:#093C7D;
	color:#fff;
	font-size:.8em;
	font-weight:700;
	}

#main-header #top-nav-container #top-nav .search {
	background-color:#fff;
	border:1px solid;
	border-color:#0D52AD #031935 #031935 #0D52AD;
	color:#737373;
	font-size:.9em;
	font-weight:400;
	margin:.2em 0 0;
	padding:2px;
	width:12em;
	}

/* HEADER: SEARCH BUTTON STYLES ------------------------ */
#main-header #top-nav-container #top-nav input.formbutton {
	background:transparent url(../images/gradient01.gif) repeat-x left top;
	border:outset 1px #ccc;
	color:#636769;
	cursor:pointer;
	font-weight:700;
	padding:1px 2px;
	}

#main-header #top-nav-container #top-nav input.formbutton:hover {
	border:1px solid #fff;
	border-left-color:#fff;
	border-top-color:#fff;
	}

#main-header #top-nav-container #top-nav input.formbutton:active {
	border:1px solid #0070C6;
	border-left-color:#0070C6;
	border-top-color:#0070C6;
	}

/* HEADER: TOP SEARCHES -------------------------------- */
#main-header #top-nav-container #top-searches {
	float:right;
	height:35px;
	margin:0;
	overflow:hidden;
	padding:0;
	}

#main-header #top-nav-container #top-searches h6 {
	color:#fff;
	font-size:.9em;
	font-weight:400;
	margin:0;
	padding:5px 38px 0 0;
	}

#main-header #top-nav-container #top-searches dl{font-size:.85em;margin:0;padding:0;}
#main-header #top-nav-container #top-searches dt{float:left;padding:0 .5em 0 0;}

#main-header #top-nav-container #top-searches a:link{color:#fff; text-decoration:underline;}
#main-header #top-nav-container #top-searches a:visited{color:#fff; text-decoration:underline;}
#main-header #top-nav-container #top-searches a:hover{color:#fff;text-decoration:none;}
#main-header #top-nav-container #top-searches a:active{color:#fff;text-decoration:underline;}


/* ------------------------ */ 
/*     MAIN NAVIGATION 		*/ 
/* ------------------------ */ 

#main-nav{background:#0D2258;color:#fff;height:42px;}

#main-nav dl{margin:0;padding:0;}
#main-nav dt{float:left;}
	
	
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:42px; /* IE 5/Win hack */ 
	padding: 42px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	}

#main-nav dt a:hover{background-position:0 -42px;}

#main-nav dt#topAcademics,
#main-nav dt#topAcademics a {width: 203px; background-image:url(../images/main_nav_academics.png);}

#main-nav dt#topAdmission,
#main-nav dt#topAdmission a {width: 158px; background-image:url(../images/main_nav_admissions.png);}

#main-nav dt#topAthletics,
#main-nav dt#topAthletics a {width: 169px; background-image:url(../images/main_nav_athletics.png);}

#main-nav dt#topAlumni,
#main-nav dt#topAlumni a {width: 223px; background-image:url(../images/main_nav_alumni.png);}

#main-nav dt#topCampus,
#main-nav dt#topCampus a {width: 247px; background-image:url(../images/main_nav_campuslife.png);}



/* ------------------------ */ 
/*     	MID-FEATURE			*/ 
/* ------------------------ */ 

#mid-feature {
	color:#fff;
	height:328px;
	margin:0;
	padding:0;
	}

/* MID-FEATURE: FLASH CONTAINER ------------------------ */
#mid-feature #flash-player-container {
	float:left;
	height:328px;
	overflow:hidden;
	width:695px;
	}

	#mid-feature #flash-player-container #flash-player {
		background:#000;
		height:290px;
		margin-top:18px;
		width:695px;
		}
		

/* MID-FEATURE: MID NAV -------------------------------- */	
#mid-feature #mid-nav {
	color:#fff;
	float:left;
	margin-top:18px;
	width:275px;
	}

#mid-feature #mid-nav .mid-nav-box {
	border:1px #FFF solid;
	height:50px;
	margin-bottom:1em;
	margin-left:25px;
	margin-top:1em;
	padding:.2em .7em;
	}

	#mid-feature #mid-nav .mid-nav-box ul {
		display:inline;
		margin-left:0;
		padding-left:0;
		}
	
	#mid-feature #mid-nav .mid-nav-box li {
		display:inline;
		list-style:none;
		margin-left:0;
		padding:0;
		}
	
	#mid-feature #mid-nav .mid-nav-box h2 {
		color:#fff;
		font-size:1.3em;
		margin:0;
		padding:.3em 0 .1em;
		}

	#mid-feature #mid-nav a:link{color:#fff;}
	#mid-feature #mid-nav a:visited{color:#fff;}
	#mid-feature #mid-nav a:hover{color:#fff;text-decoration:underline;}
	#mid-feature #mid-nav a:active{color:#fff;text-decoration:underline;}


/* ------------------------ */
/*    INTERIOR FEATURES		*/
/* ------------------------ */

#interior-container{height:550px;margin-top:10px;}


/* INTERIOR FEATURES: MAGNET CAROUSEL ------------------ <LEFT COLUMN> */				
#interior-container #left {
	float:left;
	font-size:80%;
	margin:0;
	padding:0;
	width:305px;
	height: 560px;	
	}

#interior-container #left #magnet_carousel {
	margin-top:15px;
	padding:0;
	}

/* INTERIOR FEATURES: EVENTS & COLLEGES --------------- <RIGHT COLUMN> */
#interior-container #right {
	float:right;
	font-size:80%;
	height:560px;
	margin:0;
	padding:0;
	width:305px;
	}

/* Interior Features: Events ---------------------------------------- */
	#interior-container #right #homeEvents {
		xheight:250px;
		margin-left:25px;
		xoverflow:hidden;
		width:250px;
		}
			
		#interior-container #right #homeEvents #homeEvents_header {
			background:transparent url(../images/header_events.jpg) no-repeat;
			height:47px;
			margin-bottom:1em;
			width:250px;
			}
		
		#interior-container #right #homeEvents .eventItem {
			float:left;
			height:50px;
			margin:.2em 0;
			overflow:hidden;
			width:100%;
			}
            
        /* Interior Features: Twitter Feed Styles Summer 2011 ------------------------------- */
        #xavierTweets {
        margin: 0 2em 0 .5em;
        }

        .twitters {
            margin: 0;
            padding: 0;
            overflow:auto;
            font-size: 130%;
            }

        .twitters ul {
            list-style:none;
            padding:0;
            list-style-type:none;
            margin:0;
            }

        .twitters li {
            list-style-type:none;
            padding: 0;
            margin-bottom: 1em;
            }

        .twitters span.twitterPrefix {
            font-weight:700;
            }

        .twitters span.twitterTime {
            color:#ABABAB;
            font-style:italic;
            display:block;
            font-size: 85%;
            }

        .twitters span.twitterStatus {
            xfont-style:italic;
            }
        
				
		/* Interior Features: Calendar Styles ------------------------------- */
			div.datetime {
				border-right:2px solid #094185;
				float:left;
				margin-right:1em;
				width:5em;
				}
			
			div.datetime p {
				font-size:x-small;
				margin:0 auto;
				padding:0;
				text-align:center;
				}

			/* day of the week */
			div.datetime p.day {
				font:bold x-small/100% Arial, Helvetica, sans-serif;
				letter-spacing:0.13em;
				}
						
			/* day of the month (NUMBER) */
			div.datetime p.daynum {
				font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
				letter-spacing:0.05em;
				}
				
			/* month */
			div.datetime p.mon {
				font:bold x-small/100% Arial, Helvetica, sans-serif;
				letter-spacing:normal;
				text-transform:uppercase;
				}
			
			#interior-container #right #homeEvents .eventDesc {
				color:#094185;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.2em;
				}

		#interior-container #right #homeEvents a:link{color:#094185;}
		#interior-container #right #homeEvents a:visited{color:#094185;}
		#interior-container #right #homeEvents a:hover{color:#094185;text-decoration:underline;}
		#interior-container #right #homeEvents a:active{color:#094185;text-decoration:underline;}


/* Interior Features: Colleges -------------------------------------- */			
	#interior-container #right #lowerColleges {
		height:225px;
		margin-left:25px;
		overflow:hidden;
		width:250px;
		}

	#interior-container #right #lowerColleges #lowerColleges_header {
		border-bottom:2px #527AAB solid;
		color:#094185;
		width:250px;
		}
			
	#interior-container #right #lowerColleges #lowerColleges_header h3 {
		color:#094185;
		font-family:"Times New Roman", Times, serif;
		font-size:1.7em;
		margin:2em 0 .2em;
		padding:0;
		}	

		#interior-container #right #lowerColleges dl{margin:0;padding:0;}
		#interior-container #right #lowerColleges dt{float:left;padding:0 0 .3em;}
		
		#interior-container #right #lowerColleges dt a {
			display: block;
			height: 0px !important;
			height /**/:55px; /* IE 5/Win hack */ 
			padding: 55px 0 0 0;
			overflow: hidden;
			background-repeat: no-repeat;
			}
		
		#interior-container #right #lowerColleges dt a:hover{background-position:0 55px;}
		
		#interior-container #right #lowerColleges dt#collegeAS,
		#interior-container #right #lowerColleges dt#collegeAS a { width: 255px; background-image:url(../images/college_CAS.png);}
		
		#interior-container #right #lowerColleges dt#collegeSSHE,
		#interior-container #right #lowerColleges dt#collegeSSHE a { width: 255px; background-image:url(../images/college_CSSHE.png);}
		
		#interior-container #right #lowerColleges dt#collegeWCB,
		#interior-container #right #lowerColleges dt#collegeWCB a { width: 255px; background-image:url(../images/college_WCB.png);}


/* INTERIOR FEATURES: NEWS & FEATURED SITES ------------- <MID COLUMN> */
#interior-container #middle {
	font-size:80%;
	height:560px;
	margin:0 305px;
	}
	
/* Interior Features: News ------------------------------------------ */	
	#interior-container #middle #homeNews {
		height:250px;
		overflow:hidden;
		width:100%;
		}
		
		#interior-container #middle #homeNews #homeNews_header {
			background:transparent url(../images/header_news.jpg) no-repeat;
			height:47px;
			margin:0;
			padding:0;
			width:100%;
			}
		
		#interior-container #middle #homeNews .newsItem {
			float:left;
			margin:.5em 0;
			padding:0;
			width:100%;
			}
		
		#interior-container #middle #homeNews p {
			font-size:1.3em;
			margin:0 .5em 0 .7em;
			padding:0;
			}	

		#interior-container #middle #homeNews a:link{color:#094185;}
		#interior-container #middle #homeNews a:visited{color:#094185;}
		#interior-container #middle #homeNews a:hover{color:#094185;text-decoration:underline;}
		#interior-container #middle #homeNews a:active{color:#094185;text-decoration:underline;}
		

/* Interior Features: Popular --------------------------------------- */			
	#interior-container #middle #lowerPopular {
		height:225px;
		overflow:hidden;
		width:100%;
		}
	
		#interior-container #middle #lowerPopular #lowerPopular_header {
			border-bottom:2px #527AAB solid;
			margin-bottom:1.6em;
			width:390px;
			}
		
			#interior-container #middle #lowerPopular #lowerPopular_header h3 {
				color:#094185;
				font-family:"Times New Roman", Times, serif;
				font-size:1.7em;
				margin:2em 0 .2em;
				padding:0;
				}
			
		/* Interior Features: Popular Column ------------------------------- */	
			#popularLeft {
				float:left;
				height:225px;
				margin:0; padding:0;
				overflow:hidden;
				width:125px;
				}
			
			#popularRight {
				float:right;
				height:225px;
				margin:0; padding:0;
				overflow:hidden;
				width:125px;
				}
			
			#popularMiddle {
				height:225px;
				margin:0 130px;
				}
		
			/* #popularLeft img,#popularRight img,#popularMiddle img{padding-left:1.5em;} */
			#popularLeft p,#popularRight p,#popularMiddle p{font-size:1em;padding:.5em .8em 0 1.7em;}
		
			#interior-container #middle #lowerPopular a:link{color:#323232;}
			#interior-container #middle #lowerPopular a:visited{color:#323232;}
			#interior-container #middle #lowerPopular a:hover{color:#323232;text-decoration:underline;}
			#interior-container #middle #lowerPopular a:active{color:#323232;text-decoration:underline;}
			
				/* Interior Features: New Revision ----------------------- */
				#popularLeftnew {
				float: left;
				border: 1px solid #ccc;
				padding: .5em;
				}
			
				#popularRightnew {
				float: left;
				margin-left: 1.6em;
				border: 1px solid #ccc;
				padding: .5em;
				}
			
				#popularMiddlenew {
				float: left;
				margin-left: 1.6em;
				border: 1px solid #ccc;
				padding: .5em;
				}
			
				#popularLeftnew p,#popularRightnew p,#popularMiddlenew p{font-size:1em;padding:.5em .8em 0 0em; text-align: center;}
			
				.thumb img {border: 1px solid #999;}
				.thumb a:hover img {border: 1px solid #003082;}

					/* Interior Features: SocialMedia Revision ----------------------- */
					
					#socialmedia dl {margin:0px;padding:0;}

					#socialmedia dt {float:left;margin-left: 15px;}
					
					#socialmedia dt a {
					
						display: block;
					
						height: 0px !important;
					
						height /**/:102px; /* IE 5/Win hack */ 
					
						padding: 102px 0 0 0;
					
						overflow: hidden;
					
						background-repeat: no-repeat;
					
						}
					
					
					/* -------- Old Social buttons styles ----------- 
					#socialmedia dt a:hover{background-position:0 -102px;}
					
					#socialmedia dt#facebook,
					
					#socialmedia dt#facebook a {width: 102px; background-image:url(/includes/homepage08/images/social_facebook.png); background-repeat:no-repeat;}
					
					
					
					#socialmedia dt#twitter,
					
					#socialmedia dt#twitter a {width: 102px; background-image:url(/includes/homepage08/images/social_twitter.png); background-repeat:no-repeat;}
					
					
					
					#socialmedia dt#youtube,
					
					#socialmedia dt#youtube a {width: 102px; background-image:url(/includes/homepage08/images/social_youtube.png); background-repeat:no-repeat;}
					*/
					
					#socialmedia dt a:hover{background-position:0 -102px;}
					
					#socialmedia dt#facebook,
					
					#socialmedia dt#facebook a {width: 75px; background-image:url(/includes/homepage08/images/xusocbtn-fb.png); background-repeat:no-repeat;}
					
					
					
					#socialmedia dt#twitter,
					
					#socialmedia dt#twitter a {width: 75px; background-image:url(/includes/homepage08/images/xusocbtn-tw.png); background-repeat:no-repeat;}
					
					
					
					#socialmedia dt#youtube,
					
					#socialmedia dt#youtube a {width: 75px; background-image:url(/includes/homepage08/images/xusocbtn-yt.png); background-repeat:no-repeat;}
					
					
					#socialmedia dt#linkedin,
					
					#socialmedia dt#linkedin a {width: 75px; background-image:url(/includes/homepage08/images/xusocbtn-li.png); background-repeat:no-repeat;}


/* Interior Features: More Links ------------------------------------ */
.more_link {
	border-bottom:1px #CCC solid;
	float:left;
	font-size:1.1em;
	margin-right:.8em;
	margin-top:1em;
	padding-bottom:.2em;
	text-align:right;
	width:100%;
	}
	
/* ------------------------ */
/*    	FOOTER STYLES 		*/
/* ------------------------ */

.clearfooter {
	clear:both;
	height:134px;
	}

#homefooter {
	background:#036 url(../images/footer_background.jpg) repeat-x;
	color:#fff;
	height:134px;
	position:relative;
	}

#homefooter #homefooter_container {
	color:#000;
	height:130px;
	margin:auto;
	width:1000px;
	}

#homefooter #homefooter_container #footer_left_column {
	background:transparent url(../images/footer_xu_logo.jpg) left top no-repeat;
	height:130px;
	margin-right:580px;
	padding:0;
	}

#homefooter #homefooter_container #footer_left_column #address {
	color:#fff;
	margin-left:120px;
	padding-top:40px;
	}

/* Parts of Xavier's Homepage Powered by Campusuite */
#homefooter #homefooter_container #footer_left_column #address span {
	color:#808080;
	}
	#homefooter #homefooter_container #footer_left_column #address span a:link{color:#808080;text-decoration:none;}
	#homefooter #homefooter_container #footer_left_column #address span a:visited{color:#808080;text-decoration:none;}
	#homefooter #homefooter_container #footer_left_column #address span a:hover{color:#D8D8D8;text-decoration:underline;}
	#homefooter #homefooter_container #footer_left_column #address span a:active{color:#D8D8D8;text-decoration:underline;}

#homefooter #homefooter_container #footer_right_column {
	float:right;
	height:130px;
	margin:0;
	padding:0;
	width:560px;
	}

#footer_right_column #footer_subNav {
	color:#fff;
	font-size:1em;
	font-weight:400;
	height:30px;
	margin-top:50px;
	padding:0;
	}
	
	#footer_right_column #footer_subNav dl { margin: 0; padding: 0;}
	#footer_right_column #footer_subNav dt { float: left; padding: 0 10px;}
	
	/* IE5 Mac Hack \*/ 
	#footer_right_column #footer_subNav { padding-left: 30px; } 
	/*/ 
	#footer_right_column #footer_subNav { padding-left: 30px; overflow: hidden; } 
	/* End Hack */
	
	#footer_right_column #footer_subNav dt.navline { border-right: 1px #fff solid;}
	
	#footer_right_column #footer_subNav a:link{color:#fff;}
	#footer_right_column #footer_subNav a:visited{color:#fff;}
	#footer_right_column #footer_subNav a:hover{color:#fff;text-decoration:underline;}
	#footer_right_column #footer_subNav a:active{color:#fff;}
	
	
	/* Added by Innersync 1.27.09 for RSS feed icons on home page -jcm */
	
	.RSSxSmall {
	background-image: url(/campusuite/admin/css/images/rss-icon-xsmall.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding: 0 1.65em 0 0; }