@import url("anylink.css");


/* ~~~~~ FONT SIZES ~~~~~~ */

p, ul {
	font-size:0.7em;
}

/* ~~~~~ STANDARD ~~~~~~ */

html {	
	height:100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background: #121110 url(../images/carpenter_wood_bg.jpg) repeat-x;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p {
	margin:0;
	padding:0;
	list-style:none
}
img {border:none;}
h4 {
	font-size:0.8em;
}

a:link, a:visited, a:hover, a:active
{
 	text-decoration:none;
	color:#CC0000;
}
	
a:hover {
	text-decoration:underline;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
/* 	font-size:0.7em;
 */	line-height:1.6em;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 20px 0px;
	/*margin-bottom:15px;*/
}


h1 {
	width:180px;
	background-repeat:no-repeat;
	float:right;
	display:block;
	margin:0;
	padding:0;
}

h1 a {
	display:block;
	height:70px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}


h1 a span {
	display:none;
}


h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.08em;
	color:#CC0000;
	margin:10px 0;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#CC0000;
	margin:10px 0 5px 0;
}

img {
	margin:0;
}

.bold {
	font-weight:bold;
}

ul{
	margin:0px;
	padding:0px 0px 0px 20px;
	color: #CC0000;
}
/*************************************************************************
*
*	STRUCTURAL
*
*************************************************************************/
* html #containerOuter {	
	height:100%;

	
}

#containerOuter {
	margin:0 auto 0 auto;
	min-height:100%;
	width:850px;
	background: #fff url(../images/container_bg.jpg) repeat-y;
	
}

#containerInner {
	padding:0;
	width:780px;
	margin:0px 40px 0px 41px;
	padding-bottom:20px;
	background:#fff;
 }

#Top {
	width:780px; /* 775px + 5px padding = 780 */
	height:84px;
	/*background-color:#FFFFFF;*/
	padding:0;
	margin:0;
	background-image:url(../images/header-bg.gif);
	background-repeat:no-repeat;
	}
	
#topmenu {
	background-color:#FFFFFF;
	/*height:30px;*/
	padding:0;
	margin-top:-35px;
	margin-left:110px;
	border:double #000000 3px;
	width:650px;
	height:29px;
	}

#main {
	padding-bottom:10px;
 	width:765px;
	background-color:#ecdc92;
	margin-bottom:20px;
}


#bodycontent {/* Wrap all the body content with this div to take care of the page padding - MASTHEAD IMAGE */
	padding:60px 10px 0 10px;;
	background-repeat:no-repeat;
}

#bodycontent02 {/* Wrap all the body content with this div to take care of the page padding - MAIN IMAGE */
	padding:0;
	background-repeat:no-repeat;
}

#imagebar {
	position:relative;
	height:300px;
	margin:0;
	padding-bottom:10px;
}

/*************************************************************************
*	STANDARD COLUMNS
*************************************************************************/

.col {
	width:200px;
	padding:10px 0px 10px 0px;
	float:left;
	margin-left:2px;
	font-size:1em;
	
}
.homecol {
	width:260px;
	padding:10px;
	float:left;
	margin-left:2px;
	font-size:1em;
	
}
.homecal p{
	clear:left;
}

.col_inner {
	padding:5px;
	font-size:0.7em;
}

.col2 {
	width:350px;
	float:left;
	font-size:0.7em;
	margin:0px;
}

.col2big {
	width:450px;
	float:left;
	font-size:0.7em;
	margin-left:10px;
}

.col3 {
	width:100px;
	padding:0;
	float:left;
	margin-left:10px;	
}

.col1 p, .col2 p, .col2big p {
	font-size:1em;	
}

.box {
	padding:10px;
	background-color:#FFFFFF;
	border:double 3px #000000;
}

body#student .box, body#staff .box, body#drama .box {
	padding:14px;
}

.twocol1 {
	width:450px;
	/*padding:2px;*/
	float:left;
	margin-left:2px;
}

.twocol2 {
	width:180px;
	float:left;
	margin-left:2px;	
}	

.twocol1_r {
	width:270px;
	/*padding:2px;*/
	float:left;
	margin-left:2px;	
}

.twocol2_r {
	width:360px;
	float:left;
	margin-left:2px;	
}	

.list-pair {
	width:100%;
}

.galleryCol {
	width:765px;
	padding:0 10px;
	float:left;
	font-size:0.7em;
	
}

.galleryCol2 {
	width:765px;
	padding:0 10px;
	margin-top:10px;
	float:left;
	font-size:0.7em;
	
}

.galleryCol3 {
	width:110px;
	padding:10px;
	margin:0 0 0 10px;
	float:left;
	font-size:0.7em;
	
}

.galleryCol4 {
	width:110px;
	padding:10px;
	float:left;
	font-size:0.7em;
	
}
/*************************************************************************
	USEFUL CLASSES
*************************************************************************/

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.page_divide {
	height:1px;
	border:0px;
}

/*************************************************************************
*	NAVIGATION - TOP
*************************************************************************/

/* ~~~~~ top menu */

#topmenu ul#navtop  {
	margin:0;
	padding:7px 5px 10px 20px;
}

#topmenu ul#navtop li {
	display:inline;
	padding-right:40px;
	padding-bottom:0px;
}

#topmenu ul#navtop li a:link, #topmenu ul#navtop li a:visited, #topmenu ul#navtop li a:hover, #topmenu ul#navtop li a:active  {
	font-size:1em;
	color:#CC0000;
}

#topmenu ul#navtop li a:hover {
	text-decoration:none;
}

#topmenu ul#navtop .anylinkcss a:hover {
	color:#FFFFFF;
	background-color:#CC0000;
}

	
/*************************************************************************
*
*	CONTENT
*
*************************************************************************/

.border {
	border:double 3px #000000;
}


a.link_icon {
 	display:block;
 	background-repeat:no-repeat;
	background-position:0 5px;
/* 	float:left; */
	padding-left:15px;
	text-decoration:none;
	clear:both
}

a.link_to_top {
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-left:10px;
	margin:5px 0 5px 0;
	background-image:url(../media/arrow_icon_up.gif);
	display:block;
	width:80px;
}

a:hover.link_to_top {
	text-decoration:none;
}

/*************************************************************************
*
*	Gallery
*
*************************************************************************/

.galleryImg {
	margin-right:35px;
}

.galleryImgend {
	margin-right:0px;
}

#gallery {
	position:relative;
	
	margin:0;
	padding-bottom:10px;
}

#footer {font-size:0.9em;
}
#footer_contact {width:600px;
	
}

.fltlft{
	float:left;
	padding:0px 10px 0px 0px;

}

.fltrgt{
	float:right;
	padding:0px 15px 0px 0px;

}
.clear{clear:both;}