ul, body, div, ol, li, p{margin: 0; padding: 0;}


body{font: normal 12px 'lucida sans', 'lucida grande', 'helvetica', 'arial'; color: #2c2014; background: #2c2014 url('images/mainBg.jpg') 0 0 repeat-x;}

h1{font-size: 1.8em; line-height: 1.2em; font-weight: normal; letter-spacing: -0.05em; padding: 5px 0; margin: 5px 0;}
h2{font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; padding: 5px 0; margin: 5px 0;}
h3{font-size: 1.4em; font-weight: normal; letter-spacing: -0.05em; padding: 5px 0; margin: 5px 0;}
h4{font-size: 1.2em; font-weight: normal; letter-spacing: -0.05em; padding: 5px 0; margin: 5px 0;}
h5{font-size: 1.0em; font-weight: normal; letter-spacing: -0.05em; padding: 5px 0; margin: 5px 0;}
h6{font-size: 0.9em; font-weight: normal; letter-spacing: -0.05em; padding: 5px 0; margin: 5px 0;}

a{color: #e16122;}
p{padding: 5px 0;}
img {border: 0;}

/* layout */

#container_top{width: 864px; padding: 15px 0 0 0; margin: 36px auto; background: url('images/con-top.png') 0 0 no-repeat; _background: url('images/con-top.gif') 0 0 no-repeat; }
#container_bot{width: 864px; float: left; padding: 0 0 15px 0; background: url('images/con-bot.png') 0 bottom no-repeat; _background: url('images/con-bot.gif') 0 bottom no-repeat;}
#container{width: 864px; float: left; background: url('images/con-tile.png') 0 0 repeat-y; _background: url('images/con-tile.gif') 0 0 repeat-y;}

#header{width: 814px; padding: 20px 25px; float: left;}
#header h1#logo{margin: 0; padding: 0;}
#header h1#logo a{width: 194px; height: 72px; float: left; text-indent: -9999px; background: url('images/logo.jpg') 0 0 no-repeat;}
#header .search{width: 170px; float: right; padding: 20px 0 0 0;}
#header .search label{float: left;}
#header .searchInput{width: 131px; height: 19px; float: left; background: url('images/searchTxt.jpg') 0 0 no-repeat; border: 0;}
#header .searchButton{width: 32px; height: 22px; float: right; text-indent: -9999px; font-size: 0; color: #3f2d19; background: url('images/searchBtn.jpg') 0 0 no-repeat; border: 0;}

#main_nav{width: 846px; float: left; padding: 0 9px;}
#main_nav .nav{width: 846px;  float: left; background: url('images/main-nav.jpg') 0 0 repeat-x;}
#main_nav .nav li{display: inline; position: relative; float: left; list-style: none; background: url('images/main-nav-sep.gif') right 0 repeat-y;}
#main_nav .nav li a{float: left; padding: 12px 15px; color: #b79f85; text-decoration: none;}
#main_nav .nav li a:hover{color: #332210; background: url('images/main-nav-over.jpg') 0 0 repeat-x;}

#main_nav .nav li ul {display: none;}
#main_nav .nav li:hover ul, #main_nav .nav li.drop.sfhover ul{width: 150px; top: 39px; left : -2px; display: block; position: absolute; background: #48321b;}
#main_nav .nav li li{width: 100%; float: left; padding: 0; background-image: none;}
#main_nav .nav li li a{width: 130px; float: left; display: block; padding: 10px;}
#main_nav .nav li li a:hover{background: #a17747;}
#main_nav .nav li li li{display: none;}

#main_nav .nav li:hover li ul{display: none;}

#body{width: 814px; padding: 20px 25px; float: left;}


#content{width: 594px; float: left; min-height: 500px; _height: 500px;}
#content h1{color: #3a2a1a;}
#content h2{color: #a17747;}
#content ul{padding: 5px 0;}
#content li{padding: 2px 10px 2px 25px; background: url('images/arrow.gif') 5px 3px no-repeat;}
#content #mainImg{width: 594px; float: left;}
#content #mainImg img{padding: 0 0 15px 0;}
#content #text_tile{width: 594px; float: left; background: url('images/text-tile.png') 0 0 repeat-y;}
#content #text_top{width: 594px; float: left; background: url('images/text-top.png') 0 0 no-repeat;}
#content #text_bot{width: 554px; padding: 20px 20px 40px 20px; float: left; background: url('images/text-bot.png') 0 bottom no-repeat;}
	
#flash{width: 540px; float: left;}

#welcome{width: 212px; height: 285px; padding: 20px 20px; float: right; line-height: 1.6em; font-family: 'lucida sans', 'lucida grande'; font-style: italic; color: #fff; background: url('images/welcome.jpg') 0 0 no-repeat;}
#welcome h1{color: #e06020; font-size: 1.8em; padding: 5px 0 5px 0; text-transform: Uppercase; font-weight: normal; font-style: normal;}
#welcome a{color: #e06020;}
#welcome a:hover{text-decoration: none;}

#actions{width: 816px; float: left; padding: 20px 0 0px 0;}
#actionsLeft{width: 541px; float: left;}

#action_1{width: 255px; float: left;}
#action_2{width: 270px; float: right;}
#action_3{width: 255px; float: right;}

#side{width: 198px; float: right;}
#side h1, #side h2, #side h3, #side h4, #side h5, #side h6{color: #3f2d19;}
#side a{color: #3f2d19;}
#side #side_nav_sec{width: 198px; float: left; margin: 0 0 15px 0; padding: 0; background: #48331c url('images/side-nav-top.jpg') 0 0 no-repeat;}
#side .side_nav{width: 162px; font-size: .9em; float: left; padding: 10px 18px; background: url('images/side-nav-bot.jpg') 0 bottom no-repeat;}
#side .side_nav li{width: 162px; float: left; background: url('images/side-nav-sep.gif') 0 bottom repeat-x;}
#side .side_nav li a{width: 140x; float: left; color: #b79f85; padding: 10px 0 12px 22px; text-decoration: none; background: url('images/arrow.gif') 0 11px no-repeat;}
#side .side_nav li a:hover, #side .side_nav li.selectedPage a{color: #ee6720; background: url('images/arrow-over.gif') 0 11px no-repeat;}

#side #side_sec_top{width: 198px; float: left; background: #a17647 url('images/side-sec-top.jpg') 0 0 no-repeat;}
#side #side_sec_bot{width: 158px; float: left; padding: 20px 20px; color: #fff; background: url('images/side-sec-bot.jpg') 0 bottom no-repeat;}

#footer{width: 100%; float: left; padding: 0 0 25px 0; color: #836c55; font-size: .9em;}
#footer #footerContent{width: 814px; margin: 10px auto; _margin: 0 auto;}
#footer a{color: #836c55;}
#footer .footNav{padding: 10px 0;}
#footer .footNav li{display: inline; padding: 0 7px 0 0;}

/* Splash */
h1#big_logo{width: 100%; height: 109px; text-indent: -9999px; padding: 0; margin: 0 0 30px 0; background: url('images/bigLogo.jpg') center 0 no-repeat;}
h2#guests, h2#families{width: 364px; height: 457px; padding: 0; margin: 0; display: inline; }
h2#guests a{width: 364px; height: 457px; display: inline; float: left; text-indent: -9999px; padding: 0; margin: 0; background: url('images/guests.jpg') 0 0 no-repeat;}
h2#families a{width: 364px; height: 457px; float: right; text-indent: -9999px; padding: 0; margin: 0; background: url('images/families.jpg') 0 0 no-repeat;}

/* Children */
body#children{background: #3e2102 url('images/mainBg-ch.jpg') 0 0 repeat-x;}

body#children #header{width: 814px; padding: 20px 25px; float: left;}
body#children #header h1#logo a{width: 320px;float: left; text-indent: -9999px; background: url('images/children-logo.jpg') 0 0 no-repeat;}
body#children #header .searchButton{background: url('images/searchBtn-ch.jpg') 0 0 no-repeat; border: 0;}

body#children #main_nav .nav{background: url('images/main-nav-ch.jpg') 0 0 repeat-x;}
body#children #main_nav .nav li{background: url('images/main-nav-sep-ch.gif') right 0 repeat-y;}
body#children #main_nav .nav li a{color: #e1eca9;}
body#children #main_nav .nav li a:hover, body#children #main_nav .nav li.selectedPage a, body#children #main_nav .nav li.selectedPageRoot a{color: #6b3903; background: url('images/main-nav-over-ch.jpg') 0 0 repeat-x;}
body#children #main_nav .nav li li{background-image: none;}
body#children #main_nav .nav li li a{width: 130px; float: left; display: block; padding: 10px; background: #d67107; }
body#children #main_nav .nav li li a:hover{background: #c36606;}

body#children #content h1{color: #d57106;}
body#children #content h2{color: #88134b;}
body#children #content li{padding: 2px 10px 2px 25px; background: url('images/arrow-content-ch.jpg') 5px 3px no-repeat;}

body#children #side #side_nav_sec{background: #d57106 url('images/side-nav-top-ch.jpg') 0 0 no-repeat;}
body#children #side h1{color: #fff;}
body#children #side .side_nav{background: url('images/side-nav-bot-ch.jpg') 0 bottom no-repeat;}
body#children #side .side_nav li{background: url('images/side-nav-sep-ch.gif') 0 bottom repeat-x;}
body#children #side .side_nav li a{color: #fff; background: url('images/arrow-ch.gif') 0 11px no-repeat;}
body#children #side .side_nav li a:hover, body#children #side .side_nav li a.selectedPage{color: #3e2103 !important; background: url('images/arrow.gif') 0 11px no-repeat !important;}

body#children #side #side_sec_top{background: #88134b url('images/side-sec-top-ch.jpg') 0 0 no-repeat;}
body#children #side #side_sec_bot{background: url('images/side-sec-bot-ch.jpg') 0 bottom no-repeat;}

body#children #footer{color: #746049;}
body#children #footer a{color: #746049;}
body#children p#flogo{padding: 0; margin: 0;}
body#children p#flogo a{width: 169px; height: 60px; margin: -50px 0 0 0; float: right; text-indent: -9999px; background: url('images/campus-logo.jpg') 0 0 no-repeat;}


/* Students */
body#students{background: #ca5113 url('images/mainBg-st.jpg') 0 0 repeat-x;}

body#students #header{width: 814px; padding: 20px 25px; float: left;}
body#students #header h1#logo a{width: 204px; height: 90px; float: left; text-indent: -9999px; background: url('images/students-logo.jpg') 0 0 no-repeat;}
body#students #header .searchButton{border: 0;}

body#students #main_nav .nav{background: url('images/main-nav-st.jpg') 0 0 repeat-x;}
body#students #main_nav .nav li{background: url('images/main-nav-sep-st.gif') right 0 repeat-y;}
body#students #main_nav .nav li a{color: #b79f85;}
body#students #main_nav .nav li a:hover, body#children #main_nav .nav li.selectedPage a, body#children #main_nav .nav li.selectedPageRoot a{color: #fff; background: url('images/main-nav-over-st.jpg') 0 0 repeat-x;}
body#students #main_nav .nav li li{background-image: none;}
body#students #main_nav .nav li li a{width: 130px; float: left; color: #fff; display: block; padding: 10px; background: #ca5213; }
body#students #main_nav .nav li li a:hover{background: #d26c36;}

body#students #content h1{color: #d57106;}
body#students #content h2{color: #88134b;}
body#students #content li{padding: 2px 10px 2px 25px; background: url('images/arrow-content-ch.jpg') 5px 3px no-repeat;}

body#students #side #side_nav_sec{background: #48331c url('images/side-nav-top-st.jpg') 0 0 no-repeat;}
body#students #side h1{color: #fff;}
body#students #side .side_nav{background: url('images/side-nav-bot-st.jpg') 0 bottom no-repeat;}
body#students #side .side_nav li{background: url('images/side-nav-sep-st.gif') 0 bottom repeat-x;}
body#students #side .side_nav li a{color: #ae8961; background: url('images/arrow-st.gif') 0 11px no-repeat;}
body#students #side .side_nav li a:hover, body#children #side .side_nav li a.selectedPage{color: #aa5428; background: url('images/arrow-st-over.jpg') 0 11px no-repeat;}

body#students #side #side_sec_top{background: #ca5213 url('images/side-sec-top-st.jpg') 0 0 no-repeat;}
body#students #side #side_sec_bot{background: url('images/side-sec-bot-st.jpg') 0 bottom no-repeat;}

body#students #footer{color: #2e2215;}
body#students #footer a{color: #2e2215;}
body#students p#flogo{padding: 0; margin: 0;}
body#students p#flogo a{width: 169px; height: 60px; margin: -50px 0 0 0; float: right; text-indent: -9999px; background: url('images/campus-logo.jpg') 0 0 no-repeat;}


/* Volunteers
--------------------------------------- */

#my-glider{width: 580px; float: left;}

#featureNav {
	width: 100%; 
	float: left;
	}
#featureNav li {
	list-style: none;
	margin: 0;
	background: none !important;
	padding: 0;
	float: left;
}
#featureNav a {
	width: 135px;
	height: 102px;
	float: left;
	text-indent: -9999px;
	padding: 10px 0 0 5px;
}
#featureNav a:hover, #featureNav a.selectedPage {
	background: #000;
	color: #FFF;
}
#featureNav #one{background: url('i/1.jpg') 0 0 no-repeat;}
#featureNav #one:hover, #featureNav #one.selectedPage{background: url('i/1-down.jpg') 0 0 no-repeat;}
#featureNav #two{background: url('i/2.jpg') 0 0 no-repeat;}
#featureNav #two:hover, #featureNav #two.selectedPage{background: url('i/2-down.jpg') 0 0 no-repeat;}
#featureNav #three{background: url('i/3.jpg') 0 0 no-repeat;}
#featureNav #three:hover, #featureNav #three.selectedPage{background: url('i/3-down.jpg') 0 0 no-repeat;}
#featureNav #four{background: url('i/4.jpg') 0 0 no-repeat;}
#featureNav #four:hover, #featureNav #four.selectedPage{background: url('i/4-down.jpg') 0 0 no-repeat;}
#featureNav #five{background: url('i/5.jpg') 0 0 no-repeat;}
#featureNav #five:hover, #featureNav #five.selectedPage{background: url('i/5-down.jpg') 0 0 no-repeat;}
#featureNav #six{background: url('i/6.jpg') 0 0 no-repeat;}
#featureNav #six:hover, #featureNav #six.selectedPage{background: url('i/6-down.jpg') 0 0 no-repeat;}
#featureNav #seven{background: url('i/7.jpg') 0 0 no-repeat;}
#featureNav #seven:hover, #featureNav #seven.selectedPage{background: url('i/7-down.jpg') 0 0 no-repeat;}
#featureNav #eight{background: url('i/8.jpg') 0 0 no-repeat;}
#featureNav #eight:hover, #featureNav #eight.selectedPage{background: url('i/8-down.jpg') 0 0 no-repeat;}


div.scroller { 
	width: 550px;
	height: 400px;
	margin: 10px 0 0 0;
	float: left;
	overflow: hidden;
	
	}
div.scroller div.section {
	width: 500px;
	height: 400px;
	overflow:hidden;
	float: left;
	padding: 10px 25px;	
	background: url('i/scroller.jpg') 0 0 no-repeat;	
	}
#bottomContent{
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
	
}
	

/* Goodies */

.right{float: right;}

b.bioName {
	display: block;
	border-bottom: 1px solid #666666;
}


/* WSL CMS */
html body #adminbar {width: 100% !important; display: block;}
html body #adminbar #toolbar,
html body #adminbar #pagebar {display: block;}

/* fixing reset issue 9/22/09 */

.textElement strong, .element strong {
	font-weight: bold !important;
}
.textElement em, .element em {
	font-style: italic !important;
}