/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
html, body, #bg, #bg table, #bg td {

    height:100%;
    width:100%;
    overflow:hidden;
}

* { margin: 0; padding: 0; font-family: Calibri, Arial, sans-serif;	}
body { }
a { text-decoration: none; }
p { margin: 10px 0 10px 0; }
hr { border-style: dotted; margin: 15px 0 0 0;}
spac { margin: 0 0 30px 0; }
#page-wrap { width: 500px; margin: 20px auto;  }

ul { list-style: none; }
#gallery ul li a { border-bottom: none; }
#all-list-wrap ul li a { display: block; padding: 4px; color: #666; }
#all-list-wrap ul li a:hover { background: #fe4902; color: white; }
#all-list-wrap ul li:last-child a { border: none; }

#organic-tabs { background: #eee; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;   }

#explore-nav { overflow: auto; margin: 0 0 10px 0; }
#explore-nav li { width: 150px; float: left; margin: 0 2px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 11px; text-align: center; border: 0; }
#explore-nav li a:hover { background-color: #111; }


#qrtr, #past, #sched, #edu { display: none; }

#explore-nav li#ex-update a.current, ul#update li a:hover { background-color: #0575f4; color: white; }
#explore-nav li a.current, ul#sched li a:hover { background-color: #d30000; color: white; }



#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto; } 

.box {
    margin: 0 auto;
    width: 800px;
    padding: 50px;
    background: none;
    padding-bottom:100px;
    font-size: 13px;
    overflow:auto; }	
}

.captioned_image
{
position: relative;
padding: 3px;
float: left;
margin-right: 10px;
font-size: 10px;

}






ul.gallery {
	width: 800px; /*--Adjust width according to your scenario--*/
	height: 400px;
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 77px; /*--Width of image--*/
	height: 60px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	background:#fff;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 77px;
	height: 60px;
	overflow: hidden;
	display: block;
}
/*ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--
}*/
ul.gallery li h2 {
	font-size:11px;
	font-weight: normal;
	text-transform: none;
	margin: 0; padding: 5px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
	width: 77px;
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}