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

* {margin:0; padding:0}

body { background:url(http://oxfordstreetstudents.org/images/bg_site.jpg) no-repeat top #000; margin:0 auto; font: 14px Arial, Helvetica, sans-serif; padding:178px 0 0 0;}

h1 { font-size:26px; color:#444; letter-spacing:-.05em; margin-bottom:10px;}

h2 { font-size:22px; letter-spacing:-.05em; }

h3 { font-size:16px; letter-spacing:-.05em; margin:0 0 15px 0; color:#CC0000;}

li { margin-left:10px; }

p { margin-bottom: 10px; line-height: 18px; }

a { text-decoration:none; color:#aa0011; font-weight:600;}

a:hover {color:#555; font-weight:600;}

small { font-size:11px;}


/* Nav */

.nav span { background:url(../images/bg_navbutton.gif) no-repeat bottom right; text-decoration:none; color:#FFF; margin:0; padding: 5px 25px 0 25px; cursor: pointer; }

.nav span:hover, .nav span.active { background:url(../images/bg_nav_hover_03.gif) no-repeat bottom right;  padding: 5px 25px 5px 25px; margin:0; }


/* Content */

#outer {width:930px; height:650px; margin:0 auto; background: url(../images/bg_outer.png);padding:0px; border: solid 10px #000;}

.container {padding:10px; margin:4px 0 25px 0;}


.mask { position:relative; width:910px; height:625px; overflow:hidden; }

#box { position:absolute; }

#box div { width:922px; height:625px; float:left; }

#box div div { width:910px; height:625px; color:#FFF;}


/* Home */


.m_right {background:url(../images/bg_90.png) no-repeat 0 0; position:absolute; max-width:250px; padding:55px 25px 0 25px; margin-left:575px;}

.m_right h2 { margin-bottom:10px; color:#CC0000;}




/* Tab Buttons */

.buttons { background:#000; padding: 5px 0 5px 0; }

.buttons span{  background:url(../images/bg_nav_03.gif) no-repeat bottom right; padding: 5px 15px; cursor:pointer;font-size:16px; font-family: Arial, Helvetica, sans-serif; }

.buttons span.active, .buttons span:hover{ background:url(../images/bg_nav_hover_03.gif) no-repeat bottom right;  padding: 5px 15px; margin:0; }


/* About Tabs */

.mask2{ position:relative; width: 910px; height:550px; overflow:hidden; }

#box2{ position:absolute;}

#box2 div{ width:800px; height: 550px; float:left;}

#box2 img{ float:left; margin:0 10px 0px 0px; }


/* Jr High Tabs */

.mask3{ position:relative; width: 465px; height:200px; overflow:hidden; }

#box3{ position:absolute;}

#box3 div{ width:465px; height: 200px; float:left; padding: 0 10px; overflow:hidden; }

#box3 img{ float:left; margin:0 10px 0px 0px; }


/* Sr High Tabs */

.mask9{ position:relative; width: 465px; height:200px; overflow:hidden; }

#box9{ position:absolute;}

#box9 div{ width:465px; height: 200px; float:left; padding: 0 10px; }

#box9 img{ float:left; margin:0 10px 0px 0px; }


/* Parents Tabs */

.mask5{ position:relative; width: 360px; height:580px; overflow:hidden; }

#box5{ position:absolute;}

#box5 div{ width:360px; height: 580px; float:left; padding: 0 10px; }

#box5 img{ float:left; margin:0 10px 0px 0px; }

.fader { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0; cursor: pointer; }

.fader:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7; cursor: pointer; }


/* Events */

.event_buttons { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7; cursor: pointer; }

.event_buttons:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);-moz-opacity: 1.0; cursor: pointer; }


/* Jr High Events */

.mask4{ position:relative; width:370px; height:560px; overflow:hidden; }

#box4{ position:absolute;}

#box4 div{ width:370px; height: 560px; float:left; padding: 0 10px; overflow: hidden;  }

.event_thumb{ width:360px; margin-bottom:10px; border: solid 5px #FFF;  }


/* Sr High Events */

.mask6{ position:relative; width:370px; height:580px; overflow:hidden; }

#box6{ position:absolute;}

#box6 div{ width:370px; height: 580px; float:left; padding: 0 10px; }

.event_thumb{ width:360px; margin-bottom:10px; border: solid 5px #FFF;  }


/* Media Buttons */

.media_buttons { width: 485px; top: 320px; position: absolute; }

.left { cursor:pointer; width:75px; margin-left:3px; text-align: left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity: .2;}

.right{ cursor:pointer; width:75px; margin-left:67%; text-align: right; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity: .2;}

.left:hover, .right:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0; }

.video { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: .5; }

.video:hover { background-image: url(../imgages/bg_video.gif); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0; }


/* Jr High Media */

.mask7{ position:relative; width: 485px; height: 324px; overflow:hidden; }

#box7{ position:absolute;}

#box7 div, #box7 span{ float:left; }


/* Sr High Media */

.mask8{ position:relative; width: 485px; height: 324px; overflow:hidden; }

#box8{ position:absolute;}

#box8 div{ float:left; }


/* Staff */

.staff_buttons { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: .7; cursor: pointer; }

.staff_buttons:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);-moz-opacity: 1.0; cursor: pointer; }

.mask10{ position:relative; width:360px; height:580px; overflow:hidden; }

#box10{ position:absolute;}

#box10 div{ width:360px; height: 580px; float:left; padding: 0 10px; }

.staff_thumb{ width:360px; margin-bottom:10px; border: solid 5px #FFF;  }



/* Footer */

#footer { width:830px; margin:30px auto 40px auto; padding:30px 0 10px 0; height:120px; text-align:center;}

.footertxt { text-align:center; color:#555; width:350px; margin:0 130px 0 240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}

.footertxt a { text-decoration:none; color:#555;}

.footertxt a:hover { color:#BABABA; }


.linkpad { margin:10px auto 40px auto; padding-top:15px; height:55px; width:350px; text-align:center; border-top: solid 1px #333;}

.linkpad img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: .7;}

.linkpad a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0;}


/* Colors */

.red { color:#aa0011;}

.grey { color:#777;}

.ltgrey { color:#c2c2c2;}