/* CSS Document */
/* This first group of styles define the basic layout of the page and standard styles that apply across the board*/
body {
margin:0px;
background-color:#F7F6F5;
background-image:url(graphics/topfade.jpg);
background-position:top;
background-repeat:repeat-x;
}
p {
line-height:1.25em;
}
a {
color:#000000;
line-height:1.25em;
}
h1 {
font-size:1.5em;
padding:7px 6px 0px 6px;
margin:0px;
}
h1 span.sub {
font-size:0.7em;
font-weight:normal;
}
h2 {
font-size:1.2em;
padding:14px 6px 0px 24px;
margin:0px;
font-weight:normal;
text-align:left;
}
h2.inline {
padding:14px 6px 0px 9px;
clear:both;
}
h2.inlineClose {
padding:1px 6px 0px 9px;
clear:both;
}
h3 {
font-size:1.0em;
padding:0px 6px 0px 9px;
margin:0px;
font-weight:normal;
}
ul {
margin-right:12px;
}
ul.grouped{
margin-top:3px;
}
ul.insetGrouped{
margin-top:3px;
margin-left:12px;
* margin-left:40px;
* padding-left:12px;
}
div.container {
text-align:center;
height:100%;
width:100%;
margin:auto;
display:table; 
}
div.innercontainer{
position:relative;
width:800px;
margin:auto;
}

/* This group of styles defines the header and the menu */
.headerDIV {
height:134px;
width:100%;
background-color:#FFFFFF;
margin: 50px 0px 0px 0px;
text-align:left;
position:relative;
z-index:60;
border:1px solid black;
border-bottom:none;
}
.headerDIV img#telifah{
position:absolute;
top:0;
left:0;
z-index:70;
}
.headerDIV img#headerBBM{
position:absolute;
top:0;
right:0;
z-index:60;
}
.menuDIV {
position:absolute;
right:0;
bottom:0;
margin:0;
padding:5px 9px;
width:646px;
background-color:#8297B9;
z-index:80;
}
.menuDIV p{
color:#EAECF0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.72em;
margin:0;
padding:1px 2px;
text-align:justify;
}
.menuDIV span.menudivider{
color:black;
}
.menuDIV span.menudividerWD{
color:black;
padding-left:12px;
padding-right:12px;
}
.menuDIV a {
text-decoration:none;
color:#EAECF0;
}
.menuDIV a:hover {
text-decoration:underline;
color:#EAECF0;
}
.menuDIV a.current {
color:#4971B9;
color:#334675;
}
.menuSubDIV a.current {
color:#8297b9;
}
.menuSubDIV {
position:absolute;
right:0;
bottom:0px;
*bottom:-1px;
margin:0;
padding:2px 9px 3px 20px;
width:635px;
background-color:#3C4873;
z-index:80;
}
/* Hack to override star hack above so the starred rule only applies to IE6 and earlier */
body>div .menuSubDIV {  
bottom:0px;
}

/* This group of styles define the basic layout and standard content of the main body of the page */
.mainDIV {
padding:0px;
margin:0px;
width:800px;
background-image:url(graphics/lilyPads2.jpg);
background-repeat:repeat-y;
background-position:0px -12px;
z-index:50;
overflow:auto;
border-left:1px solid black;
border-right:1px solid black;
}
div.contentsBox {
font-family:"Times New Roman", Times, serif;
background-color:#F2F5EA;
border:1px solid #A8AF84;
margin:71px 28px 137px 138px;
padding:5px;
width:auto;
/* Hide these lines from EI 5 MAC \*/ 
text-align:justify;
/* Return to normal */
}
div.contentsBox p {
margin:0;
padding:9px;
font-size:0.9em;
font-weight:400;
}
div.contentsBox li.shortlist {
padding-bottom:10px;
}
div.contentsBox span.starter {
font-size:1.5em;
}
div.contentsBox a{
color:#4971B9;
font-weight:bold;
}
div.contentsBox a:hover{
text-decoration:underline;
}

/* This group of styles defines the footer and credit lines */
div.footerDIV {
width:100%;
background-color:#3C4873;
margin:0px;
padding:0px;
text-align:left;
clear:both;
z-index:60;
border:1px solid black;
border-top:none;
}
.footerText {
color:#EEBD4A;
font-size:0.9em;
padding:5px 12px 8px 143px;
font-family:Arial, Helvetica, sans-serif;
}
.credit a {
color:#ADACA6;
}
.credit {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
color:#ADACA6;
margin:6px 0px 8px 0px;
}

/* These are style rules that are more specific to individual pages or sections */
img.photoleft {
float:left;
margin:4px 12px 6px 0px;
border:1px solid black;
}
div.contentsBox p.insetText {
padding-left:24px;
}
div.contentsBox p.insetTightText {
padding-left:24px;
padding-bottom:3px;
padding-top:4px;
}
div.sidebysideLeft {
position:relative;
left:0;
top:0;
width:470px;
margin:12px 0px 6px 24px;
}
div.sidebysideLeft p{
padding:0px;
}
div.sidebysideRight {
float:right;
width:220px;
margin:0px;
}
div.sidebysideRight p{
padding:0px;
}
div.insetBox {
margin:9px 0px 12px 48px;
padding-bottom:12px;
width:400px;
}
div.insetBox p{
padding:0px;
}
div#map {
width: 594px; 
height: 600px;
margin: 12px;
border:1px solid black;
}
div.mapLabel {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
div.mapLabel a{
color:#4971B9;
font-weight:normal;
}
img#menuArrow {
vertical-align:text-top;
padding-top:1px;
}

/* Table styles for tuition page */
table {
margin:5px;
text-align:left;
font-size:0.8em;
border:none;
width:610px;
}
table td{
padding:5px;
border:1px solid #A8AF84;
vertical-align:top;
}
tr.headerrow {
background-color:#d0dcb0;
}
td.blankcell {
border:none;
background-color:#F2F5EA;
}
span.tableHead {
font-size:1.2em;
font-weight:bold;
}
td.centeredLine {
text-align:center;
}