/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* colors ----

Backgrounds: 
body bg: #
top bg: #
top box: #
bottom bg: #
bottom box: #

Fonts:



*/


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #d6d6d6; font: normal 90% Arial, Helvetica, Verdana, sans-serif; color: #353535; height: 100%;}

h1, h2, h5, h6 { font-size:1.4em; font-weight:bold; color: #444; font-family: Helvetica, Arial, Verdana, sans-serif; }
h4 {font-size:1.2em; width:500px;padding:10px;margin-top:5px;background: #d6d6d6;}
h3 { font-size:1.2em;  font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #888; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0 0 12px; }
small { font-size:1.1em;}
ul { margin-left:10px;list-style-position:inside;}
li {padding-bottom:5px;font-size:1.2em;}
* {margin:0;padding:0;} 
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.imgpad { padding:30px;background:#FFF;}
.min550 { min-height:550px; }


/* Links
--------------------------------------------------------------------------------------- */

a { color: #353535;font-weight: bold; text-decoration: underline;}
a:hover { color: #000;font-weight: bold; text-decoration: underline; }


#footer a { color: #c3a15d;text-decoration: underline;}
#footer a:hover { color: #e36f1e; text-decoration: underline;}


#footernav a { color: #c3a15d;padding:5px;text-decoration: underline;}
#footernav a:hover { color: #e36f1e;padding:5px; text-decoration: underline;}




/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

#wrapper { width:100%; background: transparent url(../images/bg.jpg) top center no-repeat; overflow:visible;z-index:-2;}
#container { width:960px;  margin: 0 auto ; background: transparent; padding: 0; overflow:auto; }
#header { width:234px;height:135px; margin: 0 auto; padding: 0; overflow: visible; }
#stickyfooter { width:100%; position:fixed; bottom:0px;left:0px; z-index:7;}
/* Header Layout
--------------------------------------------------------------------------------------- */

#header h1 { float: left; display: inline; }
#header h1 a { display: block; width: 204px; height: 118px;margin-left:-15px; text-indent: -9999px; background: transparent url(../images/logo.png) top left no-repeat; }

#header h2 { float: left; }
#header h2 a { display: block; width: 204px; height: 13px; text-indent: -9999px;background: transparent url(../images/title.png) top left no-repeat; }


/* Nav Bar Layout
---------------------------------------------------------------------------------------*/

#nav { margin:0 auto; width: 960px; height:81px;z-index:1; }
#navbg {position:absolute;width:797px;height:168px; top:120px; left:50%; margin-left:-399px; z-index:1;}


#about { width: 92px; height: 205px; position:absolute; top:70px; left:50%; margin-left:-410px; text-indent: -9999px; background: transparent url(../images/aboutbutton.png) top left no-repeat;z-index:2;}
#about:hover { background-position: top right;}

#programs { width: 149px; height: 143px;  position:absolute; top:110px; left:50%; margin-left:-340px; text-indent: -9999px; background: transparent url(../images/programsbutton.png) top left no-repeat;z-index:2; }
#programs:hover { background-position: top right;}

#events { width: 127px; height: 133px;  position:absolute; top:150px; left:50%; margin-left:-200px; text-indent: -9999px; background: transparent url(../images/eventsbutton.png) top left no-repeat;z-index:2; }
#events:hover { background-position: top right;}

#involved {width: 129px; height: 137px;  position:absolute; top:130px; left:50%; margin-left:-90px; text-indent: -9999px; background: transparent url(../images/involvedbutton.png) top left no-repeat;z-index:2; }
#involved:hover { background-position: top right;}

#jake { width: 142px; height: 177px;  position:absolute; top:110px; left:50%; margin-left:45px; text-indent: -9999px; background: transparent url(../images/jakebutton.png) top left no-repeat; z-index:2;}
#jake:hover { background-position: top right;}

#gallery { width: 138px; height: 159px; position:absolute; top:115px; left:50%; margin-left:160px; text-indent: -9999px; background: transparent url(../images/gallerybutton.png) top left no-repeat;z-index:2; }
#gallery:hover { background-position: top right;}

#contact { width: 139px; height: 190px;  position:absolute; top:90px; left:50%; margin-left:295px; text-indent: -9999px; background: transparent url(../images/contactbutton.png) top left no-repeat; z-index:2;}
#contact:hover { background-position: top right;}

#about.current { background-position: top right;}
#programs.current { background-position: top right;}
#events.current { background-position: top right;}
#involved.current { background-position: top right;}
#jake.current { background-position: top right;}
#gallery.current { background-position: top right;}
#contact.current { background-position: top right;}

/* Main Layout
--------------------------------------------------------------------------------------- */
#contentwrapper {position:absolute; width:960px;top:300px; background:#FFF;z-index:3;padding-bottom:40px;}
#leftcorner {width:100%; background:url(../images/cornerleft.jpg) top left no-repeat;}
#rightcorner {width:100%; background:url(../images/cornerright.jpg) top right no-repeat;overflow:hidden;}
#contentleft { padding:30px;}
#rightbox {width:300px;background:#FFF;position:relative; margin-bottom:20px; z-index:4;padding-left:30px;}
#rightbox p {color:#EEE; font-size:1.2em; line-height:1.3em;padding:10px;top:0px;}
#rightbox h5 {color:#FFF; }
#rightpicone {position:relative;margin:0 auto;z-index:5; }
.programbox {border-bottom:thick solid #EEE; margin:10px 0 0; padding:10px;}
.programbox h5 {color:#111;}
.programbox img {margin:5px;}
#scholarshipwrapper {background:#BBB; padding:20px;margin-top:30px;}
.scholarshipbox {background:#999;margin:10px 0 0; padding:10px;}
.scholarshipbox h5{font-size:1.1em; color:#FFF;}
#jakewrapper {background:#EEE; width:300px; padding:10px; margin:0px 20px 20px;text-align:center;}

/* Footer Layout
-------------------------------------------------------------------------------------- */
#footer {position:relative; font-size:.65em;  width:100%;padding: 5px ; color: #d6d6d6; overflow: hidden; background-color:#555; }
#footer span {padding:0 30px;}
#footernav {position:relative; text-align:center; height:20px;  width:100%; padding: 7px 20px; color: #d6d6d6; overflow: visible; background:#111; }
.fb {position:absolute; height:32px; bottom:0px; left:50%;margin-left: 350px;padding-left:32px; background: url(../images/facebook-icon-small.png) 0px 0px no-repeat;z-index:7;font-size:0.7em; cursor:pointer; }

/* Gallery Layout
--------------------------------------------------------------------------------------- */
#images{background: transparent url(/galleria/src/themes/classic/classic-loader.gif) no-repeat 50% 50%;height:500px;width:100%; z-index:-2;}
#images img{display:none;}
#gallerycontent{position:absolute; top:70px; left:50%; margin-left:-400px; width:800px; z-index:5;}

/* Contact Form
--------------------------------------------------------------------------------------*/
#postcard {
	color:#777;
	background: #EEE url(../images/stamp.png) no-repeat top right;
	padding:10px;
	width:500px;
	margin-bottom:20px;
	border-left:1px solid #BBB;
	border-bottom:1px solid #BBB;
	overflow:hidden;
	z-index:5;
	float:right;
	-moz-border-radius: 7px;
    	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

input[type="text"], textarea {
	color:#333;
	background-color:#fff;
	border: 1px solid #ddd;

	border-radius: 5px;
	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-moz-box-shadow:    inset 0 0 3px #EEE;
   -webkit-box-shadow: inset 0 0 3px #EEE;
   box-shadow:         inset 0 0 3px #EEE;
}

.sendbutton {
	color:#fff;
	background: #555;
	border-bottom: 1px solid #a9a9a9;
	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.sendbutton:hover {
background-color:#999;}

#postcard label {display:block;text-align:right;}
#postcard input {margin:5px; padding:3px;}

.shadow {-webkit-box-shadow: 0px 2px 3px 1px rgba(204,204,204,1);
-moz-box-shadow: 0px 2px 3px 1px rgba(204,204,204,1);
box-shadow: 0px 2px 3px 1px rgba(204,204,204,1);}