#panels
{
    position: fixed; 
    background-color:#eeeeee;
    z-index:980;
    padding:0px;
    margin:0px;
    left:0px;
    width:100%;
    top:0px;
}
        
#panel1
{
	width: 100%;
	height: 12em;
	overflow: hidden;
	position: absolute;
	z-index: 995;
	top:-8.6em;
	padding:0px;
    margin:0px;
}
                
#panel3
{
	width: 100%;
	height: 10em;
	overflow: hidden;
	position: absolute;
	z-index: 994;
	top:-6.6em;
	padding:0px;
    margin:0px;
}

        
#panel1_content
{
    background-color:#272727;
    width:100%;
    height:9em;
    border-bottom:solid 0.1em #ffffff;
    z-index:0;
    position:relative;
}
        
#panel1_tab
{
    width:195px;
    margin-right:200px;
    margin-left:auto;
    height:3em;
    background-color:transparent;
    background-image:url(/Images/tabs/tab1.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    top:-0.4em;
    z-index:1;
    position:relative;
}
        
#panel3_content
{
    background-color:#5b1112;
    height:7em;
    width:100%;
    border-bottom:solid 0.1em #ffffff;
    position:relative;
    z-index:0;
}
        
#panel3_tab
{
    position:relative;
    background-color:#9999ff;
    width:195px;
    margin-right:355px;
    margin-left:auto;
    height:3em;
    background-color:transparent;
    background-image:url(/Images/tabs/tab3.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    top:-0.4em;
    z-index:1;
}
                
#tab1
{
    position:fixed;
    top:0px;
    z-index: 1000;
    height:3em;
    width:168px;
    right:214px;
    text-indent:-9999px;
    cursor:pointer;
}
        
#tab3
{
    position:fixed;
    top:0px;
    z-index: 1000;
    height:3em;
    width:168px;
    right:368px;
    text-indent:-9999px;
    cursor:pointer;
}

.panel
{
    font-size: 0.74em;
    line-height:1.6em;   
    overflow:hidden;
    width:960px;
    margin:0 auto;
    padding-top:1em;
}

.panel h2
{
    padding-left:4px;
    color:#ffffff;
}

.quicklinks a
{
	float: left;
	height: 52px;
	cursor: pointer;
	display: block;
	width: 95px;
	position: relative;
	text-align:center;
	padding-top:40px;
	overflow:hidden;
}

.quicklinks a.curric {background: url(/Images/curric.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.curric {background: url(/Images/curric.jpg) no-repeat 26px -100px;}

.quicklinks a.wmc {background: url(/Images/wmc.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.wmc {background: url(/Images/wmc.jpg) no-repeat 26px -100px;}

.quicklinks a.docs {background: url(/Images/docs.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.docs {background: url(/Images/docs.jpg) no-repeat 26px -100px;}

.quicklinks a.jobs {background: url(/Images/jobs.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.jobs {background: url(/Images/jobs.jpg) no-repeat 26px -100px;}

.quicklinks a.ePORTAL {background: url(/Images/ePORTAL.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.ePORTAL {background: url(/Images/ePORTAL.jpg) no-repeat 26px -100px;}

.quicklinks a.mail {background: url(/Images/mail.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.mail {background: url(/Images/mail.jpg) no-repeat 26px -100px;}

.quicklinks a.worldbook {background: url(/Images/worldbook.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.worldbook {background: url(/Images/worldbook.jpg) no-repeat 26px -100px;}

.quicklinks a.gym {background: url(/Images/gym.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.gym {background: url(/Images/gym.jpg) no-repeat 26px -100px;}

.quicklinks a.books {background: url(/Images/books.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.books {background: url(/Images/books.jpg) no-repeat 26px -100px;}

.panelleft
{
    float:left;   
    margin-right:40px;
}

.accessibility a
{
    float: left;
	height: 40px;
	cursor: pointer;
	display: block;
	width: 45px;
	position: relative;
}

.accessibility a.large {background: url(/Images/TextLarge.jpg) no-repeat left 0;}
.accessibility a:hover.large {background: url(/Images/TextLarge.jpg) no-repeat left -50px;}

.accessibility a.medium {background: url(/Images/TextMedium.jpg) no-repeat left 0;}
.accessibility a:hover.medium {background: url(/Images/TextMedium.jpg) no-repeat left -50px;}

.accessibility a.small {background: url(/Images/TextSmall.jpg) no-repeat left 0;}
.accessibility a:hover.small {background: url(/Images/TextSmall.jpg) no-repeat left -50px;}

.accessibility a.standard {background: url(/Images/TextLarge.jpg) no-repeat left 0;}
.accessibility a:hover.standard {background: url(/Images/TextLarge.jpg) no-repeat left -50px;}

.accessibility a.blackYellow {background: url(/Images/bY.jpg) no-repeat left 0;}
.accessibility a:hover.blackYellow {background: url(/Images/bY.jpg) no-repeat left -50px;}

.accessibility a.blueBlue {background: url(/Images/bB.jpg) no-repeat left 0;}
.accessibility a:hover.blueBlue {background: url(/Images/bB.jpg) no-repeat left -50px;}

.accessibility a.yellowBlue {background: url(/Images/yB.jpg) no-repeat left 0;}
.accessibility a:hover.yellowBlue {background: url(/Images/yB.jpg) no-repeat left -50px;}

.accessibility input.bt_login,
.accessibility input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

.accessibility input.bt_login {
	width: 74px;
	background: transparent url(/Images/bt_login.png) no-repeat 0 0;
}

.accessibility input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(/Images/bt_register.png) no-repeat 0 0;
}

.accessibility .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}