UNKNOWN {PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../styles/aspapp03/images/bk_body.gif); PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px; FONT-FAMILY: tahoma, verdana; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center}

Body {background-color:#DEDEDE;margin-top:5px;font-family:;text-align:center;;padding:0px;}
TABLE {PADDING-RIGHT: 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; align:}
P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #555555; PADDING-TOP: 0px; FONT-FAMILY: ms trebuchet,tahoma,verdana; TEXT-DECORATION: none}
TD {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #555555; PADDING-TOP: 0px; FONT-FAMILY: ms trebuchet,tahoma,verdana; TEXT-DECORATION: none}
DIV {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #555555; PADDING-TOP: 0px; FONT-FAMILY: ms trebuchet,tahoma,verdana; TEXT-DECORATION: none}
H3 {FONT-WEIGHT: 900; FONT-SIZE: 16px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
H4 {FONT-WEIGHT: 900; FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
HR {COLOR: #95A8DF}
IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

A.H3 {FONT-WEIGHT: 900; FONT-SIZE: 16px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
a:link.H3 {FONT-WEIGHT: 900; FONT-SIZE: 16px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
a:visited.H3 {FONT-WEIGHT: 900; FONT-SIZE: 16px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
A.H4 {FONT-WEIGHT: 900; FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
a:link.H4 {FONT-WEIGHT: 900; FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
a:visited.H4 {FONT-WEIGHT: 900; FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: ; TEXT-DECORATION: none}
A {FONT-FAMILY: tahoma, verdana}
A:active {COLOR: #333333; TEXT-DECORATION: none}
A:visited {COLOR: #666666; TEXT-DECORATION: none}
A:link {COLOR: #666666; TEXT-DECORATION: none}
A:hover {COLOR: #333333; TEXT-DECORATION: none}

SELECT {FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: tahoma, verdana}
INPUT {FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: tahoma, verdana}
INPUT:unknown {FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: tahoma, verdana}
TEXTAREA {FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: tahoma, verdana}

.AppMenuTable {background-color:white;width:100%;height:25px;margin:0px;border-width:0px;border-bottom-width:1px;border-color:#CCCCCC;border-style:solid;} 
.AppMenuTD {background-color:;color:#EFEFEF;width:110;padding:3px;font-size:11px;border-width:0px;border-style:none;border-color:#DEDEDE;text-align:center;vertical-align:middle;border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:#DEDEDE;} 
.AppMenuTDOver {background-color:;color:#888888;width:110;padding:3px;border-width:0px;border-style:none;border-color:#DEDEDE;text-align:center;vertical-align:middle;border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:#DEDEDE;} 
.AppMenuTop {height:15px;}
.AppMenuLeft {width:45%;border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:;}
.AppMenuDiv {background-image:;background-color:#4068AE;width:0px;border-top-width:0px;border-top-style:solid;border-top-color:#6699CC;}
.AppMenuBottom {}
.AppMenuRight {width:5px;background-image:url('');background-repeat:no-repeat;background-position:right;padding:2px;text-align:right;vertical-align:middle;border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:;}
.AppMenuFont {font-family:Gill Sans MT;font-size:8pt;font-weight:800;color:#333333;} 
:visited.AppMenuFont {text-decoration:none;color:#0542AC;} 
:link.AppMenuFont {text-decoration:none;color:#0542AC;} 
:hover.AppMenuFont {text-decoration:none;color:#333333;} 

.SubMenuTitleFont {FONT-WEIGHT: 500; FONT-SIZE: 13px; COLOR: #333333}
.ContentMainTable {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;width:750px}
.HeadingTable {PADDING-BOTTOM: 5px}
.HeadingTD {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 4px; MARGIN: 4px; VERTICAL-ALIGN: middle; PADDING-TOP: 4px; TEXT-ALIGN: center}
.fieldTD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 5px; TEXT-ALIGN: right}
.inputTD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 5px; TEXT-ALIGN: left}
.AdminMenuTD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px}
.AdminMenuIMG {BORDER-TOP-WIDTH: 2px; BORDER-LEFT-WIDTH: 2px; BORDER-LEFT-COLOR: #458aab; BORDER-BOTTOM-WIDTH: 2px; BORDER-BOTTOM-COLOR: #458aab; BORDER-TOP-COLOR: #458aab; BORDER-RIGHT-WIDTH: 2px; BORDER-RIGHT-COLOR: #458aab}
.AdminMenuRoot {FONT-WEIGHT: bold; TEXT-DECORATION: none}

.MenuTable {BORDER-RIGHT: #1559ab 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #1559ab 0px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #1559ab 0px solid; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: #1559ab 0px solid; BORDER-COLLAPSE: collapse}
.MenuTD {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 11px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 4px; MARGIN: 0px; VERTICAL-ALIGN: middle; CURSOR: hand; COLOR: #ffffff; PADDING-TOP: 4px; BACKGROUND-COLOR: #5e98c8; TEXT-ALIGN: left}
.MenuTDOver {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 11px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 4px; MARGIN: 0px; VERTICAL-ALIGN: middle; CURSOR: hand; COLOR: #ffffff; PADDING-TOP: 4px; BACKGROUND-COLOR: #214179; TEXT-ALIGN: left}
.MenuBottom {padding:4px; MARGIN: 0px; VERTICAL-ALIGN: middle; COLOR: #FFFFFF; TEXT-ALIGN: left}
.MenuTop {padding:4px; MARGIN: 0px; VERTICAL-ALIGN: middle; HEIGHT: 40px; TEXT-ALIGN: left}
.MenuContentTypeTDOver {background-color:#999999;background-image:;font-family:;padding:6px;height:30px;vertical-align:middle;border-width:0px;border-bottom-width:1px;border-style:dotted;border-color:#FFFFFF;}
.MenuContentTypeTD {background-color:#eeeeee; background-image:;font-color:#999999;background-image:;font-family:;padding:6px;height:30px;vertical-align:middle;border-width:0px;border-bottom-width:1px;border-style:dotted;border-color:#FFFFFF;} 
.MenuContentTypeTDOn {background-color:#666666;background-image:;font-family:;padding:6px;height:30px;width:;vertical-align:middle;border-width:0px;border-bottom-width:1px;border-style:dotted;border-color:#DDDDDD;} 
.MenuContentTypeFont {font-family:;font-size:11px;font-weight:500;color:#333333;} 
:link.MenuContentTypeFont {text-decoration:none;color:#222222;} 
:visited.MenuContentTypeFont {text-decoration:none;color:#222222;} 
:hover.MenuContentTypeFont {text-decoration:none;color:#FFFFFF;}
.MenuContentTypeFontOn {font-family:;font-size:11px;font-weight:500;color:#CECECE;} 
:link.MenuContentTypeFontOn {text-decoration:none;color:#EFEFEF;} 
:visited.MenuContentTypeFontOn {text-decoration:none;color:#EFEFEF;} 
:hover.MenuContentTypeFontOn {text-decoration:none;color:#FFFFFF;} 

.TopBarTable {background-color:#FFFFFF;width:737px;height:90; align="left"}
.MainTable {background-color:;
	margin-top:0px;
	width:800px;
	border-width:0px;
	border-style:solid;
	border-bottom: 0px;
}
.SubMenuTitleTable {background-color:;border-width:0px;border-style:solid;border-color:#222222;}
.ListTable {background-color:;width:100%;height:60px;padding:0px;margin-top:0px;margin-bottom:8px;border-width:1px;border-color:#F9F9F9;border-style:solid;}
.ListHeaderTable {background-color:#E0E6F5;width:100%;padding:2px;margin-top:10px;margin-bottom:1px;border-width:0px;}
.ListHeaderTD {color:#9F9F9F;font-family:verdana;padding:2px;height:;font-size:9px;}
.ListHeaderTitleFont {font-family:verdana;font-size:11px;color:#666666;font-weight:800;}
.ListHeaderCategory {font-family:verdana;background-color:;color:#666666;padding:3px;font-size:11px;font-weight:500;text-align:;vertical-align:top; align="right"}
.ListTD {color:#666666; padding:2px;}
.ContentTable {background-color:;margin-bottom:3;width:;height:;border-width:0px;border-style:solid;border-color:#666666;}
.ContentTD {background-color:;padding-left:12;vertical-align:top;text-align:;}

}
.FlashContent {
z-index: 3; 
}


.NavContent {
z-index: 1; 
}

.jqueryslidemenu{
font: bold 11px Verdana;
background: #233877;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style - background: #233877; */
.jqueryslidemenu ul li a{
display: block;
background: black url(http://www.durbanhighschool.co.za/common/includes/indentbg.gif) center center repeat-x;/*background of tabs (default state)*/
color: white;
padding: 7px 5px 8px;
border-right: 1px solid #3F63CD;
color: #2d2b2b;
text-decoration: none;
z-index: 100;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #f9cb15; /*tab link background during hover state*/
color: #233877;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #2F4A9D;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }