/* CSS Document */

/*This CSS file was written for the Classrooms website by Iain Hanlon iain@jetblackinc.co.uk*/
/**********************************/
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #001722;
	color: #FFFFFF;
}

/*Structural Elements*/
/**********************************/
div#logo {
	height: 160px;
	width: 355px;
	position: absolute;
	left: 0px;
	top: 0px;
	}


div#topright {
	position: absolute;
	width: 435px;
	height: 85px;
	left: 355px;
	top: 0px;
}

div#nightnav {
	position: absolute;
	margin-left: 0px;
	width: 434px;
	height: 75px;
	left: 355px;
	top: 85px;
}

div#mainnav {
	position: absolute;
	width: 790px;
	height: 50px;
	left: 0px;
	top: 160px;
	}

div#leftnav {
	position: absolute;
	width: 160px;
	height: 420px;
	left: 0px;
	top: 210px;
	}
	
div#subscribebox {
	float:left;
	width: 150px;
	height: 95px;
	padding-left:10px;
	padding-top:30px;
	background-image: url(../images/structure/left_navigation/subscribe_bg.jpg);
	background-repeat: no-repeat;
	}
	
div#guestlistbox {
	float:left;
	width: 160px;
	height: 113px;
	}
	
div#commonroombox {
	float:left;
	width: 160px;
	height: 82px;
	}

div#tuckshopbox {
	float:left;
	width: 160px;
	height: 100px;
	}

div#maintext {
	width: 300px;
	height: 450px;
	position: absolute;
	left: 160px;
	top: 210px;
	background-image: url(../images/structure/notepad_middle_bg.jpg);
	background-repeat: no-repeat;
}

div#clublogo {
	width: 195px;
	height: 210px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#clubtext {
	width: 240px;
	height: 240px;
	position: absolute;
	left: 0px;
	top: 210px;
	padding-left:30px;
	padding-right:30px;
}

div#mainbig {
	width: 420px;
	height: 370px;
	position: absolute;
	left: 160px;
	top: 210px;
	background-image: url(../images/structure/chalkboard_centre_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 40px;
	}
	
div#mainbig_inside {
	width: 410px;
	height: 370px;
	padding-right: 10px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	}

div#rightone {
	position: absolute;
	width: 175px;
	height: 420px;
	left: 460px;
	top: 210px;
	}

div#rightonetop {
	float:left;
	width: 175px;
	height: 240px;
	}
	
div#rightonebottom {
	float:left;
	width: 175px;
	height: 180px;	
	}

div#righttwo {
	position: absolute;
	width: 155px;
	height: 420px;
	left: 635px;
	top: 210px;
	}

div#righttwotop {
	float:left;
	width: 155px;
	height: 140px;
	}

div#righttwomiddle {
	float:left;
	width: 155px;
	height: 137px;
	}

div#righttwobottom {
	float:left;
	width: 155px;
	height: 143px;
	}

div#rightadboxes {
	position: absolute;
	width: 210px;
	height: 630px;
	left: 790px;
	top: 0px;
	}



/*Text Formatting*/
/**********************************/
p {
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	margin-top: 0px;
	line-height: 18px;
	margin-bottom: 7px;
}

div#clubtext p {
	font-size: 14px;
	color: #001722;
	margin-top: 0px;
	line-height: 16px;
	margin-bottom: 3px;
}

a {
	color: #ED9236;
	text-decoration: underline;
	font-weight: bold;
}

h1 {
	font-size: 21px;
	line-height: 24px;
	font-weight: bolder;
	color: #DD1F2E;
	margin-bottom: 5px;
	margin-top: 0px;
}

h2 {
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 5px;
	color: #DD1F2E;
}

h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 1px;
	color: #FFFFFF;
	margin-top: 10px;
}

h4 {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	margin-top: 3px;
	line-height: 13px;
	margin-bottom: 0px;
	}

form{ margin: 3px;}




/*Inline Text Formatting*/
/**********************************/


.psmallbody {
	font-size: 11px;
	margin-top: 12px;
	margin-bottom: 4px;
}

.psmalla {
	font-size: 11px;
	margin-top: 12px;
	margin-bottom: 4px;
	color: #FF4400;
}

.formlabel {
	clear: left;
	float: left;
	width: 80px;
	padding-right: 5px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/*Inline Elements*/
/**********************************/

.picspan {
	display: block;
	padding: 0px;
	float: left;
	line-height: 100%;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 0px;
	border: 1px solid #FFFFFF;
}
.picspanright {
	display: block;
	padding: 0px;
	float: right;
	line-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	list-style-type: none;
	overflow: hidden;
	border: 1px solid #FFFFFF;
}
.bodytxtspan {
	display: block;
	margin-left: 50px;
	width: 300px;
} 

.picspannoline {
	display: block;
	padding: 0px;
	float: left;
	line-height: 100%;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 0px;
}
.picspanrightnoline {
	display: block;
	padding: 0px;
	float: right;
	line-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	list-style-type: none;
	overflow: hidden;
}

blockquote.float {
	float: right;
	width: 200px;
	padding: 2px;
	margin: 0 0em 0 5px;
	color: #FFFFFF;
	background: #FF4400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: block;
  }
 

/*night_nav*/
/**********************************/	
div#nightnavone {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/night_navigation/nights_friday_195.jpg);
	background-repeat: no-repeat;
	background-position: 0px -75px;
	}

div#nightnavone a {
	display:block;
	width:195px; height:75px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nightnavone a:hover {
	display:block;
	width:195px;
	height:75px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/night_navigation/nights_friday_195.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#nightnavone a span { display:none }


div#nightnavtwo {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/night_navigation/nights_saturday_240.jpg);
	background-repeat: no-repeat;
	background-position: 0px -75px;
	}

div#nightnavtwo a {
	display:block;
	width:230px; height:75px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nightnavtwo a:hover {
	display:block;
	width:230px;
	height:75px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/night_navigation/nights_saturday_240.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#nightnavtwo a span { display:none }



/*mainnav*/
/**********************************/	
div#mainnavone {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/01_home_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavone a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavone a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/01_home_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavone a span { display:none }



div#mainnavtwo {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/02_bebo_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavtwo a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavtwo a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/02_bebo_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavtwo a span { display:none }


div#mainnavthree {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/03_facebook_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavthree a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavthree a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/03_facebook_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavthree a span { display:none }


div#mainnavfour {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/04_twitter_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavfour a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavfour a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/04_twitter_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavfour a span { display:none }


div#mainnavfive {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/05_gallery_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavfive a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavfive a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/05_gallery_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavfive a span { display:none }


div#mainnavsix {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/06_functions_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavsix a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavsix a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/06_functions_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavsix a span { display:none }


div#mainnavseven {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/07_jobs_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavseven a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavseven a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/07_jobs_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavseven a span { display:none }

div#mainnaveight {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/08_contact_87.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnaveight a {
	display:block;
	width:87px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnaveight a:hover {
	display:block;
	width:87px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/08_contact_87.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnaveight a span { display:none }

div#mainnavnine {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/09_location_94.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}

div#mainnavnine a {
	display:block;
	width:94px; height:50px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mainnavnine a:hover {
	display:block;
	width:94px;
	height:50px;
	margin:0;
	padding:0;
	background-image: url(../images/structure/main_navigation/09_location_94.jpg);
	text-decoration: none;
	background-position: 0px 0px;
	}
	
div#mainnavnine a span { display:none }




/*rightadboxes*/
/**********************************/

div#rightadboxtop {
	float:left;
	width: 210px;
	height: 210px;
	background-image: url(../images/event_adboxes_right/event_adbox_right_top.jpg);
	background-repeat: no-repeat;
	}

div#rightadboxtop a {
	display:block;
	width:210px; height:210px;
	margin:0; padding:0;
	text-decoration: none;
	}

div#rightadboxtop a span { display:none }

div#rightadboxmiddle {
	float:left;
	width: 210px;
	height: 210px;
	background-image: url(../images/event_adboxes_right/event_adbox_right_middle.jpg);
	background-repeat: no-repeat;
	}

div#rightadboxmiddle a {
	display:block;
	width:210px; height:210px;
	margin:0; padding:0;
	text-decoration: none;
	}

div#rightadboxmiddle a span { display:none }

div#rightadboxbottom {
	float:left;
	width: 210px;
	height: 210px;
	background-image: url(../images/event_adboxes_right/event_adbox_right_bottom.jpg);
	background-repeat: no-repeat;
	}

div#rightadboxbottom a {
	display:block;
	width:210px; height:210px;
	margin:0; padding:0;
	text-decoration: none;
	}

div#rightadboxbottom a span { display:none }