@media all {

/*
Author: Adrian Santaella
Email: sana@gulliverschools.org
Company: Gulliver Schools
Year: 10/2009

Due to the length of the classes and ids, I have split the two apart and alphabetized them (tag names are ignored; i.e. div.activities will still come before .admissionBox, etc., this is for ease of searching). I think this will make it easier to search for the individual classes as needed and to add new ones.

In order to have the schoolfusion content access the CSS file, you must add this to the top of each page (current as of 10/2009): 

<link media="screen" type="text/css" href="/modules/groups/homepagefiles/cms/651377/File/stylesheet/customGS.css" rel="stylesheet" />

The HREF attribute is the most important but it is best practice to use all four attributes.
*/




/*=================================================================*/
/*=================================================================*/
/*============================ CLASSES ============================*/
/*=================================================================*/
/*=================================================================*/


/*= AAA ===========================================================*/

.activities {
list-style-type: none;
}

.activities h2 {
text-align: center;
}

.activities img {
border: 2px solid white;
}

.activitiesDIV {
border: 2px solid rgb(46, 112, 151);
margin: auto auto 20px;
padding: 5px;
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
overflow: auto;
width: 500px;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

.actList {
width: 600px;
margin: auto;
background: #eee;
border: 2px solid #2e7097;
padding: 10px;
}

.actList dd {
border-bottom: 1px solid black;
margin-bottom: 15px;
margin-left: 0;
font-size: 85%;
padding-bottom: 5px;
}

.actList dd.omega {
border-bottom: 0px;
}

.actList dh {
display: block;
text-align: center;
}

.actList dh, .actList dt {
font-weight: bold;
}

.actList dt {
margin-bottom: 10px;
}

.admissionBox {
background: #eee;
border: 2px solid #2e7097;
width: 620px;
padding: 20px;
margin: auto;
margin-bottom: 20px;
text-align: left;
}

.admissionBox dd {
margin-bottom: 10px;
}

.alphaSet {
background: #ccc;
font-weight: bold;
border-top: 1px solid #aaa;
}

/*= BBB ===========================================================*/

.bookstoreBox {
list-style-type: none;
}

.buildingProject {
width: 300px;
float: left;
margin-right: 20px;
border: 2px solid black;
padding: 10px;
}

/*= CCC ===========================================================*/

.clubBox {
border-top: 1px solid rgb(204, 204, 204);
margin: auto;
padding: 5px;
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
overflow: auto;
width: 650px;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

.clubBox h5 {
border-bottom: 1px solid rgb(85, 85, 85);
background: rgb(204, 204, 204) none repeat scroll 0% 0%;
width: 95%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
color: black;
}

.counselor div {
margin-left: 120px;
}

.counselor {
border-bottom: 1px solid #2e7097;
min-height: 120px;
padding-bottom: 10px;
}

/*= DDD ===========================================================*/

.donorBox {
background: #eee;
border: 1px solid #2e7097;
width: 400px;
margin: auto;
padding: 20px 40px;
text-align: center;
}

/*= EEE ===========================================================*/

.eventBox {
background: #eee;
border: 2px solid #2e7097;
padding: 5px 20px;
margin-bottom: 10px;
width: 550px;
}

.endowments {
width: 170px;
float: left;
margin-right: 20px;
border: 2px solid black;
padding: 10px;
}

/*= FFF ===========================================================*/

.faqBox {
border: 2px solid #2e7097;
margin: auto;
padding: 20px 40px;
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
width: 550px;
}

/*= GGG ===========================================================*/

.galleryList {
margin: 0pt;
padding: 0pt;
list-style-type: none;
}

.galleryList li {
line-height: 2em;
}

.galleryList li:hover {

}

.genListLeft {

}

.genListLeft li {
float: left;
width:230px;
font-size: 85%;
}

.genListLeft ul {
list-style-type: none;
}

.greyBox {
background: #eee;
border: 2px solid #2e7097;
width: 550px;
margin: auto;
padding: 20px 40px;
}

.greyBoxLeft, .greyBoxRight {
padding: 5px;
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
overflow: auto;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

.greyBoxLeft img {
border: 2px solid white;
margin: 0px 10px 10px 0px;
float: left;
}

.greyBoxRight img {
border: 2px solid white;
margin: 0px 0px 10px 10px;
float: right;
}

.greyBoxLeft p:first-child, .greyBoxRight p:first-child {
margin-top: 0px;
}

.guidanceBox {
list-style-type: none;
}

.guidanceOmega {
border-bottom: 0px;
}

/*= HHH ===========================================================*/

/*= III ===========================================================*/

.inqHeader {
background: #2e7097;
}

.inqHeader td{
color: white;
}

.soloIMGwhite {
border: 2px solid white;
margin: 0px 10px;
}

.soloIMGgrey {
border: 2px solid rgb(204, 204, 204);
margin: 0px 10px;
}

/*= JJJ ===========================================================*/

/*= KKK ===========================================================*/

/*= LLL ===========================================================*/

.lastP {
border-bottom: 1px solid black;
padding-bottom: 10px;
}

.leftContent {
width: 500px;
float: left;
}

.leftContentSm {
width: 450px;
float: left;
}

.leftIMG {
float: left;
border: 2px solid rgb(204, 204, 204);
margin: 0px 10px 10px 0px;
}

/*= MMM ===========================================================*/

/*= NNN ===========================================================*/

/*= OOO ===========================================================*/

.omega {
border: 0px;
}

/*= PPP ===========================================================*/

div.preprof {
width: 600;
background: #eee;
border: 2px solid #2e7097;
padding: 5px 20px;
margin: auto;
margin-bottom: 20px;
}

div.preprof img {
float: right;
border: 2px solid white;
margin-left: 10px;
margin-bottom: 10px;
}

div.preprof span {
font-size: 150%;
font-weight: bold;
}

div.preprofTXT {

}

/*= QQQ ===========================================================*/

/*= RRR ===========================================================*/

.returnBanner {
border-bottom: 1px solid rgb(204, 204, 204);
margin-bottom: 20px;
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
height: 30px;
width: 100%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

.returnBanner a {
text-align: center;
display: block;
padding-top: 5px;
font-weight: bold;
}

.rightIMG {
float: right;
border: 2px solid rgb(204, 204, 204);
margin: 0px 0px 10px 10px;
}

/*= SSS ===========================================================*/

.sideList {
float: right;
width: 160px;
margin-right: 10px;
padding: 10px;
background: #eee;
border: 2px solid #2e7097;
}

.sideList img {
border: 2px solid white;
margin-bottom: 5px;
}

.sideList li {
text-indent: 10px;
}

.sideList ul, .sideList2 ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.sideList2 {
float: right;
width: 200px;
margin-right: 10px;
padding: 10px;
background: #eee;
border: 2px solid #2e7097;
}

.sideList2 li {
margin-left: 10px;
line-height: 1.5em;
}

.sportTable {
border: 1px solid black;
width: 700px;
}

.sportTable td {
font-size: 85%;
}

.sportTable tr {
height: 1pt;
}

.sportTable tr:hover {
background: #eee;
}

div.spotlight {
background: #eee;
border: 2px solid #2e7097;
margin: auto;
margin-bottom: 20px;
padding: 10px 20px;
width: 550px;
}

div.spotlight img {
margin-right: 10px;
margin-bottom: 5px;
float: left;
}

div.spotlight li {
margin-bottom: 15px;
}

div.spotlight strong {
color: #2e7097;
}

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

/*= TTT ===========================================================*/

.tableHeader td {
background: #2e7097;
color: white;
font-weight: bold;
font-size: 115%;
}

.trBorder td {
border-bottom: 1px solid black;
}

table.tuitionTable {
width: 690px;
}

table.tuitionTable td {
font-size: 75%;
}

.teamPhotoBox {
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
overflow: auto;
padding: 5px;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

.teamPhotoBox img {
margin: 10px;
}

.teamPhotoBox table h3 {
margin: 0;
padding: 0;
}

.tdLeft {
text-align: left;
}

.tdRight {
text-align: right;
}

/*= UUU ===========================================================*/

/*= VVV ===========================================================*/

/*= WWW ===========================================================*/

/*= XXX ===========================================================*/

/*= YYY ===========================================================*/

/*= ZZZ ===========================================================*/







/*=================================================================*/
/*=================================================================*/
/*============================ IDS ================================*/
/*=================================================================*/
/*=================================================================*/

/* I didn't alphabetize this list because it's short. */

ul#alphaList {
background: #eee;
border: 1px solid #ccc;
width: 650px;
margin: auto;
padding: 0;
text-align: center;
overflow: hidden;
}

ul#alphaList li {
float: left;
width: 25px;
}

ul#alphaList li a {
display: block;
}

ul#alphaList li a:hover {
background: #2e7097;
color: white;
}

#building {
list-style-type: none;
overflow: auto;
margin:0;
padding: 0;
}

ul#campusInfo {
list-style-type: none;
line-height: 18px;
}

div#campusInfoDiv {
margin-bottom: 20px;
}

#coachesTable {
width: 700px;
}

#coachesTable tr:hover {
background: #eee;
}

#coachesTable tr.seasonRow, #coachesTable tr.seasonRow:hover {
background: #ddd;
}

#coachesTable tr.tableTop {
background: #2e7097;
}

#coachesTable tr.tableTop:hover {
background: #2e7097;
}

#coachesTable tr.tableTop td {
color: #fff;
font-size: 115%;
font-weight: bold;
}

#coachesTable tr.titleRow {
background: #ddd;
font-weight: bold;
}

#coachesTable tr.titleRow:hover {
background: #ddd;
}

table#directions thead tr {
background: #2e7097;
color: white;
text-align: center;
}

table#directions tbody tr:hover {
background: #eee;
color: #2e7097;
}

table#directions tbody tr td {
font-size: 85%;
padding: 5px;
}

#events {
list-style-type: none;
margin: auto;
}

#establishedEndowments {
list-style-type: none;
overflow: auto;
}

#fbBanner {
border: 2px solid #2e7097; 
margin: auto;
padding: 15px 20px;
background: rgb(221, 221, 221) none repeat scroll 0% 0%;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial; width: 90%;
}

#fbBanner img {
padding-right: 10px;
}

#fbBanner p {
margin: 0;
padding: 0;
}

#foodMenus {
width: 500px;
margin:auto;
}

#foodMenus h4 {
border-bottom: 2px solid rgb(204, 204, 204);
padding: 5px;
background: rgb(238, 238, 238) none repeat scroll 0% 0%;
margin-bottom: 0.4em;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

#foodMenus li {
padding-left: 10px;
}

#foodMenus ul {
margin: 0pt; 
padding: 0pt; 
list-style-type: none;
}

#foodServicesOverview {
width: 450px;
margin-right: 25px;
float: left;
}

#gallery {
width: 190px;
padding-right: 10px;
float: left;
}

#gallery h4{
margin: 0;
padding: 0;
margin-bottom: 1em;
}

div#legendDiv {
float: right;
padding:5px;
margin-bottom: 10px;
}

#libStaffList li {
list-style-type: none;
}

#libStaffList h4 {
color: #2e7097;
margin:0;
padding:0;
}

#legend tbody tr td {
font-size: 75%;
}

#legend thead th {
background: #2e7097;
border-bottom: 2px solid black;
color: #fff;
text-align: center;
}

#sportAccomp {
width: 680px;
}

#sportAccomp h2 {
margin: auto;
text-align: center;
}

#sportAccomp p {
background: #eee;
border: 1px solid #2e7097;
padding: 10px;
margin: 10px;
}

#sportAccomp p strong {
font-size: 14px;
}


/* this code will change the spacing of text where 
text is wrapped by a DIV tag with ID of pageContent 

#pageContent {
line-height: 1.4em;
}
*/


/*=================================================================*/
/*=================================================================*/
/*================= SPECIAL MENU STYLE CHANGES ====================*/
/*=================================================================*/
/*=================================================================*/

/* NOTE: When adding new sub menus these are the options that will style and modify these. The col2, col3, col4, and col5 are classes that determine the number of rows in the submenus. I usually start with a col 4, but if a menu item is too long to fit on one line I start reducing until I get it right. I added the col5 just in case. Also, it looks better when the menus have full columns, but sometimes this is unavoidable.*/

.col2 ul li {
width: 50%;
}

.col3 ul li {
width: 33.333%;
}

.col4 ul li {
width: 25%;
}

.col5 ul li {
width: 20%;
}

.specialColor {
color: #2e7097;
}

#h1cust {
color: #2e7097;
margin-bottom: 0;
}

#menuContent {
background: #eee;
border: 2px solid #2e7097;
width: 100%;
}

#menuContent a {
text-decoration: none;
color: #2e7097;
display: block;
padding: 5px 5px;
}

#menuContent a:hover, #menuContent a:focus {
color: white;
background: #2e7097;
}

#menuContent ul {
list-style-type: none;
overflow: auto;
padding: 0;
margin: 0;
}

#menuContent ul li {
float: left;
color: #2e7097;
font-size: 12;
overflow: hidden;
font-weight: bold;
}

#menuDiv {
margin: 0;
padding: 0;
width: 700px;
}

/*======END MENU STYLE CHANGES======*/

}