/* Generic common tags */

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 20px 20px 20px 20px;
	background-color: #FF9900;
}	
a img {
	border: 0;
}	

p {
	
	font-size: 0.8em;
	margin: 0 0 0 0;
}

h1 {
	font-size: 1em;
	margin: 1.1em 0 0 0;
	font-weight: bold;
}

h2 {
	font-size: 0.8em;
	margin: 1.1em 0 0 0;
	font-weight: bold;

}

h3 {
	font-size: 0.8em;
	margin: 1.1em 0 0 0;
	font-weight: bold;

}

ul {
	font-size: 0.8em;
}

div.clear { clear: both; }

/* Main overall tags */

#page-container {
	margin: 5px 20px 20px 20px;
	
}

.maintableoutline {
	background-color:#fff;
	
}

a:link {
	color: #ff6600;
	text-decoration: none;
}
a:visited {  
	color: #ff6600;
	text-decoration: none;
}
a:hover {
	color: #ff6600;
	text-decoration: underline;
}

a.menulink:link {
	color: #000000;
	text-decoration: none;
}
a.menulink:visited {  
	color: #000000;
	text-decoration: none;
}
a.menulink:hover {
	color: #ff6600;
	text-decoration: none;
}

a.underlink:link {
	color: #FF0000;
	text-decoration: underline;
}
a.underlink:visited {  
	color: #FF0000;
	text-decoration: underline;
}
a.underlink:hover {
	color: #FF0000;
	text-decoration: none;
}

a.redlink:link {
	color: #FF0000;
	text-decoration: none;
}
a.redlink:visited {  
	color: #FF0000;
	text-decoration: none;
}
a.redlink:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* TEXT */

.redtext {
	color: #FF0000;
}

/* HEADER */

#header-container {


}

#top-pic {
	margin: 0 0 10px 0;

}

#logo-pic-front {
	float: left;
	width: 350px;
	margin: 0 0 10px 0;

}

#logo-pic {
	margin: 0 0 0 0;

}


#menubar {
	margin: 10px 0 10px 0;
	padding: 1px 0 2px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	

}


#headertable p{
	font-size: 11px;

}

#headertitle {
	font-size: 14px;
}

/* BODY */

#body-container {
	margin: 20px 0 0 0;
}

#body-container p {
	margin: 0.5em 0 0 0;
}

#body-container ul {
	list-style-type: disc;
}
.contactdetails {
	margin: 0 0 0 0;
	line-height: 10px;
}	


/* FOOTER */

#footer-container {
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #CCCCCC;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#bot-pic {
	margin: 10px 0 0 0;

}

#contactgail {
	float: left;
}


#siteby {
	float: right;
}
#siteby {
	float: right;
}

/* HOME PAGE */

#homepage-content {
	float: left;
	padding-right: 10px;
	margin-bottom: 20px;
	width: 519px;

}

#homepage-item {
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	

}

#homepage-content h1 {
	font-size: 1.3em;
	color: #ff6600;
	margin: 0;
}

#homepage-announce {
	float: right;
	width: 320px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

#homepage-announce h1 {
	font-size: 1.3em;
	color: #ff6600;
	margin: 0;
}

#announcement-item {
	width: 300px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;	


}

#announcement-item h3 {
	float: left;
	color: #f60;
	margin: 10px 5px 0 0;
	

}




/*SCHEDULE TAGS */

#scheduleItem {
	font-size: 0.8em;
	margin: 0 0 20px 0;	
}

#discipline {
	clear: both;
	font-size: 1em;
	margin: 5px 0 5px 0;
	padding: 0 0 0 3px;
	font-weight: bold;
}

#gradeTitle {
	float: left;
	margin: 0 0 10px 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 200px;
}

#dayTitle {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 120px;
}

#classTimeTitle {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 200px;
}

#venueTitle {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 315px;
}



#gradeItem {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 200px;
}

#dayItem {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 120px;
}

#classTimeItem {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 200px;
}

#venueItem {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 315px;
}

#scheduleBottomNote {
	margin: 30px 0 0 0;
}

#scheduleRule {
	margin: 20px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}

/*UNIFORM TAGS */

#uniformItem {
	font-size: 0.8em;
	margin: 0 0 20px 0;	
}


#uniformType {
	clear: both;
	font-size: 1em;
	margin: 5px 0 5px 0;
	padding: 0 0 0 3px;
	font-weight: bold;
}

#uniformRef {
	float: left;
	margin: 0 0 10px 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 100px;
}

#uniformDesc {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 455px;
}

#uniformSize {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 230px;
}

#uniformPrice {
	float: left;
	text-align:right;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 50px;
}



#ref {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 100px;
}

#desc {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 455px;
}

#size {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 230px;
}

#price {
	float: left;
	text-align:right;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	width: 50px;
}


#uniformRule {
	margin: 20px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}

#uniform-howto {
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #ccc;	
}


/* TERM DATES */

#termBlock {
	font-size: 1em;
	margin: 0 0 20px 0;
}

#termSeason {
	margin: 0 0 10px 0;
	font-size: 0.9em;
	padding: 3px 3px 3px 3px;
	background-color: #FF9900;
	width: 856px;
}

.termWeek {
	margin: 0 0 10px 0;
	float: left;
	font-size: 0.8em;	
	width: 100px
}

.termDate {
	float: left;	
	font-size: 0.8em;	
	width: 200px
}

.termNote {
	float: left;	
	font-size: 0.8em;
}

.termHalfWeek {
	margin: 0 0 10px 0;
	float: left;
	font-size: 0.8em;
	width: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;
}

.termHalfDate {
	float: left;	
	font-size: 0.8em;	
	width: 200px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;
}

.termHalfNote {
	float: left;	
	font-size: 0.8em;	
	width: 560px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;
}

/* LOCATIONS */

#venueList {
	margin: 20px 0 0 0;
}

/* VENUE DETAILS */

#greybar {
	margin: 5px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.closeWindow {
	margin: 10px 0 0 0;
	display: block;
}

#clickscheduledetails {
	margin: 0 0 -10px 2px;
}

#redirect p {
	font-size: 1em;
	margin: 0 0 20px 0;
}

#stop-press {
	float: right;
	padding: 5px 5px 5px 5px;
	border: solid 1px #fff;
	width: 450px;
	color: #F00;
	font-weight: bold;
}

#stop-press h1 {
	margin: 0 0 10px 0;

}

.redblock {
	font-size: 24px;
	padding: 0 0 0 5px;
	color: #fff;
	background: #f00;
}

a.redlink:link {
	color: #f00;
	text-decoration: underline;
}
a.redlink:visited {  
	color: #f00;
	text-decoration: underline;
}
a.redlink:hover {
	color: #f00;
	text-decoration: none;
}

/* NEWS */

#newsitem {
	margin: 20px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;	


}

#newsitem h2 {
	margin: 10px 0 0 0;

}

#alumnititle {
	text-align: right;
}

/* STAFF */

#staffitem {
	margin: 20px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;	


}

#staffitem h2 {
	margin: 10px 0 0 0;

}

#staffquals {
	font-size: 0.9em;
	font-style: italic;	
	margin-top: -5px;
}

.disciplines {
	font-weight: bold;
}

#staffpic {
	float: left;
	margin: 10px 10px 0 0;

}

#staffbody {

}

/* NOTICEBOARD */

#noticeboarditem {
	margin: 20px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;	


}

#noticeboarditem h2 {
	margin: 10px 0 0 0;

}

#noticeboarditem h3 {
	float: left;
	color: #f60;
	margin: 10px 5px 0 0;
	

}

#noticeboarditem p {
	margin: 10px 0 0 0;

}

.picleft {
	float:left;
	margin: 0 10px 0 5px;

}

.picright {
	float:right;
	margin: 0 5px 0 10px;

}

/* PRODUCTIONS */

.pastprodstab {
	margin-top: 10px;

}

#productionblock p{
	margin: 0;

}

.prodtitle {
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 5px;
	
}

.proddate {
	font-style: italic;	
	padding-bottom: 5px;

}

.proddetails {
	font-size: 0.7em;


}

#prodtitles {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#prodtitles h1 {
	font-weight: bold;	

}

#prodpicbar {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;	
}



/* MISC */

#newsletter {
	float: right;
	margin: 0 0 20px 50px;
	width: 200px;
	border: 1px solid #ccc;	
}
	
#newsletter p {
	font-size: 0.8em;
	margin: 5px 0 5px 15px;
	font-style: italic;
}	

#newsletter-border {
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #ccc;	
}

#diary-table td {
	font-size: 0.8em;
	padding: 2px 0 2px 0;
; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#diary-table {
	margin-top: 10px;
}

/* HOME PAGE COUNTDOWN TIMER */



#countdown {
	text-align: center;
	padding-top: 10px;
	margin-top: 6px;
	width: 250px;
	height: 139px;
	color: #FFF;
	background-color: #000;
	font-size: 18px;
	font-weight: bold;
}

#redcopy {
	color: #F00;
}

/* MEMBERS */

#membersRule {
	margin: 10px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}

#memberBar {
	margin: -10px 0 20px 0;
	padding: 0;
	

}

/* PRESS DOWNLOADS */

.thumbleft {
	float:left;
	margin: 0 10px 0 0;

}

#press-item {
	float: left;
	width: 390px;
	padding: 5px 10px 10px 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #ccc;	

}