@charset "UTF-8";
/* SUU University Housing Home Page - Screen Styles - Adapted January 2010 by Univeristy Housing (Ty Jewkes) From Source Code by SUU Web Services (Jill Whitaker)*/

body {
margin: 0px;
padding: 0px;
}

/* --- Miscellanous styling tools --- */
.floatright	{
float: right;
}

.hide {
display: none;
}

.nomarginpadding	{
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

/* --- GLOBAL STYLES --- */
h1 {
	color: #333333;
	padding:0;
	margin:15px 15px 0px 25px;
	/*border-bottom: 1px solid;*/
	}
	
h2 {
	color: #333333;
	margin: 25px 15px 0px 25px;
	padding: 0;
	}

h3 {
	color: #333333;
	margin: 25px 15px 0px 25px;
	padding: 0;
	}

h4 {
	color: #2a2a2a;
	margin: 15px 15px 0px 25px;
	}
	
ul {
 font-size: .8em;
 color: #333333;
 }
 
ol {
	font-size: .8em;
	color: #333333;
	}

#container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0px 15px 15px 25px;
	color: #333333;	}
	
img a, a img {
	border: none;
	}
	
.italic {
	font-style:italic;
	}
	
		table {
			margin: 0px 15px;
			font-size: .8em;
			}

		table th {
			background: #cecece;
			}
		
		table .description {
			width: 45%;
			}
		tr.accent {
			background: #EFEFEF;
		}
	

	
/* _______________ FOUNDATIONAL LAYOUT FOR ALL PAGES __________________ */


/* --- Container for all elements below ---- */

#container {
	background: #000000 url(../images/background/containers/background_general.gif) top center no-repeat;
	margin: 0px;
	padding: 0px;
	clear:both;
	}

/* --- Content Area ---*/
#framecontent  {
	background : #ffffff url(../images/background/containers/content_bkgd.png) no-repeat top;
	margin : 0 auto;
	padding : 0;
	width : 960px;
	overflow : auto;
	}
	
/* --- Department Logo/Mark ---*/
#branding  {
	background : url(../images/branding/housing_wordmark.png) no-repeat right;
	margin : 0 auto;
	padding : 0;
	width : 960px;
	height : 75px;
	} 	

/* --- Main navigation for housing site ---*/

#housingnav {
	background: #ffffff url(../images/navigation/housingnav_background.png) repeat-x;
	height: 34px;

}
	#housingnav ul {
		list-style-type: none;
		margin: 0px auto;
		padding: 0px;
		width: 960px;
	}
	#housingnav li {
		float: left;
		margin: 0px;
		padding: 0px;
		height: 34px;
		font-size: 1.2em;
		font-weight: bold;
		color: #ae0f14;
		text-align: center;
		border-right: 2px solid #cecece;
		}
	
		#housingnav li a { 		/* style and set display for menu items */
			padding-top: 8px;
			display: block;
			height: 26px;
			width: 158px;
			text-decoration: none;
			color: #ae0f14;
			cursor: pointer;
			}
				
		#housingnav li a:hover {	/* create hover effect for menu items */
			color: #ffffff;  
			background: url(../images/navigation/menu_mousover_160px.jpg) no-repeat;
			cursor: pointer;
			}

		#housingnav li a.last { 	/*adjust width for right border removal of last menu option */
			width: 160px;
			}
			
		#housingnav li.noborder {	 /* remove right border from last menu option*/
			border-right: none;
			}
	
.housingnavoptions {
	display: none; 
	width: 960px; 
	height: 200px; 
	background: #ffffff url(../images/background/elements/newsgradient_250px.png) top repeat-x; 
	border-bottom: 1px solid #cecece;
	}
	
.housingnavcol {
	width: 30%;
	height: 70%;
	float: left;
	margin: 0;
	padding: 0;
	}
.housingnavoptions h3 {
	margin: 15px 30px 0px 30px;
	padding: 0;
	color: #333333;
	font-size: .95em;
	}
.housingnavoptions ul {
	margin: 0px 0px 15px 30px;
	padding: 0;
	color: #666666;
	list-style: none;
	font-size: .85em;
	}
	
.housingnavoptions ul li {
	margin-top: .25em;
	}

.housingnavoptions ul li a {
	color: #666666;
	text-decoration: none;
	}

.housingnavoptions ul li a:hover {
	color: #ae0f14;
	text-decoration: underline;
	}
	
#loadclosebutton {
	height: 30px;
	width: 30px;
	margin: 160px 10px 0 0;
	padding: 0;
	display: block;
	background: url(../images/buttons/closebutton_hover.gif) no-repeat;
	float: right;
	}
a#closebutton {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	background: url(../images/buttons/closebutton.gif) no-repeat;
	}
a#closebutton:hover {
	background: url(../images/buttons/closebutton_hover.gif) no-repeat;
	cursor: pointer;
	}
	
			
/* Position and style root navigation at bottom of pages */
#container #framecontent #bottomnav {
	background: url(../images/navigation/bottomnavgrad_32px.png);
	border: 1px solid #cecece;
	width: 920px;
	height: 32px;
	text-align: center;
	clear: both;
	margin: 15px 19px;
	
	}
	
/*#container #framecontent #bottomnav {
	background: #FFFFFF;
		border-top: 3px solid #000000;
		clear: both;
		color: #666666;
		margin: 30px 0px 0px;
		padding: 0px 0px 50px;
		overflow: auto;
		}*/
	
	#bottomnav ul {
		list-style: none;
		width: 450px;
		margin: 5px auto;
		padding: 0px		}
	
	#bottomnav li {
		float: left;
		margin: 0px;
		padding: 0px 5px;
		font: .95em Verdana, Arial, Helvetica, sans-serif;
		}
	
		#bottomnav li a {
			display: block;
			color: #aeaeae;
			}
		
		#bottomnav li a:hover {
			color: #ae0f14;
			}

/* _______________ HOME PAGE STYLE __________________ */


/* --- Feature image on site home --- */
#featureimage {
	background: url(../images/background/elements/featureimage_bkgd.png) no-repeat;
	margin: 15px;
	padding: 10px 0px 0px 10px;
	width: 918px;
	height: 398px;
	}

/* Position and style horizontal buttons at bottom */
/*#framecontent ul#specialbuttons {
	width: 375px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: right;
	list-style: none;
	}

		#framecontent ul#specialbuttons li {
		background: #ffffff url(../images/buttongradient_40px.png) bottom repeat-x;
		width: 375px;
		height: 44px;
		border: 1px solid #cecece;
		margin: 0px 0px 10px 0px;
		padding: 0;
		float: left;
		font: 1.25em Verdana, Arial, Helvetica, sans-serif;
		clear:both;
		}
	
		ul#specialbuttons li a {
			text-decoration: none;
			color: #707070;
			display: block;
			width: 361px;
			height: 30px;
			padding: 7px;
			margin: 0;

			}
			
		ul#specialbuttons li a:hover {
			background: #c41c1c ;
			color: #ffffff;
			display: block;
			width: 361px;
			height: 30px;
			padding: 0;
			margin: 0;
			}*/
			
#framecontent ul#specialbuttons {
		list-style-type: none;
		margin: 0px 20px 0px 0px;;
		padding: 0px;
		width: 375px;
		float: right;
	}
	#framecontent ul#specialbuttons li {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		height: 44px;
		font-size: 1.25em;
		color: #707070;
		border: 1px solid #cecece;
		}
	
		#framecontent ul#specialbuttons li a { 		/* style and set display for menu ite*/
			background: #ffffff url(../images/buttons/buttongradient_40px.png) bottom repeat-x;
			padding: 7px;
			display: block;
			height: 30px;
			width: 359px;
			font-size: 1.25em;
			text-decoration: none;
			color: #707070;
			}
				
		#framecontent ul#specialbuttons li a:hover {	/* create hover effect for menu items */
			background: #c41c1c url(../images/buttons/buttonhover_40px.png) bottom repeat-x;  
			color: #ffffff;
			cursor: pointer;
			}


/* Position and style newsreel element */	
#newsreel {
	background: #ffffff url(../images/background/elements/newsgradient_250px.png) bottom repeat-x;
	width: 499px;
	height: 249px;
	border: 1px solid #cecece;
	margin: 0px 0px 20px 20px;
	padding: 10px;
	float: left;
	}
	
		#newsreel h2 {
			margin: 0;
			padding: 0;
			color: #ae0f14;
			}
				
			.icon_cal {
				float: left;
				margin-right: 5px;
				}
	
		#eventdates {
			list-style: none;

			}
			
			#eventdates li {
				margin: 5px 0px 0px 0px;
				padding: 3px;
				font-size: 14px;
				color: #707070;
				}
			
			.dates {	/* used in span class to align dates and descriptions */
				width: 80px;
				/*display: inline-block;*/
				font-weight: bold;
				}
				
			#eventdates li a {
				color: #707070;
				text-decoration: none;
				}
			
			#eventdates li a:hover {
				color: #000000;
				font-weight: bold;
				}
				

	

/* _______________ HALL LISTINGS __________________ */

/*h2 {
margin: 15px 15px 0px 15px;
padding: 0px;
font-size: 36px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #707070;
font-weight: normal;
}*/

.listing {
width: 455px;
display: block;
margin: 15px 0px 0px 15px;
float: left;
background: #ffffff;
border: 1px solid #cecece;
}

	.listing h3 {
		margin: 5px auto;
		padding: 5px;
		border-bottom: 1px solid #cecece;
		background: #ffffff url(../images/navigation/housingnav_background.png) repeat-x;
		color: #666666;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
	
		}
	
	.listing a {
		text-decoration: none;
		color: #666666;
		}
	
	.listing a:hover {
		color: #ae0f14;
/*		text-decoration: underline;*/
		}

.listing p {
	color: #666666;
	font: .90em Verdana, Arial, Helvetica, sans-serif;
	
	
	}

.startat {
	font-size: smaller;
	}

.listthumb {
	width: 125px;
	height: 125px;
	display: block;
	background: black;
	float: left;
	margin: 10px;
	border: 1px solid #666666;
	}

#disclaimer {
font-size: small;
padding: 0px;
margin: 0px;
float: left;
color: #aeaeae;

}

#disclaimer p {
margin: 15px;
padding: 0px;

}

/* _______________ RESIDENCE HALLS __________________ */

#leftcolumn {
	width: 725px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
	#preview {
		width: 400px;
		float: left;
		margin: 10px 10px 25px 10px;
		background: url(../images/background/elements/hallpreview_bkgd_400.png) no-repeat;
	
		}
	
		#previewimage {
			width: 370px;
			height: 270px;
			margin: 15px;
			padding: 0;
			}
			
		#preview a img {
			border: none;
			}
			
		#preview ul {
			list-style-type: none;
			margin: 0px 0px 0px 10px;
			padding: 0px;
			}
		
			#preview li {
				float: left;
				margin: 0px;
				padding: 0px 5px;
				font-size: 1.1em;
				text-align: center;
				border-right: 2px solid #cecece;
				}
			
				#preview li a { 		/* style and set display for menu items */
					text-decoration: none;
					color: #333333;
					}
						
				#preview li a:hover {	/* create hover effect for menu items */
					color: #aeaeae;  
					cursor: pointer;
					}
		
				#preview li.noborder {	 /* remove right border from last menu option*/
					border-right: none;
					}
		#galleryframe {
			width: 100%; 
			height:100%; 
			margin: 0; 
			padding:0;
			background: #222222;
			}
	
	/*#leftcolumn h1 {
		margin: 10px;
		border: none;
		}*/

	/*#leftcolumn p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		margin: 15px 15px 15px 25px;
		color: #333333;
		}*/
		
	#leftcolumn div.divide-dash {
		margin: 0px 15px 15px 0px;
		padding: 0px;
		border-top: 1px dashed #cecece;
		width: 280px;
		height: 0px;
		float: left;
		}

	#pricesummary {
		width: 280px;
		float: left;
		display: block;
		margin: 0px 15px 0px 0px;
		}
		
		#pricesummary h2 {
			margin: 0px;
			padding: 0px;
			color: #ad0f14;
			font-weight: normal;
			font-size: 1em;
			}
				
		#pricesummary .price {
			font-size: 1.5em;
			}
			
		#pricesummary .price sup {
			vertical-align: text-top;
			}
		
		#pricesummary ul {
			font-size: .8em;
			color: #666666;
			padding-left: 20px;
			padding-top: 5px;
			float: left;
			margin: 0px;
			list-style-image: url(../images/icons/bullet_checkmark.gif);
			}
			
		#applybtn {
			width: 150px;
			height: 30px;
			margin: 10px 0px;
			padding: 0px;
			display: block;
			float: left;
			background: url(../images/buttons/applybtn_hover.gif) no-repeat;
			}

			#applybtn a {
				width: 150px;
				height: 30px;
				margin: 0px;
				padding: 0px;
				display: block;
				float: left;
				background: url(../images/buttons/applybutton.gif) no-repeat;
				}
			#applybtn a:hover {
				background: url(../images/buttons/applybtn_hover.gif) no-repeat;
				cursor: pointer;
				}

	#valpointcontainer3 {
		float:left;
		width:705px;
		overflow:hidden;
		position:relative;
		clear: both;
		margin: 25px 0px 25px 0px;
		color: #666666;
		}
		
		#valpointcontainer2 {
			float:left;
			width:705px;
			position:relative;
			right:235px;
			border-right: 1px solid #cecece;
			}
		
		#valpointcontainer1 {
			float:left;
			width:705px;
			position:relative;
			right:235px;
			border-right: 1px solid #cecece;
			}
			
			#valpoint1 {
				float:left;
				width:235px;
				position:relative;
				left:470px;
				background: url(../images/icons/valicon_personpair.png) top center no-repeat;
				}
			#valpoint2 {
				float:left;
				width:235px;
				position:relative;
				left:470px;
								background: url(../images/icons/valicon_clock.png) top center no-repeat;
								text-align: center;
			}
			#valpoint3 {
				float:left;
				width:235px;
				position:relative;
				left:470px;
								background: url(../images/icons/valicon_lock.png) top center no-repeat;
								text-align: center;

				}
		#valpointcontainer3 h2 {
			color: #333333;
			font-size: 1.2em;
			margin: 75px 0px 25px 0px;
			display: block;
			text-align:center;
			float: none;
			}	
		
		#valpointcontainer3 ul {
			clear: left; 
			font-size: .8em; 
			text-align:left;
			margin: 10px;
			padding-left: 25px;
			}
			
		#valpointcontainer3 ul li {
			padding-bottom: 10px;
			}
			
	#detailtabs {
		width: 695px;
		margin: 15px;
		clear: both;
		}
		
		#detailtabs .column {
		width: 45%;
		margin-right: 25px;
		float: left;
		border-left: 1px solid #cecece;
		}
		
		#detailtabs h3 {
		margin: 0px 15px 0px 15px;
		padding: 0;
		color: #333333;
		font-size: 1.0em;
		}
		
		#detailtabs p {
		margin: 0px;
		padding: 0px 15px 15px 15px;
			}
		
		#detailtabs ul {
		font-size: .8em;
		margin-top: 0;
		}


#rightcolumn {
	width: 219px;
	margin: 15px 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	background: #ffffff;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;

	} 
	
	#rightcolumn div.divide-grad {
		background: url(../images/background/elements/gradient_divider.gif) no-repeat;
		height: 15px;
		margin: 15px auto;
		width: 200px;
		border: none;
		display: block;
		clear: both;
		}

	#hallnav {
		padding: 0px;
		margin: 0px;
		}
		
		#hallnav h2 {
			padding: 5px 5px 5px 0px;
			margin: 0px;
			color: #ae0f14;
			font-size: 14px;
			}
		
			#hallnav h2 a {
				color: #ae0f14;
				font-size: 14px;
				text-decoration: none;
				display: block;
				}
	
			#hallnav h2 a:hover {	/* create hover effect for menu items */
				cursor: pointer;
				color: #666666;
				}
	
		#hallnav ul {
			list-style-type: none;
			margin: 0px auto;
			padding: 0px;
			}
	
		#hallnav li {
			margin: 0px;
			padding: 0px;
			height: 30px;
			font-weight: bold;
			text-align: left;
	
			}
		
			#hallnav li a { 		/* style and set display for menu items */
				padding: 5px 0px 5px 0px;
				display: block;
				height: 20px;
				width: 218px;
				text-decoration: none;
				color: #aeaeae;
				}
					
			#hallnav li a:hover {	/* create hover effect for menu items */
				color: #666666;  
				background: url(../images/navigation/sidenav_gradient.png) right repeat-y;
				cursor: pointer;
				}
	

	#socialnetworks {
		width: 200px;
		margin: 0;
		padding: 0;
		float: left;
		overflow: hidden;
		}
		
		#socialnetworks ul {
		   clear:left;
		   float:left;
		   list-style:none;
		   margin:0 0 15px 0;
		   padding:0;
		   position:relative;
		   left:50%;
		   text-align:center;
		}
		#socialnetworks ul li {
		   display:block;
		   float:left;
		   list-style:none;
		   margin:0;
		   padding:0 10px;
		   position:relative;
		   right:50%;
		}
		
			#socialnetworks ul li a.facebook {
				background: url(../images/icons/facebook_32.png) top center no-repeat;
				display: block;
				width: 32px;
				height: 32px;
				}
				
			#socialnetworks ul li a.facebook:hover {
				background: url(../images/icons/facebook_32_hover.png) top center no-repeat;
				height: 32px;
				width: 32px;
				display: block;
				}
								
			#socialnetworks ul li a.twitter {
				background: url(../images/icons/twitter_32.png) top center no-repeat;
				display: block;
				width: 32px;
				height: 32px;
				}
				
			#socialnetworks ul li a.twitter:hover {
				background: url(../images/icons/twitter_32_hover.png) top center no-repeat;
				height: 32px;
				width: 32px;
				display: block;
				}
			#socialnetworks ul li a.youtube {
				background: url(../images/icons/youtube_32.png) top center no-repeat;
				display: block;
				width: 32px;
				height: 32px;
				}
				
			#socialnetworks ul li a.youtube:hover {
				background: url(../images/icons/youtube_32_hover.png) top center no-repeat;
				height: 32px;
				width: 32px;
				display: block;
				}
				
#accordion {
	margin: 15px 15px 15px 25px;
	}



.setmargin {
	margin: 15px 15px 15px 25px;
	}
	
.staffprofile {
	margin: 15px 15px 15px 25px;
	clear: both;
	float: left;
	width: 680px;
	}

.staffprofile .staffpic {
	margin: 0px 15px 0px 0px;
	float: left;
	}

.staffprofile h3 {
	margin: 0px 15px 0px 15px;
	}
	
.staffprofile h4 {
	margin: 0px 15px 0px 15px;
	}
	
	
/* ---- LEARNING COMMUNITY PAGES -- */

.lclisting {
	width: 930px;
	display: block;
	margin: 15px 0px 0px 15px;
	float: left;
	background: #ffffff;
	border-top: 1px solid #cecece;
	}

	.lclisting h2 {
		margin: 5px auto;
		padding: 5px;
	/*	border-bottom: 1px solid #cecece;
		background: #ffffff url(../images/navigation/housingnav_background.png) repeat-x;*/
		color: #ae0f14;
		font: Verdana, Arial, Helvetica, sans-serif;
		}
	
	.lclisting a {
		text-decoration: none;
		color: #666666;
		}
	
	.lclisting a:hover {
		color: #ae0f14;
		}

/*.listing p {
	color: #666666;
	font: .90em Verdana, Arial, Helvetica, sans-serif;
	
	
	}

.startat {
	font-size: smaller;
	}*/
	
	.lclisting ul {
	margin: 0px;
	padding: 0px 10px;
	}

.lclistthumb {
	width: 200px;
	height: 200px;
	display: block;
	background: black;
	float: right;
	margin: 0px 10px 10px 10px;
	border: 1px solid #666666;
	}
	
.lclisting .detail {
	float: left;
	width: 350px;
	}
	
#framecontent .lclisting .detail p {
	margin: 0px;
	padding: 0px;
	}
	
.lclisting h3 {
	margin: 5px 0px;
	padding: 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}
	
#searchnowbtn {
			width: 150px;
			height: 30px;
			margin: 10px 0px;
			padding: 0px;
			display: block;
			float: left;
			background: url(../images/buttons/searchnowbutton_hover.gif) no-repeat;
			}

			#searchnowbtn a {
				width: 150px;
				height: 30px;
				margin: 0px;
				padding: 0px;
				display: block;
				float: left;
				background: url(../images/buttons/searchnowbutton.gif) no-repeat;
				}
			#searchnowbtn a:hover {
				background: url(../images/buttons/searchnowbutton_hover.gif) no-repeat;
				cursor: pointer;
				}