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

@import url(reset.css);
@import url(color.css);
@import url(typography.css);

body {background-image:url(../images/bg.jpg);background-repeat:repeat-x;}

#drop-shadow {width:1030px;margin:auto;position:relative;background-image:url(../images/shadow.png);background-repeat:repeat-y;}

#wrap {width:1000px;margin:auto;position:relative;background-image:url(../images/ch_bg.jpg);background-repeat:repeat-x;}

.clear {clear:both;height:0px;}
.p-clear {clear:both;height:1em;}

#red-button {background-image:url(../images/red-button.png);width:297px;height:73px;background-repeat:no-repeat; margin:auto;}


/* ----------------------------------------------- HEADER BAR */
#hdr-bar {padding:10px;background-image:url(../images/hdr-bar-bg.png);background-repeat:no-repeat;height:53px; /* image height 83px */}

#hdr-bar-nav {position:absolute;right:270px;top:10px;}

/* SEARCH */
#search {position:absolute;right:10px;top:10px;width:250px;}
#search .button {float:right;width:60px;}
#search .text {float:left;height:14px;width:180px;}

/* CAMPUS SELECT */
#campus-dd {visibility: hidden;padding: 0px 10px;position:fixed;background-image:url(../images/campus-dd-bg.png);background-repeat:repeat;}
#campus-dd li {float:left;padding:7px 7px 0px 7px;}

/* ----------------------------------------------- BRANDING */
#brand {margin-top:-30px;}	/* adjust for height of hdr-bar-bg.png */

/* ----------------------------------------------- MAIN CONTENT */
#main-content {clear:both;margin:0px 0px 10px 0px;}

#content-info img {float:left;border:none;margin-right:10px;}
#content-info {float:left;width:615px;height:200px;margin:0px 10px 15px 10px; position:relative; z-index:1;}

#main-video {width:355px; float:left; height:200px; margin:0 10px 15px 0;}
#main-video img {width:355px; height:200px;}
#content-image {width:355px; float:left; height:200px; margin:0 10px 15px 0;}
#content-image img {width:355px; height:200px;}

#content-text {float:left;width:605px;	margin:0px 10px;min-height:270px;padding:0px 0px 10px 0px;}

#volunteer td {padding:4px; vertical-align:top;}

img.img-right {margin:0px 0px 0px 5px; border:3px solid #FFFFFF;}
img.img-left {float:left; margin:0px 5px 0px 0px; border:3px solid #FFFFFF;}

#side-nav .benevolence li {list-style-type:none; padding:0px 0px 5px 0px; margin:0px 0px 5px -10px; border-bottom:1px solid #000000;}
#side-nav .benevolence li.last {border:none; padding:0px; margin:0px 0px 0px -10px;}

img.video {float:left;border:2px solid #ffffff; margin:0 5px 0 0;}


/* ----------------------------------------------- SUB NAVIGATION */
#sub-nav {height:53px;line-height:53px;clear:both;margin-bottom:10px;background-image:url(../images/ch_subnav.png);background-repeat:no-repeat;padding:0px 20px; position:relative;}

#jsddm {margin: 0;padding: 0}
#jsddm li {float: left;list-style: none;}
#jsddm li ul {margin: 0;padding: 0;	position: absolute;	visibility: hidden; border:1px solid #1a1a1a; border-width:0 1px;background-color:#b4a58b; margin-top:-12px;}
#jsddm li ul li {float: none;display: inline;}

/* ----------------------------------------------- SIDE NAVIGATION */
#side-nav {float:left;width:355px;min-height:270px;margin:0px 10px;}
#side-nav ul, #side-nav li {list-style-type:circle;}

.side-nav-box {width:335px;padding:10px;display:none; background-image:url(../images/pg_sidenav-bg.jpg); background-repeat:repeat-y;}

#sidebar {float:left;width:335px;min-height:299px;padding:20px 10px 10px 10px;margin:0px 10px; background-image:url(../images/ch_sidebar-wide.png); background-repeat:no-repeat;}

/* ----------------------------------------------- FOOTER */
#footer {clear:both;padding:10px 5px;background-image:url(../images/footer-bg.png);background-position:top;background-repeat:no-repeat;}

.foot-box {margin:25px 5px 0px 5px;float:left;width:237px;}

.social li {float:left;margin-right:10px;}

/* ----------------------------------------------- SITE INFORMATION */
#site-info {
	background-image:url(../images/siteinfo-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	width:980px;	/* actual 1030px */
	margin:auto;
	position:relative;
	padding:25px 25px 10px 25px;
}