@import url(../components/header.css);

body {
	background: #8B8841 url(/inc/images/background_page.gif);
	padding: 0;
	margin: 0 0 2em;
}

#wrapper {
	position: relative;
	width: 922px; 
	margin: 20px auto 1em;
	background-color: #fff;
}
#wrapper #container {
	min-height: 450px;
}

#container .main {  /*content area*/
	padding: 25px 0 5px;
	margin: 0 20px 0;
	width: 505px;
	overflow: hidden;
} 


body#home #container {
  min-height: 0px;
}
body#home #container .main {
	width: auto;
	margin: 0;
	padding: 0;
}
body#home h1 { display: none;}


body#academics #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/academics_backgrounds) top right no-repeat;
}

body#admissions #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/admissions_backgrounds) top right no-repeat;
}


body#athletics #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/athletics_backgrounds) top right no-repeat;
}

body#directories #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/directories_backgrounds) top right no-repeat;
}

body#employment #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/employment_backgrounds) top right no-repeat;
}  

body#welcome #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/welcome_backgrounds) top right no-repeat;
}

body#studyabroad #container {
	background: url(/inc/tools/rotator.php?dir=img/level2/studyabroad_backgrounds) top right no-repeat;
}  


/* main content section */
body#welcome .newsbox {
	width: 94%;
	border: 1px solid #e8e8e8; 
	padding: .5em .25em .5em .5em; 
	margin: 4px 0px 18px 0px; 
	background-color: #ECF5F9;
}

body#welcome .green {
	font: bold .75em Verdana, sans-serif;
	padding-left: 6px 5px;
	margin-bottom: 5px;
}

body#welcome ul.flying {
	width: 100%;
	overflow: hidden;
  margin: -10px 0 .8em 0;
  padding: 0;
	list-style: none;
}

body#welcome ul.flying li {
	background: #fff url(/img/level2/planeicon.gif) no-repeat;
  float: left;
  width: 65%;
  margin: 0;
	padding: 0 0 2px 25px;

}

#welcome .twocolumn { margin: 0; }
#welcome .twocolumn .column {
	width: 48%;
	float: left;
} 
#welcome .twocolumn .column p {
	font-size: .75em;
	line-height: 1.8;
	margin: 0 0 .9em;
}

body#admissions ul.basic {
     padding: 0;
     margin: 0;

}

body#admissions ul.basic li {
     font-family: "Helvetica Neue",Helvetica,sans-serif;
font-size: .8em;
     list-style: none;
     margin: 0;
     padding: 0 0 10px 25px;
}


#footer {
  color: white;
  text-align: center;
  font-size: .675em;
  background-color: black;
  padding: 6px 0;
  margin: 0;
  position: relative;
  width: 100%;
} 

#footer a {
  color: #D4D79F;
}

#footer a:hover {
  color: #B9DaE8;
}

/* CSS Document */
#alert {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #7C1300; /*red background color*/
		overflow: hidden;
		color: #fff;
		width: 100%;
		padding: 10px;
}
#alert span.alert_title{
	font-weight: bold; padding-right: 15px; 
}

#whatsnew {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background: #B9DaE8; /*blue background color*/
		overflow: hidden;
		width: 100%;
} 

#whatsnew .header {  /* styling the small box that contains the "whats new >>" heading */
	border-right: 1px solid black;
	margin: 0;
	padding: 8px 2% 8px 0;
	font-weight: bold;
	float: left;
	width: 14%;
	background-color: #46502B;
	color:#FFFFFF;
	font-size: 9pt;
}
#whatsnew .header a {  /* link color for the "what's new" header box */
	color: #ffffff;
	text-decoration: none;
	padding-left: 16px;
} 
#whatsnew .header a:hover {  /* hover color for the "what's new" header box */
  color: #CCCC99;
} 


ul#marquee {
	padding: 0;
	margin: 8px 0 8px 1%;
	width: 74%;
	float: left;
	list-style: none;
	overflow: hidden;
}

#marquee li {
	margin: 0;
	padding: 0;
	position: absolute;
} 

#marquee a {  /* link color for the "what's new" content box */
		color: #000000;
		text-decoration: underline;
} 

#marquee a:hover {  /* hover color for the "what's new" content box */
		color: #996600;
} 

#marquee h4 {  
		font-size: small;
		color: #CCCC99;
} 

#whatsnew .header {  /* styling the small box that contains the "whats new >>" heading */

}
#whatsnew .header a {  /* link color for the "what's new" header box */
	color: #ffffff;
	text-decoration: none;
	padding-left: 16px;
} 
#whatsnew .header a :hover {  /* hover color for the "what's new" header box */
  color: #CCCC99;
}

.controls {
	position: absolute;
	right: 0;
	width: 75px;
	padding: 0 5px;
}
.controls img {
	padding: 8px 1px 6px;
	border: none;
}

/* vignettes */

#vignettes {
	margin: 0;
	padding: 0;
	font-size: .875em;
	background: #D4D79F;
  width: 100%;
	overflow: hidden;
} 
#vignettes .header {
	font-weight: bold;
	font-size: .75em;
	background: #E8E4B1;
	padding:5px 0px 6px 16px;
	width: 100%;
} 
#vignettes a { color: #003300; } 
#vignettes a { text-decoration: none; } 
#vignettes a:hover { color: #7C1300; text-decoration: underline; }

#vignettes h4 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 3px;
}

#vignettes .image {
	float: left;
	margin: 10px 12px 12px 0;
	width: 72px;
}
#vignettes .image img { border: none; }
#vignettes .caption {
	font-size: .7em;
	display: block;
	padding-top: 1px;
}

#vignettes .column p { 
	margin-left: 85px; 
	line-height: 1.25;
        
}

#vignettes .column {
	width: 33.2%;
	overflow: hidden;
  float: left;
  padding: 0;
  margin: 0;
	padding-bottom: 5000px;
  margin-bottom: -5000px;
}

#vignettes .column .content {	padding: 2px 9px 8px 15px; } 
#vignettes .icons {	padding-right: 12px; } 
#vignettes .column { border-left: 1px solid black; }
#vignettes .first {	border: none;  }