/* CSS Document */
/*
CSS Styles for St. Phillips
Main Document
*/

* {
  margin: 0;
  padding: 0;
  
}

html, body {
  /* Need to set body margin and padding to get consistency between browsers. */
  margin:0px;
  padding:0px;
  text-align:left; /* Hack for IE5/Win */
  
  background-color: #04385a;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size:10px;

}

p {
	color:#fff;
	font-size:12px;
}

a{
color:blue;
	font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-size:14px;
}
img {
  border: none;
}
input, textarea, select {
  font: 10px Helvetica, Arial, sans-serif;
}

table, tr, td, th, ul, li{
	margin:0px;
	padding:0px;
}
#wrapper{
	height:100%;
}
#mainContainer{
	background-image:url(../img/common/bk_gradient.jpg);
	background-repeat:repeat-y;
	width:875px;
	padding-left:50px;
	height:100%;
	}
	
#mainHeader{
	text-align:left;
	clear:both;
	height:100%;
}

#mainContent{
	text-align:left;
	clear:both;
	height:100%;
}

#mainContent td{
	vertical-align:top;
}


/* Styles for Top Colored Bar */
#topBar{
	background-image:url(../img/common/redheader.gif);
	background-repeat:no-repeat;
	height:20px;
	text-align:left;
	padding:2px 20px 0 30px;

}

#topBar .linksRight{
	padding-right:75px;
	margin-top:-14px;
	float:right;
}	

#topBar p {
 font-size:10px;
}

#topBar a{
	padding:0 15px;
	text-decoration:none;
 	font-size:11px;
 	color:#FFFFFF;
 	font-weight:bold;
}

#topBar a:hover{
 color:#04385a;
}

/* Styles for Bottom Colored Bar */
#btmBar{
	background-image:url(../img/common/redfooter.gif);
	background-repeat:no-repeat;
	height:20px;

	text-align:left;
	padding:0 20px;
}

#btmBar a{
	padding:0 15px;
	text-decoration:none;
 	font-size:11px;
 	color:#FFFFFF;
 	font-weight:bold;
}

#btmBar a:hover{
 color:#04385a;
}

#btmBar .linksRight{
	padding-right:75px;
	margin-top: 2px;
	float:right;
}


/**************  Main Header Top Nav *********************************************************************************/
/*********************************************************************************************************************/

#topNav{
margin-top:15px;

}
#topNav ul
{
margin-left: 0;
padding:40px 15px 5px 35px;
white-space: nowrap;
}

#topNav li
{
display: inline;
font-size:12px;
list-style-type: none;
}

#topNav a { padding: 2px 5px;}


/*
#topNav a:link, #topNav a:visited
{
color:#666666;
text-decoration: none;

}

#topNav a:hover
{
color:#FFF;
text-decoration: none;
}
*/

#topNav a img {height: 36px; width: 169px; border-width: 0;}

#topNav a#community img {background: url(../img/topNav/community_01.jpg) top left no-repeat;}
#topNav a#giving img {background: url(../img/topNav/giving_01.jpg) top left no-repeat;}
#topNav a#stPhillips img {background: url(../img/topNav/stPhillips_01.jpg) top left no-repeat;}

#topNav a#community:hover img {background: url(../img/topNav/community_02.jpg) top left no-repeat;}
#topNav a#giving:hover img {background: url(../img/topNav/giving_02.jpg) top left no-repeat;}
#topNav a#stPhillips:hover img {background: url(../img/topNav/stphilips03.jpg) top left no-repeat;}

#topNav a#community.selected img {background: url(../img/topNav/community_02.jpg) top left no-repeat;}
#topNav a#giving.selected img {background: url(../img/topNav/giving_02.jpg) top left no-repeat;}
#topNav a#stPhillips.selected img {background: url(../img/topNav/stphilips03.jpg) top left no-repeat;}

/*****************************************************************************************************************************************************/


/**************  Side Navigation ********************************************************************************************************************/
/****************************************************************************************************************************************************/



#sideNav{
width:183px;
padding-top: 2em;
}

#sideNav ul
{
margin-left: 0;
padding:0px 10px 5px 15px;
white-space: nowrap;
}

#sideNav li
{
/*display: inline;*/
font-size:12px;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
}

#sideNav a
{
display:block;
padding: 5px;
border:transparent 1px solid #09537F;
color:#fff;
text-decoration: none;
text-transform:uppercase;
margin-bottom:0;
#margin-bottom:0;
_margin-bottom:-15px;
}

#sideNav p
{
padding-bottom:10px;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration: none;
text-transform:uppercase;
}

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

#sideNav a:hover
{
border:#8D2721 1px solid;
background-color:#467d9e;
color:#8D2721;
text-decoration: none;
}

#mainContent #sideNav li a.selected
{
border:#8D2721 1px solid;
background-color:#467d9e;
color:#8D2721;
text-decoration: none;
}

#sideNav #subSideNav{
margin-top:0px;
}

#sideNav #subSideNav ul
{
margin-left: -7px;
padding:0px 0px 0px 25px;
white-space: nowrap;
margin-top:0;
#margin-top:0;
_margin-top:15px;
}

#sideNav #subSideNav li
{
	/*display: inline;*/
	list-style-image:url(../img/common/maroonbullet.jpg);
	font-size:12px;
	text-align: left;
}

#sideNav #subSideNav a
{
border: none;
color:#fff;
text-decoration: none;
}

#sideNav #subSideNav a:hover
{
border: none;
background-color:transparent;
color:#8D2721;
text-decoration: none;
}


/**************************** ALTERNATE SIDENAV ROLLOVERS ****************************************/

#sideNav.green a
{
display:block;
padding: 5px;
border:invisible 1px solid;
color:#3bd14b;
text-decoration: none;
text-transform:uppercase;
margin-bottom:0;
#margin-bottom:0;
_margin-bottom:-15px;
}

#sideNav.green a:link, #sideNav.green a:visited
{
color:#fff;
text-decoration: none;
}

#sideNav.green a:hover
{
border:#3bd14b 1px solid;
background-color:#467d9e;
color:#3bd14b;
text-decoration: none;
}

#mainContent #sideNav.green li a.selected
{
border:#3bd14b 1px solid;
background-color:#467d9e;
color:#3bd14b;
text-decoration: none;
}

#sideNav.green #subSideNav li
{
	/*display: inline;*/
	list-style-image:url(../img/common/yellowbullet.jpg);
	font-size:12px;
}

#sideNav.green #subSideNav a:hover
{
border:transparent 1px solid;
background-color:transparent;
color:#3bd14b;
text-decoration: none;
}


/*MAKE FOR IE6 ONLY!*/

#sideNav.purple li
{
}

#sideNav.purple a
{
display:block;
padding:5px;
border:invisible 1px solid;
color:#d88dff;
text-decoration: none;
text-transform:uppercase;
margin-bottom:0;
#margin-bottom:0;
_margin-bottom:-15px;
}



#sideNav.purple a:link, #sideNav.purple a:visited
{
color:#fff;
text-decoration: none;
}

#sideNav.purple a:hover
{
border:#d88dff 1px solid;
background-color:#467d9e;
color:#d88dff;
text-decoration: none;
}

#mainContent #sideNav.purple li a.selected
{
border:#d88dff 1px solid;
background-color:#467d9e;
color:#d88dff;
text-decoration: none;
}

#sideNav.purple #subSideNav li
{
	/*display: inline;*/
	list-style-image:url(../img/common/purplebullet.jpg);
	font-size:12px;
}

#sideNav.purple #subSideNav a:hover
{
background-color:transparent;
color:#d88dff;
text-decoration: none;
}

/**************************** MAIN CONTENT *******************************************************/
p.mission {
  width: 560px;
  padding: 5px;
  text-align: center;
}

#maintext {
}

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

#maintext li.firstsize1
{
background-image:url(../img/giving/headercrop4.gif);
height:29px;
}

#maintext li p.title
{
font: medium Georgia, Times New Roman, Serif;
font-weight: bold;
padding: 11px 0 0 11px;
}

#maintext li.firstsize2
{
height: 47px;
}

#maintext li.main
{
background-color:#98C9EA;
width:409px;
padding: 20px 9px 0 9px;
}

#maintext li.cropityourself
{
background-color:#98C9EA;
padding: 20px 0 0 0;
width:427px;
}

#maintext li.main p{
color: black;
font: small Georgia, Times New Roman, Serif;
line-height: 1.5em;
vertical-align: top;
}

#maintext li.main p.nestedlist li{
list-style-type: disc;
}

#maintext li.main p.subhead{
font-weight: bold;
}

#maintext li.main p.fineprint{
font-style: italic;
padding-top: 50px;
}

#maintext li.main p.nospaceheadings:first-line {
font-weight:bold;
}

#maintext li.main p.nospaceheadingsu:first-line {
font-weight:bold;
text-decoration: underline;
}

#maintext li.vidmain
{
background-color:#98C9EA;
width:427px;
padding: 20px 0 0;
}

#h, #e, #l, #p {
color: blue;
font-weight: bold;
}

#maintext li.last
{
background:url(../img/giving/givingtextbottom.gif) no-repeat;
height:32px;
}

.rightcolumn
{
margin-left: 6px;
}

#smallflash
{
margin-left: 6px;
border: 1px solid black;
}

img.rightcolumnnoborder
{
margin: 6px 0 0 6px;
}

img.bumpover
{
margin-left:4px;
}

.rightcolumn 
{
/*float: right;*/
}

.rightcolumnnoborder 
{
/*float: right;*/
}

#classrooms, #staff, #staff2
{
font: medium Georgia, Times New Roman, Serif;
color: black;
}

#staff tr{
/*height: 6.5em;*/
}

#staff2 tr{
/*height:9em;*/
}

#classrooms td
{
padding-bottom: 16px;
text-align: left;
width: 150px;
}

#classrooms
{
padding: 1px;
width: 305px;
margin: 0 50px;
font-size:12px;
}

#classroomsnb
{
border: none;
padding: 1px;
width: 405px;
margin: 0 1px;
}

/*#classrooms table.board{
margin-left: -100px;
}*/

/*#classrooms table.board td
{
width: 250px;
}*/

#classrooms #three
{
width: 150px;
text-align: center;
}

#classrooms table.blue td
{
color: #000066;
}

#maintext li.main p.caption{
text-align: center;
padding: 15px 0;
font-weight: bold;
color: #000066;
text-decoration:underline;
}



/**************************** FACULTY ****************************************************/

#maintext img.bigfloat
{
float: left;
margin: 0 1em 1em 0;
}

#maintext img.closeup 
{
float: left;
margin: 0 5px 0 0;
}

#maintext li.mainfac
{
background-color:#98C9EA;
width:409px;
padding: 0 9px 25px 9px;
}

#maintext li.mainfacshort
{
background-color:#98C9EA;
width:409px;
padding: 0 9px 0 9px;
}

#maintext li.mainfac p, #maintext li.mainfacshort p
{
color: black;
font: small Georgia, Times New Roman, Serif;
line-height: 1.5em;
vertical-align: top;
}

#maintext li.mainfac p.subhead, #maintext li.mainfacshort p.subhead
{
font-weight: bold;
padding-top: 20px;
}

#maintext li.last
{
background:url(../img/giving/givingtextbottom.gif) no-repeat;
height:32px;
}


/**************************** NEWS *******************************************************/

#Calendar{
width:285px;
}

#Calendar ul
{
margin-left: 0;
/*white-space: nowrap;*/
position: relative;
}

#Calendar li
{
/*display: inline;*/
padding:4px;
font-size:12px;
list-style-type: none;
background:url(../img/common/listBoxGrey.jpg) top left repeat-y;
background-color:#6a8092;
}

#Calendar li.first
{
	background:url(../img/common/listBoxTop.jpg) bottom left no-repeat;
	height:5px;
}

#Calendar li.odd
{
	background:url(../img/common/listBoxBlue.jpg) top left repeat-y;
}

#Calendar li.last
{
	background:url(../img/common/listBoxBtm.jpg) top left no-repeat;
	height:5px;
}

#Calendar li p
{
padding-left:15px;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration: none;
text-transform:uppercase;
}

#Calendar li p.right
{
text-align: right;
margin: 0 0 -15px 0;
font-weight: normal;
padding: 0;
}

#Calendar li div.date
{
margin-top:-15px;
padding-right:5px;
text-align:right;
font-size:12px;
font-weight:normal;
color:#fff;
text-decoration: none;
text-transform:uppercase;
}

#Calendar li div.ac
{
font-size:12px;
padding-right: 5px;
text-align: right;
font-weight:bold;
color:#fff;
text-decoration: none;
text-transform:uppercase;
}

#Calendar li p.pdl {
font-weight: normal;
}

#Calendar li a.pdl2{
color:#fff;
text-decoration: none;
text-transform:uppercase;
}

#Calendar a.pdl2:hover
{
color:#04385a;
text-decoration: none;
}

#Calendar a.pdl3:hover
{
color:#04385a;
text-decoration: none;
}

#Calendar a:link, #Calendar a:visited
{
color:#fff;
text-decoration: none;
}

/**************************** FEE SCHEDULE TABLE *******************************************************/

#feeschedule
{
font: medium Georgia, Times New Roman, Serif;
font-size:12px;
color: black;
border: 0px 
padding: 5px;
width: 250px;
margin: 0 50px;
}


feeschedule td
{
height:18px;
padding-bottom: 5;
border: 0px
text-align: left;
width: 125px;
}

/**************************** TEACHERS TABLE *******************************************************/

#teachers
{
align: center;
font: medium Georgia, Times New Roman, Serif;
font-size:12px;
color: black;
border: 0px 
padding: 0px;
width: 400px;
margin: 0px;
}


#teachers td
{
height:30px;
vertical-align:middle;
padding-bottom: 1;
border: 0px;
text-align: center;
}

#teachers-middle
{
width: 400px;
align: center;
font: medium Georgia, Times New Roman, Serif;
font-size:12px;
color: black;
border: 0px;
padding: 0px;
margin: 0px;
}


#teachers-middle td
{
line-height:22px;
padding-bottom:25px;
border: 0px;
text-align: center;
vertical-align:top;
}