@charset "UTF-8";
/* CSS Document */

* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.clearing {
clear: both;
font-size: 0;
height: 0;
}

body {
background: #fff;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
behavior: url(/css/csshover.htc);
padding: 0 0 40px 0;

}

a img {
border: 0;
}

a:link, a:visited {
color: #000;
}

a:hover, a:active {
color: #666;
text-decoration: none;
}


/* ---------- Global nav Header ------------ */

#header {
height: 40px;
width: 100%;
background: #5A4099;
}

#global-nav-left {
float: left;
width: 600px;
height:40px;
}
#global-nav-left ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 27px;
width: 540px;
border-bottom: 1px solid #fff;

}

#global-nav-left ul li {
display: inline;
float: left;
border-right: 1px solid #fff;
overflow: hidden;
height: 27px;
width: 89px;
white-space: nowrap;
text-align:center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#global-nav-left ul li a {
font-size: 0.687em;
color: #FFF;
text-decoration: none;
height: 27px;
padding: 6px 0 8px 0;
display: block;
}

#global-nav-left ul li a#home, #global-nav-left ul li a#perseans, #global-nav-left ul li a#development {
background: #5A4099;
}
#global-nav-left ul li a#pelican {
background: #009AC8;
}
#global-nav-left ul li a#prep {
background: #F58025;
}
#global-nav-left ul li a#upper {
background: #817C00;
}

#global-nav-right {
float: right;
width: 350px;

}

#global-nav-right ul {
list-style: none;
margin: 8px 0 0 0;
border-bottom: 0;
}

#global-nav-right ul li {
display: block;
float: left;
padding: 0 0 0 4px;
margin-top: 3px;
border:0;
color:#fff;
font-size:0.7em;
}

#global-nav-right ul li a {
font-size:0.9em;
color: #fff;
font-weight:bold;
text-decoration: none;
}

.fullgraphics, #global-nav-right ul li.fullgraphics {
display: none;
border-left: 0;
}

/* ---------- Search panel ------------ */

#search-panel form fieldset {
border: 0;
padding: 0 5px;
}


#search-panel form fieldset legend, #search-panel form fieldset label {
display: none;
}

#search-panel form fieldset input.textbox {
border: 1px solid #7F9DB9;
width: 100px;
height: 17px;
margin: 0 0 0 0;
float: left;
font-size: 0.6875em;
color: #666;
padding-left: 5px;
padding-top: 2px;
}

#search-panel form fieldset input.button 
{
    margin: 1px 0 0 3px;
}


.hidden {
display: none;
}

/* ---------- Sidenav ------------ */

#navigation {

background: #CFCFDA;
width: 186px;
float: left;
border-right: 1px solid #B7B9BD;
}

#navigation a img {
border: 0;
}

#navigation ul {
list-style: none;
margin: -3px 0 0 0;
/margin: -3px 0 0 0;
m/argin: 0 0 0 16px;
}

#navigation ul li {
float: left;
position: relative;
}

#navigation ul li a {
font-size: 0.687em;
background: #EEEEF0;
padding: 5px 10px 6px 20px;
text-decoration: none;
display: block;
color: #333;
border-top: 1px solid #F5F5F5;
border-bottom: 1px solid #D5D5D9;
width: 186px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 156px;
}

#end-hack {
margin: 0;
}

#navigation ul li a:hover {
background: #D5D5D9 url(/images/interface/nav_arrow.gif) 6px 50% no-repeat;
border-top: 1px solid #D5D5D9;
}

#navigation ul ul {
position: absolute;
top: -7px;
/top: -7px;
t/op: -10px;
left: 186px;
border-left: 1px solid #D0C1E8;
padding: 10px 0 10px 0;
}

#navigation ul ul li a {
width: 210px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 180px;
}

#end-hack {
margin: 0;
}

#navigation ul ul ul {
position: absolute;
top: -10px;
/top: -7px;
t/op: -10px;
left: 210px;
z-index: 999;
border-left:0;
}

#navigation ul ul ul li 
{
    border-left:solid 1px #ccc;
}

/*div#navigation ul ul,
div#navigation ul li:hover ul,
div#navigation ul li:hover ul li ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul li ul li:hover ul
{display: block;}*/

/* 2 and 13 */
ul ul, li:hover ul ul { 
   display:none;
}

/* 12 and 23*/
li:hover ul, li:hover li:hover ul { 
   display:block;
}
            
#navigation ul li#SCH ul {
top: -192px; /* All other browsers */
/top: -189px; /* IE only */
t/op: -192px; /* All other browsers */
}


#navigation ul li#EXAM ul {
top: -62px; /* All other browsers */
/top: -59px; /* IE only */
t/op: -62px; /* All other browsers */
}


#navigation ul li#CURRICULUM_D ul {
top: -374px; /* All other browsers */
/top: -371px; /* IE only */
t/op: -374px; /* All other browsers */
}




/* ---------- Footer ------------ */

#footer {
clear: both;
background: #5A4099;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 30px;
}


#footer p {
color: #fff;
font-size: 0.625em;
padding: 8px 30px 0 0;
margin: 0 0 0 0;
float: right;
}

#footer ul {
list-style:none;

float: left;
margin: 8px 0 0 0;
padding: 0 0 0 0;
}

#footer ul li {
list-style:none;
float:left;
color: #fff;
font-size: 0.625em;
margin: 0 0 0 5px;
padding: 0 0 0 15px;
}

#footer ul li.contact-pelican {
background:url(../images/interface/bullet-pelican.gif) no-repeat 1px 2px;  
}

#footer ul li.contact-prep {
background:url(../images/interface/bullet-prep.gif) no-repeat 1px 2px;  
}

#footer ul li.contact-upper {
background:url(../images/interface/bullet-upper.gif) no-repeat 1px 2px;  
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #FFF;
text-decoration:underline;
}

/* pop-out menus directional over-rides */

#navigation ul li#school-information ul {
top: -183px; /* All other browsers */
/top: -180px; /* IE only */
t/op: -183px; /* All other browsers */
}

/* -------------Member log in area--------------- */
#login-nav {
clear: left;
width: 186px;
background: #B7B9BD; 
}

#login-nav p {
font-size: 0.687em;
margin: 0 0 0 0;
padding: 10px 0 12px 20px;
}

#login-nav p a {
color: #333333;
text-decoration:none;
}
#login-nav p a:link {
color: #333333;
text-decoration:none;
}

#login-nav p a:hover {
color:#5A4099;
text-decoration:none;
}

#login-nav ul li {
background: url(../images/interface/bullet_members.gif) no-repeat 19px 11px;
}

#login-nav ul li a {
background: #B7B9BD;
border-bottom: 0;
border-top: 1px solid #C2C1C7;
text-decoration: none;
color: #333;
padding: 5px 10px 6px 30px;
width: 146px;
}

#login-nav ul li a:hover {
background: #B7B9BD;
color: #5A4099;
background: none;
border-top: 1px solid #EEEEF0;
}


img.left {
	float: left;
	margin: 0 10px 16px 0;
}

img.right {
	float: right;
}