/* 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;
	border-collapse:collapse;
}

h1 {
	font-size: 2em;
	color: #036;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
}

h2 {
	color:#036;
	padding: 3px 0px 2px;
	margin: 0;
	
}

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

p {
	font-size: 1em;
	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: #003366;}
.lilacBgColor {
	background-color: #999999;
	text-align: center;
	color: #FFFFFF;
}
.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 {
	position: absolute;
	left: -1000px;
}

/*  the top navagation bar section  */
#navBar{
	width:758px;
	background-color:#003366;
	padding: 2px 10px 2px 2px;
	text-align: right;
}

#navBar a{
	color:#FFFFFF;
	text-decoration: none;
	font-size: .9em;
	padding-right: 10px;
	font-weight: normal;
}

#navBar a:hover {text-decoration:underline}

/* title of the page container */
#pageHeader{
	width:770px;
	background-color: #FFFFFF;
	padding-bottom: 7px;
	padding-top: 6px;
	border-bottom: 1px dotted #666666;
	border-top: 1px dotted #666666;
	margin-bottom: 2px;
}

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

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

#leftNav {
	background-color: #003366;
	margin: 0px;
	padding: 15px 10px 15px;
	float: left;
	width: 150px;
	text-align:center;
}

#leftNav a {
	color:#FFFFFF;
	text-decoration: none;
	font-size: 0.95em;
	padding-right: 10px;
	font-weight: normal;
	}
	
#leftNav a:hover {text-decoration:underline}

#leftNav dl {
	margin: 0px;
	padding: 0px;
	}
	
#leftNav dl dt {
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-top:0px solid;
	border-bottom: 0px solid;
	text-align:center;
	color:#FFFFFF;
	font-size: 1em;
	font-weight: bold;
	background-color: #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 15px 0px 5px;
	}

div#leftNav dl dd {
	padding: 0;
	margin: 0 0 3px 0;
	text-align: left;
}

/* End of the nav bar elements */

/* content elements */

/* 3 panel layout */
#content {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
	width: 430px; 
}

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

#content h2 {
	color:#fff;
	background-color:#003366;
	background-image:url(images/corner.gif);
	margin: 0px;
	margin-left:-5px;
	margin-right:-5px;
	padding-left:6px;
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content ul {
	padding: 5px;
	margin: 0px;
	font-size: 1em;
	list-style: none;
	}
	
#content ul.crsDetail {
	padding-left: 15px;
	margin: 0px;
	font-size: 1em;
	list-style-type: circle;
	list-style-position: outside;
	}
	
#content a {color:#036;}

#footer {
	float:left;
	width: 430px;
	padding:0px;
	margin-top: 24px;
	
}

#footer img {
	float:left;
}


#pictures {
	width:150px;
	padding:0px;
}

#rightPanelText {
	width: 144px;
	/*height: 600px;*/
	padding: 3px;
	padding-bottom: 15px;
	border:1px solid #003366;
	background-color: #DDEEFF;
	/*background-image:url(images/rightPanel.gif);*/
	float:right;
	border-collapse:collapse;
}

#rightPanelText h3 {
	margin-top: -3px;
}

#rightPanelText ul {
	padding-left:10px;	
	margin:0px;
	list-style:none;
	list-style-position: outside;
	
}

#rightPanelText a {
	font-size: 0.95em;
	color: #036;
	text-decoration:none;
}

#rightPanelText a:hover {text-decoration:underline}

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

#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/beauty.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 770px;
}

#general1 {
	background-image: url(images/banners/general1.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: 770px;
}

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

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

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

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

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

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

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

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

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

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

/* end of the banners */
#content th {
	text-align: left;
	border: 1px solid #999999;
	color: #FFFFFF;
	background-color: #999999;
}
#content td {
	text-align: left;
	vertical-align: top;
	border: 1px solid #999999;
}
#content table {
	border: 1px solid #999999;
}