* {margin: 0px; padding: 0px;}
html, body {margin: 0px; padding: 0px; font-size: small;}

body {font-size:small; font-family: lucida grande, Lucida sans, Helvetica, Arial, Verdana, sans-serif, Geneva; background: #fff;}

a {color:#C60; text-decoration:none;}
a:hover {color: #cc6600; text-decoration:underline;}
a:visited {}

ul {}
ul li {}

p {margin-bottom: 10px;}

h1 {font-size: 160%;} /*used only for the most important headline on each page for SEO purposes */
h2 {font-size: 120%;} /*used for main headers in the content of each page */
h3 {font-size: 150%;} /*tertiary header like the post titles in the idea file or the left column headlines in the sub pages*/
h4 {font-size: 100%;} /*4th level header for regular headlines inside normal copy*/

#wrapper {margin: 0px auto; padding-bottom: 20px; font-size: 100%; background:#023433  url(../../images/bg_SetTheStage_0.0.2.jpg) center top no-repeat;}

#header {padding-top: 15px; color: #fff; width: 1000px; margin: 0px auto;}
#header a {color: #ffffff; text-decoration:none;}
#header a:hover {color: #F9B552}
#header a:visited {color: #eeeeee;}

/************ TOP navigation list here ***************/
#header #navcontainer {margin-bottom: 20px;}
#header #navcontainer #navlist1 {float:right;}
#header #navcontainer #navlist1 {list-style:none;}
#header #navcontainer #navlist1 li {float:left;}
#header #navcontainer #navlist1 li a {display:block; line-height: .9em; border-left: 1px solid #fff; padding-left: 5px; margin-left: 5px;}
#header #navcontainer #navlist1 li.First a {border:none;}

#header #login_container {float:right; width: 290px; margin: 12px 10px 10px 0px; display:inline; text-align:right;}
#header #login_container h3 {font-size: 150%; font-weight: normal; margin-bottom: 10px;}
#header #login_container h3 a { font-size: 68%; text-decoration:underline; margin-left: 5px;}
#header #login_container input {/*border:none;*/}

#header .logo {float:left; background: url(../../images/logo.png) 0px 30px no-repeat;width: 360px; height: 80px; text-indent:-9999px; margin: 0px 0px 10px 0px;}

/*********** TABS here ************/
#header #tab_container {background: url(../../images/tab_end_left.gif) left top no-repeat; width: 1000px; clear:both;}
#header #tab_container #nav_container { background: url(../../images/tab_end_right.gif) right top no-repeat; padding-right: 13px; margin-left: 13px;}
#header #tab_container #nav_container ul {list-style: none; background: url(../../images/tab_background.png) left top repeat-x; padding: 3px 0px 0px 0px;width: 974px; float:left;}
#header #tab_container #nav_container ul li {float:left;}
#header #tab_container #nav_container ul li a {display:block; float:left; height: 22px; padding: 3px 8px 0px 3px;padding: 5px 11px 0px 11px; border:none;text-decoration: none; color: #fff; font-size: 123%;}
#header #tab_container #nav_container ul li.active a, #header #tab_container #nav_container ul li.active a:hover {background: #fff url(../../images/bg_tab.gif) repeat-x 0px -25px; color: #333; padding: 4px 10px 0px 10px; border-width: 1px 1px 0px 1px; border-color: #ffe #aaab9c #fff #fff; border-style: solid;}
#header #tab_container #nav_container ul li a:hover {color: #333;
background: #eee url(../../images/bg_tab.gif) repeat-x 0px -15px;
border-width: 1px 1px 0px 1px;
padding: 4px 10px 0px 10px;
border-color: #fff #aaab9c #fff #ddd;
border-style: solid;}

/********* Basic pagestyles for the content area *******/
#content {clear:both; background: #ffffff url(../../images/pagebottom2.gif) left bottom no-repeat; width: 1000px; padding-bottom: 20px; margin: 0px auto;}
#content h2 {color: #6699CC;}
#content h3 {color: #333333;}
#content h3 a {color: #C60;}

#content #subnavcontainer {padding: 0px 25px; float:left; width: 950px; margin-top: 10px;}
#content #subnavcontainer #subnavlist {list-style:none;}
#content #subnavcontainer #subnavlist li {float:left; margin-right: 10px;}
#content #subnavcontainer #subnavlist li a {display:block; color: #999; padding-top: 6px; line-height: 15px;}
#content #subnavcontainer #subnavlist li a:hover {color: #C60;  text-decoration:none;}
#content #subnavcontainer #subnavlist li.active a, #content #subnavcontainer #subnavlist li.active a:hover {border-top: 3px solid #C60;padding-top: 3px; color: #C60;}
#content #subnavcontainer #subnavlist li.active {position:relative;}
#content #subnavcontainer #subnavlist li ul {position:absolute; top: 30px; display:block; clear:left; padding: 0px;}
#content #subnavcontainer #subnavlist li ul li {display:block; clear:left;}
#content #subnavcontainer #subnavlist li.active ul li a, #subnavlist li.active ul li a:visited {
	border:none;
	color:#999;
	display:block;
	width: 200px;
	margin: 0px;
	font-size: 10px;
	padding: 0px;
}
#content #subnavcontainer #subnavlist li.active ul li a:hover {border: none; padding-top: 0px; color: #C60;}
#content #subnavcontainer #subnavlist li.active ul li.active a, #subnavlist li.active ul li.active a:visited, #subnavlist li.active ul li.active a:hover {color: #C60;}

/*************** Tiled image grid *****************/

.covers .gridspace {margin-top:40px;clear:both;}
.covers .thumbgrid {float:left; width: 950px; padding: 0px 25px 44px;}

.covers .images_right {float:right; width:600px;}
.covers .images_right ul.thumbnails {list-style:none;}
.covers .images_right ul.thumbnails li {float:left; width:65px; height:65px; position:relative;}
.covers .images_right ul.thumbnails li img {width:50px; height:50px; padding:3px; background-color:#ccc; border: #eee 1px solid; position:absolute; left:0; right:0;}

.covers #leftCol {float:left; width: 350px; padding: 0px 20px 0px 25px;}
.covers #leftCol p {font-size: 126%; line-height: 1.5em; color: #339999;}
.covers #leftCol h3 {font-size: 200%; font-weight: normal;}

.backup_item_rollover {
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	opacity:0.75; /* firefox, opera, safari, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; /* IE 8 */
    filter:alpha(opacity=75); /* IE 4, 5, 6 and 7 */
    zoom:1 /* so the element "hasLayout"
    /* or, to trigger "hasLayout" set a width or height */
}

/*.covers .thumbgrid ul.thumbnails li img.hover {background:url(../../images/thumb_bg.png) no-repeat center; border: none;}*/
.covers .images_right ul.thumbnails li a:hover img {
	text-decoration:none;
	background-color:#c60;
}
	
.backup_item_rollover {
	opacity:1; /* firefox, opera, safari, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
    filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
}

/*************** Scrolling styles *****************/

.scrollButtons {position:absolute; top:400px; cursor:pointer;}

.scrollButtons.left {left: -50px;}

.scrollButtons.right {right: -50px;}

.hide {display:none;}

#slider {width:830px; margin:0 85px 20px 60px; position:relative;}

.scroll {border:1px #999 solid; height:785px; width:830px; overflow:auto; overflow-x:hidden; position:relative; clear:left;}

.scrollContainer {}

.scrollContainer div.panel {width:830px; height:auto; vertical-align:middle; /*padding:20px;*/ text-align:center;}

.scrollContainer div.panel #image_slab {width:832px; height:553px; border-top:1px solid #ccc;}
.scrollContainer div.panel #image_slab .back_home {margin:10px 0 0 0; text-align:center; font-size:12px;}

.scrollContainer div.panel img {border-bottom:1px #ccc solid;}
.scrollContainer div.panel img.marginal {float:left; margin-left:2px;}
.scrollContainer div.panel #image_slab a img {border:none;}
.scrollContainer div.panel #image_slab .book_information {/*background:#ccc;*/ width:370px; text-align:justify; float:right; padding:20px 17px 0 10px;}
.scrollContainer div.panel #image_slab .book_information p {text-align:left;}

.scrollContainer div.panel .colophon {font-size:12px; text-align:left; margin:15px 0 0 15px; width:780px;}
.scrollContainer div.panel .colophon .heading {color:#000; font-weight:bold; margin-bottom:-1px;}
.scrollContainer div.panel .colophon .information {color:#333; margin:0 0 8px 0;}

.scrollContainer div.panel .image_headline {color:#000; width:780px; text-align:left; margin:15px 0 15px 15px;}
.scrollContainer div.panel .image_headline p.title {font-size:22px; line-height:16px; font-weight:bold;}
.scrollContainer div.panel .image_headline p.school {font-size:18px; color:#333;}

.scrollContainer div.panel .image_headline .share a {float:right; font-size:12px; color:#3b5998; margin-top:-5px;}

/*************** Sharing styles *****************/

html .download {background:url(http://www.walsworthyearbooks.com/images/pdf.png) no-repeat top left; font-weight:normal; padding:2px 0 0 20px;}

html .fb_share_link { padding:2px 0 0 24px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;}

html .fb_share {padding:0 0 0 24px; height:28px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }

/*************** Footer styles here *****************/
#footer {clear:both; background: #fff url(../../images/shelf_shadow.png) left top repeat-x; padding-top: 20px;}
#footerWrapper {width: 1000px; margin: 0px auto;}
#footer ul {list-style:none; }
#footer #quicklinks {background: url(../../images/ico_quicklinks.gif) left 20px no-repeat; height: 125px; float:left; margin-left:20px;}
#footer #quicklinks #ql_container {margin-left: 140px; width: 880px;}
#footer #quicklinks h2 { color: #6699CC; float:left; width: 115px;}
#footer #quicklinks ul {float:left; margin-right: 10px; padding-right: 10px;}
#footer #quicklinks ul.Last {border:none;}
#footer #quicklinks ul li a {background: url(../../images/arrow_r.gif) left top no-repeat; padding: 3px 10px 3px 20px; display:block; width: 180px; color: #333;}
#footer #quicklinks ul li a:hover {color: #cc6600; text-decoration:none;}
#footer #bottom_navcontainer {font-size: 95%; color: #A7A7A7; float:left;}
#footer #bottom_navcontainer ul {float:left;}
#footer #bottom_navcontainer ul#navlist2 {margin: 15px 0px 20px 75px; display:inline; width:1000px;}
#footer #bottom_navcontainer ul li {float:left; /*line-height: .9em;*/}
#footer #bottom_navcontainer ul li a {display:block; float:left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ccc; color: #A7A7A7;}
#footer #bottom_navcontainer ul li a:hover {color: #cc6600;}
#footer #bottom_navcontainer ul li.Last a {border:none;}
#footer #bottom_navcontainer ul li.Copyright { margin-right: 15px;}

.clearfix:after, #wrapper:after, #footerWrapper:after,#navcontainer:after,#nav_container:after,#ql_container:after,#content:after{
	visibility: hidden;
	display: block;
	font-size: 0em;
	content: " ";
	clear: both;
	height: 0%;
	line-height: 0em;
}

.community #bigGraphic {background: url(../../images/communityimages/community_bg.jpg) center top no-repeat; height: 400px;}
.community .featureBoxes #support, .community .featureBoxes #online {margin-right: 0px;}