@charset "UTF-8";
/* CSS Document */

#wrapper {width:650px; height:741px; position:absolute; left:50%; margin-left:-325px;}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

#header {float:left; width:100%; background: transparent url(http://www.etown.edu/offices/development/images/header-overlay.jpg); overflow:hidden; height:81px; border-bottom:5px solid #2f2f2f;}
#logo {float:left; width:207px; height:81px; background-image: url(http://www.etown.edu/offices/development/images/logo-bkg.jpg);}
#menu {list-style:none; margin:0; padding:0;}
#menu li {float:right; height:81; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#FFF;}
#menu li a {z-index: 10; display: block; height: 81px; position: relative; color: white; padding-right: 16px; padding-left: 16px; text-decoration: none; width: 66px; padding-top: 20px;border-left: dotted 1px #555;}
#menu li a:hover {background: #222222;}

#imagezoom-wrapper {background-color:#2f2f2f; margin:0; padding:0;}
#imagezoom-wrapper p {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px 10px 30px 10px; font-style:italic; text-align:center; margin:0;}

#message {background: #D5D5D5; width: 650px; border-top: 1px solid  #9E9E9E; clear: both; float: left;}
#message p {margin:0; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4b4b4b; line-height:21px;}

#footer {background: url(http://www.etown.edu/offices/development/images/footer-bg.png) no-repeat; width: 650px; height: 69px; clear: both; float: left; }