/* CSS Document Redbourn Juniors
Designed by emasai.com*/

/*HTML TAGS*/
@font-face {
    font-family: 'NobelBookRegular';
    src: url('nobk___-webfont.eot');
    src: url('nobk___-webfont.eot?#iefix') format('embedded-opentype'),
         url('nobk___-webfont.woff') format('woff'),
         url('nobk___-webfont.ttf') format('truetype'),
         url('nobk___-webfont.svg#NobelBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}body {
	background:  #c1ae8d;
	color: #000;
	font-family: Chalkboard, "Comic Sans MS", sans-serif;
	font-size: 1em;	
}
#nobel{
font-family: 'NobelBookRegular', Helvetica, Arial, sans-serif;
line-height: 1.3;
}

tbody {
font-size: .8em;
}

th {
text-align: center;
}

tr {
text-align: left;
padding: 2px;
}
td {
margin-left:2px;
}

a {
	color: #750202;	
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #009900;
}


h1 {
	color: #0e2d00;	
	font-size: 2em;
	text-align: center;
}

h2 {
	color: #0e2d00;
	font-size: 1.5em;	
}

h3 {
	color: #0e2d00;
	font-size: 1em;
	text-align: center;
	padding: 0 0 10px 10px;	
}

h4 {
color: #FF2900;
text-align: center;
font-size: 1.2em;
}

h5 {
color: #FF2900;
text-align: center;
font-size: .9em;
}
h6 {
color: #FF2900;
text-align: left;
font-size: .9em;
}

h7 {
color: #FF2900;
text-align: left;
font-size: 1em;
}

ul li {
list-style-type: none;
text-align: left;
}

th {
color: #FF2900;
}

span {
color: #FF2900;
}

.text{
font-size: 10px;

}
.list ul {
padding-left: 200px;
}
blockquote {
margin: auto;	
}

blockquote p{
	padding: 10px 10px 10px 55px;
	background: url(images/club.gif) no-repeat top left;	
}

img.center {
padding-left: 20px;
}

/*PAGE FLIP*/
#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	right: 0; top: 0;
	background: url(subscribe.png) no-repeat right top;
	text-indent: -9999px;
}

/*START HEADER*/
#banner {
	width: 804px;
	height: 200px;
	/*border: 2px solid #ff2900;*/
	background: url(images/redbourn_logo.jpg) no-repeat 0 30%;
}

.redbourn {
	margin: 0 0 0 198px;
	height: 200px;
	/*border-left: 2px solid #ff2900;*/
	background: url(images/course.jpg) no-repeat;
}

/*START CONTENT*/
#container {
	width: 804px;
	margin: 0 auto;
	background-color: #fbfbe3;
	padding: 10px;
}

#contentleft {
	width: 192px;
	margin: 0;
	border: 2px solid #FF2900;
	font-size: 85%;
}
		
#contentleft h3{
	margin: 0;
	padding-top: 10px;
}

#contentleft h8 {
color: #0e2d00;
font-size: 1.2em;
text-align: left;
padding-left: 10px ;
font-weight: bold;
}


#contentleft img{
	margin: 10px;	
}

#contentleft p{
	width: 173px;
	margin: 0;
	padding:10px;
}

#contentleft a img{
	margin-left: 4px;	
	border: 0;
}
		
#contentright {
	position: relative;
	width: 600px;
	float: right;
	padding: 0 0 20px 0;
	margin: 0;
	font-size: .9em;
}

#contentright p{
padding: 0 5px;
}

#contentright p.urgent{
font-size: 110%;
font-weight: bold;
color: #FF0000;  
}

#contentright h2{
color: #0e2d00;
font-size: 1em;
text-align: left;
}

.centered{
text-align: center;
}

p.underline{
font-size: 80%;
text-align: center;
margin-top: -20px;
}

#metwidget {
width: 200px;
float: right;
margin: 0 0 10px 10px;
}
		
/* NAVIGATION*/
.buttons a {
	background: #63c32d url(images/ball.jpg) no-repeat 100% 0;	
	padding: 2px 0px 2px 10px;
	display: block;
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
}

.buttons a:hover {
	text-decoration: none;
	color: #FF2900;
}
/* END  NAV*/

#footer {
width: 814px;
height: 50px;
clear: both;
text-align:center;
font-size:.75em;
padding: 10px 0 0 0;
background: url(images/footer.jpg) no-repeat 0 0;
}

#footer a{
color: #FFF;
		
}		
#footer a:hover{
color: #FF2900;	
}

/*GALLERY PAGE CSS*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer {
width: 600px;
height: 700px; /* MAY NEED TO CHANGE WHEN ADDING MORE THUMBNAILS*/
margin: 0 auto;
background: url(images/jkdrive.jpg) no-repeat 190px 57px; /* CHANGE Y position WHEN ADDING MORE THUMBNAILS*/
position: relative; 
}

.gallerycontainer .text { 
font-size: 1em;
margin-bottom: 10px; 
}

.gallerycontainer li, .gallerycontainer ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
}

.thumbnail img { 
border: 2px solid #0e2d00; 
margin: 0 0 5px 0; 
width: 85px; 
height: 62px; 
}

.thumbnail:hover { 
background-color: transparent; 
}

.thumbnail:hover img { 
border: 2px solid #FF2900; 
}

.thumbnail span {/*CSS for enlarged image*/ 
position: absolute; 
left: -2000px; 
visibility: hidden; 
}

.thumbnail:hover span img {/*CSS for enlarged image*/ 
margin: 30px 0 5px 0; 
border: 2px solid #0e2d00; 
height: 300px; 
width: 400px;
}

.thumbnail:hover span {/*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 27px;/*position where enlarged image should offset from top */ 
left: 190px;/*position where enlarged image should offset horizontally CHANGE Y WHEN ADDING THUMBNAILS*/ 
z-index: 50; 
font-size: 1em; 
color: #000;
}

/*VERTICAL GALLERY PAGE*/

.galleryvertical {
width: 600px;
height: 700px; /* MAY NEED TO CHANGE WHEN ADDING MORE THUMBNAILS*/
margin: 0 auto;
background: url(images/jkvertical.jpg) no-repeat 254px 57px; /* CHANGE Y position WHEN ADDING MORE THUMBNAILS*/
position: relative; 
}

.galleryvertical .text { 
font-size: 1em;
margin-bottom: 10px; 
}

.galleryvertical li, .galleryvertical ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
}

.thumb img { 
/*border: 2px solid #0e2d00;*/ 
margin: 0 0 5px 0; 
width: 62px; 
height: 85px; 
}

.thumb:hover { 
background-color: transparent; 
}


.thumb span {/*CSS for enlarged image*/ 
position: absolute; 
left: -2000px; 
visibility: hidden; 
}

.thumb:hover span img {/*CSS for enlarged image*/ 
margin: 30px 0 5px 0; 
/*border: 2px solid #0e2d00;*/ 
height: 400px; 
width: 300px;
}

.thumb:hover span {/*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 27px;/*position where enlarged image should offset from top */ 
left: 252px;/*position where enlarged image should offset horizontally CHANGE Y WHEN ADDING THUMBNAILS*/ 
z-index: 50; 
font-size: 1em; 
color: #000;
}


/* CALENDAR PAGE CSS  */
#calendar {
font-size: 80%;
width: 600px;
float: right;
margin: 0;
padding: 0 3px 10px 0;
border-color: #006600;
}

#calendar  td  {
padding: 0 2px; 
}

#calendar h2{
text-align: center;
color: #FF2900;
font-weight: bold;
font-size: 1em;
}

#calendar h3{
padding: 2px 0 0 0;
margin: 0;
text-align: left;
color: #0e2d00;
font-weight: bold;
font-size: 1em; 
}
/* END CALENDAR PAGE CSS  */

/* CHAMPIONSHIP & OPEN PAGE CSS  */
#championship {
font-size: 80%;
width: 500px;
float: right;
margin: 0;
padding: 0 50px 10px 0;
text-align: center;
}

#championship h2{
text-align: center;
color: #FF2900;
font-weight: bold;
font-size: 1.2em;
}

#championship h3{
padding: 2px 0 0 0;
margin: 0;
text-align: left;
color: #FF2900;
font-weight: bold;
font-size: 1em; 
}
#championship h4{
padding: 2px 0 0 0;
margin: 0;
text-align: center;
color: #FF2900;
font-weight: bold;
font-size: 1em; 
}

#championship  td  {
padding: 2px 0 ; 
}
/* END CHAMPIONSHIP PAGE CSS  */

.halfterm {
font-size: .8em;
}