body 
{
    font-family: tahoma;
	font-size: 11px;
	background: #666666;
	background-image:url('images/blossom.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	vertical-align: top;
	text-align: center;

}

#pageBody
{
    width: 800px;
    border-width: 1px;
    border-style: solid;
    background: white;
    padding: 10px; 
    margin:0 auto;
}

#header
{
    background: #cccccc;
    height: 64px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 4px;
    text-align: left;
}

#lowerHeader
{
    width: 800px;
    height: 145px;
}

#headerMenu {
	float: right;
	font-weight: bold;
	color: #006699;
	text-align: right;	
}

#menuBar {
	background: #006699;
	color: white;
	height: 25px;
}

#menuBar table {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}

.menuBarTD {
	width: 20%;
}

.menuBarTDAboutUs, .menuBarTDStakeholders, .menuBarTDDepartments, .menuBarTDSchoolPolicies, .menuBarTDExaminations, .menuBarTDContactUs {
	width: 20%;
	background-position:center;
	background-repeat:no-repeat;
	background-color: #006699;
}

.menuBarTDAboutUs:hover, .menuBarTDStakeholders:hover, .menuBarTDDepartments:hover, .menuBarTDSchoolPolicies:hover, .menuBarTDExaminations:hover, .menuBarTDContactUs:hover {
	background-color: #7a7a7a;
	cursor: pointer;
}

.menuBarTDAboutUs {
	background-image: url('images/aboutUs.gif');
}

.menuBarTDAboutUs:hover {
	background-image: url('images/aboutUsOver.gif');
}

.menuBarTDStakeholders {
	background-image: url('images/stakeholders.gif');
}

.menuBarTDStakeholders:hover {
	background-image: url('images/stakeholdersOver.gif');
}

.menuBarTDDepartments {
	background-image: url('images/departments.gif');
}

.menuBarTDDepartments:hover {
	background-image: url('images/departmentsOver.gif');
}

.menuBarTDSchoolPolicies {
	background-image: url('images/schoolPolicies.gif');
}

.menuBarTDSchoolPolicies:hover {
	background-image: url('images/schoolPoliciesOver.gif');
}

.menuBarTDExaminations {
	background-image: url('images/examinations.gif');
}

.menuBarTDExaminations:hover {
	background-image: url('images/examinationsOver.gif');
}

.menuBarTDContactUs {
	background-image: url('images/contactUs.gif');
}

.menuBarTDContactUs:hover {
	background-image: url('images/contactUsOver.gif');
}

#mainImage {
	width: 582px;
	height: 140px;
	margin-top: 5px; 
	float:left;	
}

#search {
	width: 212px;
	height: 140px;
	margin-top: 5px;
	background: #dfebf2;
	float: right;
}

#search th {
	background: #f97621;
	height: 25px;
	color: white;
}

#search table {
	border: none;
	font-family: tahoma;
	font-size: 11px;
	color: #7f7e7e;
	width: 100%;
	height: 100%;
	background: #dfebf2;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}

#search a {
	font-weight: bold;
	color: #7f7e7e;
}

#search a:hover
{
    text-decoration: underline;
}

.searchButton 
{
    border: none;
}


#content 
{
    width: 800px;
    padding-top: 5px;
}

#footerBar {
	height: 27px;
	margin-top: 5px;
	background: #a6a6a6;
	color: white;
	vertical-align: middle;
}

#footerBar > a
{
    color: White;
    font-weight: normal;
}

#copyright {
	width:800px;
	height:20px;
	font-size: 9px;
	color: #a2a1a1;
	text-align: right;
	font-weight:normal;
}

#copyright > a 
{
    font-size: 9px;
	color: #a2a1a1;
	text-align: right;
	text-decoration:none;
	font-weight:normal;
}

#copyright > a:hover
{
    text-decoration: underline;
}

.newsStory
{
    width: 400px;
    border-width: 5px;
    border-style: solid;
    border-color: #f97621;
    background: #e4e4e4;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	text-align: left;
	top: 25%; 
    left:33%; 
}

.contentTable 
{
    width: 100%;
    height: 100%;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	color: #666666;
}

.searchTable 
{
    width: 100%;
    height: 100%;
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
	color: #666666;
}

.floatingTableR
{
    width: 25%;
    height: 100%;
	padding: 0;
	float: right;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	color: #666666;
}

.floatingTableL
{
    width: 25%;
    height: 100%;
	padding: 0;
	float: left;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	color: #666666;
}

.divColDotted {
	width: 3px;
	background-image: url('images/h-1.gif');
	background-repeat:repeat-y;
	background-position:center;
	background-color: white;
}

.divColClear {
	width: 3px;
	background-color: white;
}

.divRowClear {
	height: 5px;
	max-height: 5px;
	background-color: white;
}

.divRowDotted
{
    background-image: url('images/v-1.gif');
    background-repeat:repeat-x;
	background-position:center;
}

.greyBox {
	background: #e4e4e4;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
}

.greyBox25 
{
	background: #e4e4e4;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	width: 25%;
	text-align: justify;
}

.lGreyBox
{
	background: #dfebf2;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
}

.lGreyBox25
{
	background: #dfebf2;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	width: 25%;
}

.lGreyBox50
{
	background: #dfebf2;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	width: 50%;
	text-align: justify;
}

.clearBox 
{
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	text-align: justify;
}

.clearBox50 
{
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	text-align: justify;
	width: 50%;
}

.clearBox25 
{
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	width: 25%;
	text-align: justify;
}

.greyHeader {
	background: #7a7a7a;
	height: 25px;
	max-height: 25px;
	padding-left: 10px;
}

.orangeHeader {
	background: #f97621;
	height: 25px;
	max-height: 25px;
	padding-left: 10px;
}

.lBlueHeader {
	background: #5b9dbd;
	height: 25px;
	max-height: 25px;
	padding-left: 10px;
}

.dBlueHeader {
	background: #006699;
	max-height: 25px;
	height:25px;
	padding-left: 10px;
}

input {
	border-color:#666666;
	border-style:solid;
	border-width:1px;
}

.titleImage{
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;	
}

#paginate
{
    text-align:center;
}

.arrow 
{
    left: -4px;
    position: relative;
}

.indentPara
{
    text-indent: -6px;
}

a.bLink
{
    color: #006699;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

a.bLink:visited
{
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}

a.bLink:hover
{
    text-decoration: underline;
}

a.newsLink
{
    color: #7a7a7a;
    font-weight: bold;
    text-decoration: none;
}

a.newsLink:hover
{
    text-decoration: underline;
}

a.newsLink:visited
{
    color: #7a7a7a;
}

a
{
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}

a:visited
{
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.standardTable
{
	border: solid 1px #666666;
    text-align: center;
    width: 100%;
    /*height: 100%;*/
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    
}

.standardTable th
{
    font-weight: bold;
    border: solid 1px #666666;
}

.standardTable td
{
    border: solid 1px #666666;
    font-weight: 700;
}

.linksTable td
{
    border-bottom: dashed 1px #666666;
    border-collapse: collapse;
}

.linksTable blank
{
    border-collapse: collapse;
}

hr
{
    color: #666666;
    width: 80%;
    text-align: center;
    height: 1px;
    vertical-align: middle;
}

.departmentTitle
{
    font-size: 16px;
    font-weight: bold;
}

.departmentTable
{
    width: 95%;
    text-align: left;
}

.departmentTableCol
{
    width: 250px;
}

.supportTableCol
{
    width: 150px;
}

.subImage
{
    margin: 5px 0px 0px 5px;
}

.artQuote
{
	background: #dfebf2;
	vertical-align: top;
	padding: 5px 5px 5px 15px;
	border-collapse: collapse;
}

a.artImageHover, a.imageHover:visited 
{
    display:block; 
    width:65px; 
    height:45px; 
    text-decoration:none; 
    background:#fff; 
    top:0; 
    left:0; 
    border:0;
}

a img 
{
    border:0;
}

a.artImageHover:hover 
{
    text-decoration:none; 
    background-color:#8c97a3; 
    color:#000;
}

/* Commented out bad css to see effect
a .artLargeImage 
{
  

a img 
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 16px;
    height: 16px;
}

olute; 
    width:0; 
    height:0; 
    border:0; 
}
*/

a.artImageHover:hover .artLargeImage 
{
    display:block; 
    position:absolute;
    top: 25%; 
    left:25%; 
    width:592px; 
    height:400px; 
    border:10px solid #ccc;
}

#topright {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 125px;
    width: 125px;
    background: url('images/newSiteBanner.gif') no-repeat;
    text-indent: -999em;
    text-decoration: none;
}