/* Designed and created for Bexley College by Colin Stevenson - Feb 2005 */
/* This site has been created using 'Web Standards' and conforms to W3C standards */
/* To find out more about Web Standards goto http://www.webstandards.org */

/* Site wide design features */
body {
	font-family: Arial, Helvetica, sans-serif; 
	margin:0px;
	width:100%;
}

h1 {
	font-size: 2em;
	color: #036;
	text-indent: .5em;
	margin: 0px;
	padding: 5px;
}

h2 {
	color:#036;
	padding: 3px 0px 2px;
	margin: 0;
	font-size: 0.85em;
}

h3 {
	color:#666;
	margin: 0;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

p {
	font-size: 0.95em;
	line-height: normal;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

ul {
	padding-top:0px;
	margin-top:0px;
	font-size: 0.95em;
}

/* Start of design classes */

.whiteText {color: #FFFFFF;}
.bexleyBlueBgColor {background-color: #000099;}
.lilacBgColor {background-color: #ccccff;}
.lightBlueBg {background-color: #BBE9FF;}

.short {height: 400px;}
.medium {height: 570px;}
.long {height: 950px;}
.extralong {height: 1500px;}
.superlong {height: 2000px;}


.alignRight {float: right; margin: 5px;}
.alignLeft {float: left; margin: 5px;}
.alignCentre {margin: 0px 15% 0px 15%;text-align:center}
	
.enrolmentIndex {height: 750px;}
.courseList {padding:0px; margin:0px;}
.newTitleDate {padding: 5px; }

.newsbanner {
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
}


/* End of site wide designs */

/* Container designs */

#skipNavigation { 
	display:none;
}

/*  the top navagation bar section  */
#navBar{ display:none;}

/* title of the page container */
#pageHeader{
	background-color: #FFFFFF;
}

#newsHeader {
	height: 110px;
	width: 590px;
}

/* College blue nav bar on the left of page */

#leftNav { display:none;}
	
/* End of the nav bar elements */

/* content elements */

/* 3 panel layout */
#content {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	width: 100%; 
}

#content img {
	margin-left: 12px;
	float: right;
}

#content h2 {
	color:#fff;
	background-color:#666;
	margin: 0;
	padding-left:5px;
	font-size: 1em;
}
#content ul {
	padding:5px;
	margin:0px;
	list-style:none;
	}
	
#content a {color:#036;}

#footer {
	display:none;
}


#pictures {
	display:none;
}

#rightPanelText {
	display:none;
}

/* 2 Panel layout */
#contentFull{
	background-color: #FFF;
	padding: 5px;
	float: left;
	width: 100%;
}

#navBar p {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	font-weight: normal;
}

/* design banner for each page */

#indexBanner {
	background-image: url(images/banners/index_banner.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 770px;
}

#general2 {
	background-image: url(images/banners/general2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 780px;
}

#general3 {
	background-image: url(images/banners/general3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#general4 {
	background-image: url(images/banners/general4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#general5 {
	background-image: url(images/banners/general5.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#general6 {
	background-image: url(images/banners/general6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#general7 {
	background-image: url(images/banners/general7.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#general8 {
	background-image: url(images/banners/general8.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#hairworks {
	background-image: url(images/banners/hairworks.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#beautyworks {
	background-image: url(images/banners/beautyworks.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#beauty {
	background-image: url(images/banners/beauty.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

#nursery {
	background-image: url(images/banners/nursery.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
}

/* end of the banners */