/* NAVIGATION ELEMENTS
----------------------------------------------- */
/* horizontal nav */

#nav {
    border-right-style: solid;
    border-right-color: #000;
    border-right-width: 1px;
    border-left-style: solid;
    border-left-color: #000;
    border-left-width: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000;
	background-color: #003366;
	margin: 0;
	padding: 0;
}

#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
  
#nav li {
  float: left;
  position: relative;
  width: 125px;
  text-align: center;
  border-left: 1px solid #fff;
  margin: 0;
  height: 23px;
  padding-top:4px;
  padding-bottom: 0;
}

* html body #nav li{
width: 123px;
}
 
 #nav li.first {
   border-left: none;
} 
  
 #nav li a {
 color: #fff;
 background-color: #003366;
 text-decoration: none;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 margin: 0px;


 }
 
 #nav li ul li {
 width: 123px;
 text-align: left;
 border-left: none;
 border-top: 1px solid #fff;
 /*height: 10px;*/
 padding-top: 5px;
 padding-bottom: 5px;
padding-left: 10px;

 }
 
#giving ul li{
 width: 140px !important;
 }
 
 #nav li ul li.first{
 border-top: none;
 }
 
 #nav li ul li a {
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 /*width: 100%;*/
 margin: 0;
 }
 
 #nav li ul {
  display: none;
  position: absolute; 
  top: 23px;
  left: 0;
  background-color: #003366;
  margin: 0;
  padding-bottom: 5px;
  width: 125;
  }
  
#nav li > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li.over ul{ display: block; }


/* secondary right-side nav */
	
#ContentLeft ul	{
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	}
	
#ContentLeft ul li	{
	list-style: square  inside;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
    padding-left: 15px;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
		    
	}	
	

#ContentLeft ul li a {
	font-weight: normal;
	text-decoration: none;
	color: #000;  
}

#ContentLeft dl	{
	margin: 0;
	padding: 0;
	}
	
#ContentLeft dt 	{
	font-weight: bold;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	padding-left: 15px;
	background-color: #FFFF99;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 1px;

}   
	
#ContentLeft dd 	{
	padding: 0;
	margin: 2px 0 10px 0;
	}  
/* header-nav */

#header ul {
    list-style: none;
	padding: 0;
	margin: 0;
}

#header li {
    width:100px;
	font-size: 9px;
	color: #FFFFFF;
	margin: 0;
	padding-left: 5px;
	padding-bottom: 0px;
}

#header ul li a{
    font-family:Verdana,Sans-serif;
	width: 100px;
	border-right: none;
	padding: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 9px;
	margin: 0;
	
}



/*CONTAINER OBJECTS
----------------------------------------------- */
#header{
background-color: #003366;
height: 105px;
margin: 0;
padding: 0;
}




#ContentLeft	{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFFFCC;
	text-decoration: none;
	font-size: 12;	
}

#maincontent {

border-right-style: solid;
border-right-color: #000000;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-left-width: 1px;
}

#ContentFooter{
	background-color: #003366;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 10px;


}
#left-column {
	width: 570px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	
}

#image-container {
    text-align: center;
}

#index-container {
width: 600px;
height: 325px;
background-color: #003366; 
margin: 2em auto;
padding: 0;
border: 1px solid #000;
}

#leftcol-index{
width: 150px;
padding-top: 20px;
text-align: left;

}


#midcol-index{
width: 250px;
border-left: 1px solid #fff;
padding-top: 20px;
text-align: left;
}

#rightcol-index{
width: 200px;
border-left: 1px solid #fff;


}

#index-header{
background-image:  url(/olc/images/SAI/indexheader.gif);
background-repeat: no-repeat;
height: 105px;
width: 600px;
border-bottom: 1px solid #fff;
}


/*HTML DEFINITIONS
----------------------------------------------- */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #003366;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #003366;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
}



h3 {

font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #003366;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	
}

p {

}

#left-column a{
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #003366;
}

#left-column ul {
font-family: verdana, arial, sans- serif;
font-size: 11px;
color: #333333;
margin: 0;
padding-left: 10px;
list-style: square;
list-style-position: inside;
width: 500;
}

#left-column li{
padding-bottom: 5px;
}

#left-column.nobullet ul {
list-style-image: none;
}

#ContentFooter a {
color: #fff;
text-decoration: none;
font-size: 10px;
}

#index-container ul{
list-style: none;
font-family: verdana, arial, sans-serif;
color: #FFFF99;
font-size: 14px;
font-weight: bold;
margin: 0;
padding-bottom: 20px;
padding-top: 0;
padding-left: 15px;;
padding-right: 0;
width: 100%;
}


#index-container ul li{
list-style: none;
font-weight: normal;
padding-top: 2px;

}

#index-container ul li a{
font-family: verdana, arial, sans-serif;
color: #fff;
font-size: 12px;
border-bottom: none;
text-decoration: none;
font-weight: normal;

}

#midcol-index ul li {
font-size: 10px;
}

#academy-nav,
#admissions-nav,
#alumnae-nav,
#athletics-nav,
#guidance-nav,
#library-nav,
#students-nav,
#parents-nav,
#staff-nav,
#giving-nav,
#quick-nav,
#news-nav{
display: none;
}

body.academy-section #academy-nav,
body.admissions-section #admissions-nav,
body.alumnae-section #alumnae-nav,
body.athletics-section #athletics-nav,
body.guidance-section #guidance-nav,
body.library-section #library-nav,
body.student-section #students-nav,
body.parent-section #parents-nav,
body.staff-section #staff-nav,
body.giving-section #giving-nav,
body.quick-section #quick-nav,
body.news-section #news-nav{
display: block;
}

body.academy-section #leftcol-index li#one a,
body.admissions-section #leftcol-index li#two a,
body.alumnae-section #leftcol-index li#three a,
body.athletics-section #leftcol-index li#four a,
body.guidance-section #leftcol-index li#five a,
body.library-section #leftcol-index li#six a,
body.student-section #leftcol-index li#seven a,
body.parent-section #leftcol-index li#eight a,
body.staff-section #leftcol-index li#nine a,
body.giving-section #leftcol-index li#ten a,
body.quick-section #leftcol-index li#eleven a,
body.news-section #leftcol-index li#twelve a{
color:  #FFFF99;
}

#address {
width: 165px;
text-align: left;
font-family: verdana, arial, sans-serif;
padding-right: 5px;
margin: 0;
}


#address h1{
font-size: 12px;
color: #fff;
padding: 0;
margin: 0;
font-family: arial, verdana, sans-serif;
}

#address h2{
font-size: 11px;
color: #fff;
padding: 0;
margin: 0;
font-family: arial, verdana, sans-serif;
font-weight: normal;
}

#midcol-index a:hover{
color:  #FFFF99;
}

.odd{
background: #FFFFCC;
padding-left: 10px;
}

.even{
background: #fff;
padding-left: 10px;
}

.athletic-info{
margin-top: 10px;
border: 1px solid #000;
}

.athletic-info h2{
padding-left: 10px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

.general-info{
margin-top: 10px;
border: 1px solid #000;
}

.general-info h2{
padding-left: 10px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}


#left-column ul{
width: 520px;
margin-top: 10px;
}

