/* =====================================================================================
	Title:			styleEganCommon.css
	Author: 		Mary Rye (www.dancingsun.com)
	Created: 		July 14, 2007
	Website designed and created by Mary C. Rye/Dancing Sun Digital
www.dancingsun.com
Website Design Copyright © 2007 Mary C. Rye
======================================================================================== */


/* =====================================================================================
Global reset Based upon 'reset.css' in the Yahoo! User Interface Library: 
http://developer.yahoo.com/yui
======================================================================================== */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td 
{ margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* =====================================================================================
	Restore selected Global defaults
======================================================================================== */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* display links over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */



/* =====================================================================================
	Basic layout styles
======================================================================================== */

h1 { font:24px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif bold; margin:60px 0 2px 0; color:#FFF }
h2 { font:20px/20px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif bold; margin:50px 0 2px 0; color:#FFF }
h3 { font:18px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif bold; margin:50px 0 2px 0; color:#FFF }
h4 { font:16px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif bold; margin:40px 0 2px 0; color:#FFF }

body, h4, p, li, dt, dd, label, input, textarea { 
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif ;
}

body { 
	background:#FFF; 
	text-align:center;
}

h4 {
	font-size:12px; 
	line-height:18px; 
	color:#FFF;
}

/* light blue text */
li, dt, dd, label {
	font-size:12px; 
	line-height:16px; 
	/*color:#8397BD;*/
	color:#CCCCCC;
} 

/* white non-anchor text */
p { 
	margin: 0px 0px 5px 0;
	padding-left: 5px;
	color:#FFF;
	font-size:12px; 
	line-height:18px;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif ;
}

/* form input area */
input, textarea {
	font-size:11px; 
	color:#000; 
	padding:2px;
}

/* dark blue anchor */
a {
	color:#24A5FF; 
	text-decoration:none;
}   

/* light blue hover anchor*/
a:hover { 
	color:#33FFFF;
	border-bottom:1px solid #FFF; 
	padding:0;
}  



/* =====================================================================================
	General Content Layout style
======================================================================================== */


div#wrapper { 
	width:920px; 
	margin:-80px auto 0 auto; 
	padding:0; 
	text-align:left; 
	position:relative 
}

div#container { 
	width:920px; 
	margin:-80px auto 0 auto; 
	padding:0; 
	text-align:left; 
	position:relative;
}

br.containerEnder { clear:both; border:none; height:0 }  /* clears float before footer */





/* =====================================================================================
	MASTHEAD and FOOTER BRANDING style
======================================================================================== */

/* Egan logo image in masthead */
h1.title a {
	text-indent:-9999px;
	width:267px;
	height:120px;
	position:absolute;
	top:50px;
	left:-25px;
	overflow:hidden;
	display:block;
	border:none;
	background-image: url(http://www.eganschool.org/images/eganLogoMast.png);
	background-image: url(http://www.eganschool.org/images/eganLogoMast.png); 
}

h1.title a:hover { 
	border:none; 
}

/* First Set Masthead Images for Index 1 */
p.mastImageHome {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageHome.png);}
p.mastImageCalendar {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageCalendar.png);}
p.mastImageAbout {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageAbout.png);}
p.mastImageAdmin {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageAdmin.png);}
p.mastImagePolicy {text-indent:-9999px;width:180px;height:114px;position:absolute;top:53px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImagePolicy.png);}
	

/* Second Set Masthead Images for Index 2 */
p.mastImagePowerschool {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImagePowerschool.png);}
p.mastImageTeachers {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageTeachers.png);}
p.mastImageStudents {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageStudents.png);}
p.mastImageSports {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageSports.png);}
p.mastImageActivities {text-indent:-9999px;width:180px;height:114px;position:absolute;top:53px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageActivities.png);}
	

/* Third Set Masthead Images for Index 3 */
p.mastImageContacts {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageContacts.png);}
p.mastImageParents {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageParents.png);}
p.mastImageEasing {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageEasing.png);}
p.mastImageHighschool {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageHighschool.png);}
p.mastImageWebsite {text-indent:-9999px;width:180px;height:114px;position:absolute;top:53px;left:735px;overflow:hidden;display:block;border:none;
	background-image: url(http://www.eganschool.org/images/mastImageWebsite.png);}
	

div#mastheadWrapper { 
	width:100%;  
	margin:0; 
	padding:1px 0 0 0;
} 

html>body div#mastheadWrapper { 
	background:url(http://www.eganschool.org/images/mastheadBackground.png) center left repeat-x 
}  /* IE quirks */


div#mastheadContent { 
	width:890px; 
	height:230px; 
	margin:-60px auto 0 auto; 
	padding:0; 
	text-align:left; 
	position:relative 
}

/* -------------------------------------------------------------------------------------
	Masthead & Footer MAIN NAVIGATION index
   ------------------------------------------------------------------------------------- */

/* GOLD nav color*/
ul.navIndex1Head {width:300px; height: 100px; position: absolute; top: 60px; left:180px;}
ul.navIndex1Head li {font-size: 13px; line-height: 20px; color:#9FA16F;}
/*
ul.navIndex1Head li a {font-size: 13px; line-height: 20px; color:#000; }
ul.navIndex1Head li a:hover {color:#000; border-bottom:1px solid #FFF; padding:0 0 1px 0;}
*/

ul.navIndex2Head {width:300px; height: 100px; position: absolute; top: 60px; left:400px; }
ul.navIndex2Head li { font-size: 13px; line-height: 20px;  color:#9FA16F; }
/*
ul.navIndex2Head li a { font-size: 13px; line-height: 20px; color:#9FA16F; }
ul.navIndex2Head li a:hover {color:#0CDDEA; border-bottom:1px solid #FFF; padding:0 0 1px 0; }
*/
ul.navIndex3Head {
	width:300px;
	height: 100px;
	position: absolute;
	top: 60px;
	left:565px;
}
ul.navIndex3Head li { font-size: 13px; line-height: 20px; color:#9FA16F;}
/*
ul.navIndex3Head li a { font-size: 13px; line-height: 20px; color:#9FA16F;}
ul.navIndex3Head li a:hover { color:#0CDDEA; border-bottom:1px solid #FFF; padding:0 0 1px 0; }
*/
ul.navIndex1Foot {width:300px; height: 100px; position:absolute; top:125px; left:120px;}
ul.navIndex1Foot li {font-size: 13px; line-height: 20px; color:#9FA16F; }
/*
ul.navIndex1Foot li a {font-size: 13px; line-height: 20px;color:#9FA16F; }
ul.navIndex1Foot li a:hover {color:#0CDDEA; border-bottom:1px solid #FFF; padding:0 0 1px 0;}
*/
ul.navIndex2Foot {width:300px; height: 100px; position:absolute; top:125px; left:340px; }
ul.navIndex2Foot li { font-size: 13px; line-height: 20px;  color:#9FA16F; }
/*
ul.navIndex2Foot li a { font-size: 13px; line-height: 20px;  color:#9FA16F;}
ul.navIndex2Foot li a:hover {color:#0CDDEA; border-bottom:1px solid #FFF; padding:0 0 1px 0; }
*/
ul.navIndex3Foot {width:300px; height: 100px; position:absolute; top:125px; left:500px; }
ul.navIndex3Foot li { font-size: 13px; line-height: 20px; color:#9FA16F;}
/*
ul.navIndex3Foot li a { font-size: 13px; line-height: 20px; color:#9FA16F; }
ul.navIndex3Foot li a:hover { color:#0CDDEA; border-bottom:1px solid #FFF; padding:0 0 1px 0; }
*/


/* set up 'Active' page status in Navigation index */
/*li.navHome a:active, li.navIndex a:active, li.navCalendar a:active, li.navAbout a:active, li.navAdmin a:active, li.navPolicy a:active,
li.navPowerschool a:active, li.navTeachers a:active, li.navStudents a:active, li.navSports a:active, li.navActivities a:active,
li.navContacts a:active, li.navParents a:active, li.navEasing a:active, li.navHighschool a:active,li.navWebsite a:active { 	
	font-weight: bold; color:#00F0FF; border-bottom:2px solid #FFF; } */
	
li.navHome a:active, li.navIndex a:active {font-weight: bold; color:##00F0FF; border:none;}
li.navCalendar a:active, li.navAbout a:active, li.navAdmin a:active, li.navPolicy a:active,
li.navPowerschool a:active, li.navTeachers a:active, li.navStudents a:active, li.navSports a:active, li.navActivities a:active,
li.navContacts a:active, li.navParents a:active, li.navEasing a:active, li.navHighschool a:active,li.navWebsite a:active { 	
	font-weight: bold; color:#00F0FF; border-bottom:2px solid #FFF; }	
	
body.pageHome li.navHome a { font-weight: bold; color:#00F0FF; border:none;}
body.pageCalendar li.navCalendar a { font-weight: bold; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageAbout li.navAbout a { font-weight: bold; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageAdmin li.navAdmin a { font-weight: bold; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pagePolicy li.navPolicy a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pagePowerschool li.navPowerschool a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageTeachers li.navTeachers a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageStudents li.navStudents a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageSports li.navSports a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageActivities li.navActivities a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageContacts li.navContacts a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageParents li.navParents a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageEasing li.navEasing a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageHighschool li.navHighschool a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }
body.pageWebsite li.navWebsite a { font-weight: 800; color:#00F0FF; border-bottom:2px solid #FFF; }


/* -------------------------------------------------------------------------------------
	Masthead Photo slideshow
   ------------------------------------------------------------------------------------- */

div#home_mastShow {/*text-indent:-9999px;*/width:180px;height:114px;position:absolute;top:54px;left:735px;/*overflow:hidden;display:block;border:none;background-image: url(http://www.eganschool.org/images/mastImageHome.png);*/}			

div#home_columnShow {text-indent:-9999px;width:180px;height:114px;position:absolute;top:50px;left:735px;overflow:hidden;display:block;border:none;/*background-image: url(http://www.eganschool.org/images/mastImageHome.png);*/}			

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

div#footerWrapper { 
	width:100%; 
	height:360px; 
	margin: 5px 0 0 0; 
}

html>body div#footerWrapper { background:url(http://www.eganschool.org/images/mastheadBackground.png) center left repeat-x; } /* IE quirks */

/*div#footerContent { 
	width:890px; 
	height:220px; 
	margin:0 auto; 
	padding:136px 0 0 0; 
	text-align:left; 
	position:relative;  
}*/

div#footerContent { 
	width:890px; 
	height:220px; 
	margin:0 auto; 
	padding:136px 0 0 0; 
	text-align:left; 
	position:relative;  
}

/* top of page button */
p.topOfPageButton { padding:15px 0 0 0 }

a.topOfPageButton { 
	margin:15px 400px 100px 0; 
	background:url(http://www.eganschool.org/images/button-top.png) top left no-repeat; 
	width:51px; 
	height:20px; 
	text-indent:-9999px; 
	display:block;
}

/* hide button from IE */
html>body a.topOfPageButton { 
	margin:25px 400px 100px 0; 
	background:url(http://www.eganschool.org/images/button-top.png) top left no-repeat; 
	width:51px; 
	height:20px; 
	text-indent:-9999px; 
	display:block;
}

a.topOfPageButton:hover { 
	height:20px; 
	border:none ;
}

html>body a.topOfPageButton:hover { 
	height:20px; 
	border:none ;
}


/* copyright info */
p.copyrightInfo { 
	position:absolute; 
	top:132px; 
	left:650px; 
	width:250px ; 
	color:#24A5FF; 
	text-align: right;
}

/* =====================================================================================
	HOMEPAGE Specific styles
======================================================================================== */

body.pageHome div#container { 
	width:920px; 
	padding:0 0 0 0px ;
	margin-left: -15px;
}


/* -------------------------------------------------------------------------------------	 
	Homepage global H3 style for topic headings
   ------------------------------------------------------------------------------------- */

body.pageHome div#container h3 { 
	margin: 20px 0 0px 0; 
	font-size: 95%;
	font-weight: bold;
}  


body.pageHome div#container h3 a { 
	font-weight: bold;	
	color:#FFF;
}

body.pageHome div#container h3 a:hover { 
	color:#0CDDEA; 
	border-bottom:1px solid #FFF; 
	padding:0 0 1px 0; 
	font-weight: bold;
}



/* -------------------------------------------------------------------------------------	 
	News & Events Column: 3 sections: 1) Upcoming Egan Events 2) What's New 3) Upcoming Commmunity Events column
   ------------------------------------------------------------------------------------- */

div#newsEventsColumn {
	width:300px; 
	float:left; 
	margin: 50px 15px 0 8px;
}


div#newsEventsColumn h2, div#newsEventsColumn h3 {
	font-weight: bolder;
	letter-spacing: 1px; 
	font-size: 95%;
	padding-bottom: 5px;
	margin-top: 5px;
}



p.postdate {
	line-height:16px; 
	font-size: 11px; 
	color:#CCC;
	padding: 0 0 0 13px;
}


div#newsEventsColumn li {
	/* font-weight: bold; */
	line-height:16px; 
	list-style:none; 
	padding: 5px 0px 0px 10px; 
	font-size: .85em;
	text-indent: -1em;
}

div#upcomingEganEvents ul.newsItem li a {
	color:#24A5FF; 
	font-weight:bold;
	padding:0 0 1px 0;
}

div#upcomingEganEvents ul.newsItem li a:hover {
	/*color:#0CDDEA;*/ 
	color:#33FFFF;
	border-bottom:1px solid #FFF;
	font-weight:bold; 
	padding:0 0 1px 0;
}

/* nested lists within newsItem list */
div#newsEventsColumn ul.nestedList {
	font-size: 12px; 
	/* font-weight:bold; */ 
	padding: 8px 0 0 0; 
}

div#newsEventsColumn ul.nestedList p { 
	padding: 0px 0px 0px 13px;
	color:#FF9900;
}

div#newsEventsColumn ul.nestedList li {
	list-style: disc; 
	font-size: 11px;
	margin: -.5em 0 0 1.2em;
	color:#FF9900;
}

.topHeading {
	color:#0CDDEA; 
	padding:0 0 1px 0; 
}

div#whatsNew, div#upcomingEganEvents, div#upcomingCommEvents {
	width: 280px;
 	margin: 10px 0px 0px 0px; 
	padding: 0 5px 0 15px;
}

/* -------------------------------------------------------------------------------------
	H3 header style for sub columns
---------------------------------------------------------------------------------------- */


body.pageHome div#eganMainColumn h3,
body.pageHome div#eganMainColumn_showIndex h3 
/*body.pageHome div#eganMainColumnSub_showIndex h3*/ { 
	margin: 20px 0 0px 0; 
	font-size: 95%;
	font-weight: bold;
}  


/* -------------------------------------------------------------------------------------
	Homepage 1) Upcoming Egan Events section in NewsEvents Column
---------------------------------------------------------------------------------------- */

div#upcomingEganEvents {
	color: #F1A629; 
	border: 1px #F1A629 dotted;
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat;
	padding-bottom: 10px;   
}

div#upcomingEganEvents h2, div#upcomingEganEvents h3 {
	color:#F1A629;   /*dull green*/
	font-size: 95%;
}

div#upcomingEganEvents li {
	color: #F1A629;;  /*dull green*/
}
 
/*div#upcomingEganEvents li a {font-style: bold;color: #F1A629;}/*


/*div#upcomingEganEvents li a:hover {
	color:#33FFFF;  
	border-bottom:1px solid #FFF; 
	padding:0 0 1px 0;
}*/


div#upcomingEganEvents ul.nestedList { 
	color: #F1A629;
}
 

/* -------------------------------------------------------------------------------------
	Homepage 3) Upcoming Community Events in NewsEvents Column
---------------------------------------------------------------------------------------- */

div#upcomingCommEvents ul.newsItem li a {
	color:#24A5FF; 
	font-weight:bold;
	padding:0 0 1px 0;
}

div#upcomingCommEvents ul.newsItem li a:hover {
	/*color:#0CDDEA;*/ 
	color:#33FFFF;
	border-bottom:1px solid #FFF;
	font-weight:bold; 
	padding:0 0 1px 0;
}


div#upcomingCommEvents {
	color: #89C300; 
	border: 1px #89C300 dotted;
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat;
	padding-bottom: 10px;    
}

div#upcomingCommEvents h2, div#upcomingCommEvents h3 {
	color:#89C300; 
	font-size: 85%;
}
   

div#upcomingCommEvents li {
	color: #89C300;
	padding-left: 5px;
}
 
div#upcomingCommEvents li a {font-weight:bold; color:#89C300;}

div#upcomingCommEvents li a:hover {
	/*color:#0CDDEA;*/color:#33FFFF;  
	border-bottom:1px solid #FFF; 
	padding:0 0 1px 0;
}

div#upcomingCommEvents ul.nestedList { 
	color: #89C300;
}



/* -------------------------------------------------------------------------------------
	Homepage >> SLIDESHOW VIEW 1) Main Egan Info Column
---------------------------------------------------------------------------------------- */


div#eganMainColumn { 
	width:180px;  
	float:left; 
	margin:60px 0 -5px 0px;
	padding:0 10px 0 0px;	
}

/* sizing for all h3 white headers for home slideshow page */
div#eganMainColumn h3 a { 
	font-size:85%;
}


/* -------------------------------------------------------------------------------------
	Homepage >> SHOW INDEX VIEW 1) Main Egan Info Column
---------------------------------------------------------------------------------------- */


div#eganMainColumn_showIndex { 
	width:180px;  
	float:left; 
	margin:60px 0 -5px 0px;
	padding:0 10px 0 0px;	
}


/* sizing for all h3 white headers for home slideshow page */
div#eganMainColumn_showIndex h3 a { 
	font-size:85%;
}

/* -------------------------------------------------------------------------------------
	Homepage: SHOW/HIDE INDEX LAYOUT LINK
---------------------------------------------------------------------------------------- */

div#eganMainColumn_showIndex div#indexHeading p {
	color:#151852; 
	font-weight:bold; 
	/*margin:-35px auto -5px auto;*/
	/*margin:0px auto -5px auto;*/
	letter-spacing: 1px; 
	font-size: 90%;
	/*padding: 5px 0 0px 0;*/	
}

div#eganMainColumn_showIndex div#indexHeading_showIndex p {
	color:#151852; 
	font-weight:bold; 
	/*margin:-35px auto -5px auto;*/
	/*margin:-30px 0 -5px auto;*/
	letter-spacing: 1px; 
	font-size: 90%;
	/*padding: 5px 0 0px 0;*/	
}


/* -------------------------------------------------------------------------------------
	Homepage: WELCOME & SLIDESHOW
---------------------------------------------------------------------------------------- */

/* Welcome Text Image */
	p.homeImageWelcome {/*text-indent:-9999px;*/width:305px;height:240px;position:absolute;top:65px;left:350px;/*overflow:hidden;display:block;border:		none;*/background-image: url(http://www.eganschool.org/images/welcome_to_egan.png); }

div#eganMainColumn div#home_slideshow {
	margin:0px 0 -5px 0px;
}

div#indexHeading p.displayLink a, div#indexHeading_showIndex p.displayLink a {
	font-size:14px;
	font-weight:bold;
	color:#F5E925;
}

div#indexHeading p.displayLink a:hover, div#indexHeading_showIndex p.displayLink a:hover {
	font-size:14px;
	font-weight:bold;
	color:#33FFFF;
	border-bottom:1px solid #FFF; 
	padding:0 0 2px 0;
}

/* -------------------------------------------------------------------------------------
	Homepage: 2) What's new section in NewsEvents Column specific styling
---------------------------------------------------------------------------------------- */

div#eganMainColumn div#whatsNew {
	color: #F5E925; 
	border: 1px #F5E925 dotted;
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat;  
	padding-bottom: 10px;
	margin-top: -20px;
}

/* What's New Heading Color */
div#eganMainColumn div#whatsNew h2, div#eganMainColumn div#whatsNew h3 {
	color:#F5E925;	
	font-size: 95%;
	font-weight: bolder;
	letter-spacing: 1px; 
	padding-bottom: 5px;
	margin-top: 5px;
}

 
div#eganMainColumn div#whatsNew li a {/*font-weight: bold;*/color: #F5E925;}

div#eganMainColumn div#whatsNew li a:hover {
	color:#33FFFF; 
	border-bottom:1px solid #FFF; 
	padding:0 0 1px 0;
}
 
/* archive of What's News */
div#eganMainColumn div#whatsNew p.newsarchive {
	font-size: 10px; 
	color:#FFF; 
	margin: .25em 0 0 0; 
	padding: 0 0 0 75px; 
} 


div#eganMainColumn div#whatsNew p.postdate {
	line-height:16px; 
	font-size: 10px; 
	/* color:#A3A4A5;*/
	color:#CCC;
	padding: 0 0 0 13px;
}


div#eganMainColumn div#whatsNew li {
	color: #F5E925;
	line-height:16px; 
	list-style:none; 
	padding: 5px 0px 0px 10px; 
	font-size: .85em;
	text-indent: -1em;
}

div#eganMainColumn div#whatsNew ul.newsItem li a:hover {
	/*color:#0CDDEA;*/ 
	color:#33FFFF;
	border-bottom:1px solid #FFF; 
	padding:0 0 1px 0;
}

/* nested lists within newsItem list */
div#eganMainColumn div#whatsNew ul.nestedList {
	font-size: 12px; 
	color:#F5E925;
	padding: 8px 0 0 0; 
}

div#eganMainColumn div#whatsNew ul.nestedList p { 
	padding: 0px 0px 0px 13px;
	color:#FF9900;
}

div#eganMainColumn div#whatsNew ul.nestedList li {
	list-style: disc; 
	font-size: 11px;
	margin: -.5em 0 0 1.2em;
	color:#FF9900;
}



/* -------------------------------------------------------------------------------------
	Homepage >> Quick Index 2) School Life Info Column
---------------------------------------------------------------------------------------- */

/* top column spacing */
div#schoolLifeColumn { 
	width:180px; 
	float:left; 
	padding:0 0px 0 0px;
	margin-top:80px; 
	/*margin-top: 80px;*/ 
} 

div#schoolLifeColumn h3 a { 
	font-size:85%;
}

li.sports_info {/* color:#8397BD;*/ color:#FF9900; padding-left: 10px;}  /* sports info */


/* -------------------------------------------------------------------------------------
	Homepage >> Quick Index 3) Egan Sidebar Info Column
---------------------------------------------------------------------------------------- */

/* top column spacing */
div#eganSidebarColumn { 
	width:180px; 
	float:left; 
	padding:0 0px 0 0px; 
	/*margin-top: 80px;*/ 
	margin-top: 60px;
}

/* top column spacing */
div#eganSidebarColumn_search { 
	width:180px; 
	float:left; 
	padding:0 0px 0 0px; 
	/*margin-top: 80px;*/ 
	margin-top: 60px;
}

/* top column spacing */
/*div#eganSidebarColumn_showIndex { 
	width:180px; 
	float:left; 
	padding:0 0px 0 0px; 
	margin-top: 50px;
}*/

/* top column spacing */
/*div#eganSidebarColumnSub { 
	width:180px; 
	float:left; 
	padding:0 0px 0 0px; 
	margin-top: 0px;
}*/


div#eganSidebarColumn h2 {font-size: 85%;}

div#eganSidebarColumn h3 a { 
	font-size:85%;
}

div#eganSidebarColumn_search h2 {font-size: 85%;}

div#eganSidebarColumn_search h3 a { 
	font-size:85%;
}

li.contact_info {/*color:#FFB910;*/color:#FF9900; padding-left: 10px;}  /* address & phone nos. */




div#eganSearch {margin: 0 0 0 10px;}

/*div#eganSearch h4 {margin:0 0 0 -15px;}*/

h4.indexSearch {padding: 0 0 0 10px;}
div#eganSearch input {
	background:#CCCCCC; font:12px "Trebuchet MS", Verdana, sans-serif;
}

div#eganSearch p#searchButton {
	text-align:center; font-size:85%;color:#000099; padding:4px 0 10px 28px;line-height:14px;
}

div#eganSearch div#searchHeading {
	margin:0 0 0 -20px;
}


/* =====================================================================================
	SubPage styling
======================================================================================== */

.floatToLeft {
	float:left;
	margin: 0px 0px 0px 0;
}

.floatToRight {
	float:right;
	margin: 10px 0px 10px 10px;
}

p.backToTop {
	text-align:right;
	margin-right: 20px; /* move closer to middle */
}

p.backToTop a {	
	font-size: 80%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFCC00;
}	
	
p.backToTop a:hover {	
	font-family:Arial, Helvetica, sans-serif;
	color:#00F0FF;
	border-bottom:1px solid #FFF; padding:0 0 2px 0;
}


/* -------------------------------------------------------------------------------------
	Three and Two Column definitions
---------------------------------------------------------------------------------------- */

/* main sub page wrapper */
div#subPageWrapper { 
	width:920px;
	margin: 0 auto; 
	padding:0; 
	text-align:left;
 	position:relative;
}


div#subPageWrapperThreeCol { 
	width:900px; 
	margin: 0 auto; 
	padding:0; 
	text-align:left;
 	position:relative;
}



div#subPageWrapper h4 { 
	margin: 15px 0 5px 2px;
	font-size: 80%;
	font-style: bold;
}


div#subPageWrapper h4 { 
	margin: 15px 0 5px 2px;
	font-size: 90%;
	font-style: bold;
}


/* main content area container that holds primaryContent and secondaryContent*/
div#subPageContent { 
	width:690px; 
	float: right;
	padding: 0 10px 20px 0;   /* pad spacing for main area holding columns */
}


/* styles primary content area of sub pages */
/*div#subPageContent #primaryContent p { 
		line-height: 18px;  *//* line spacing within paragraphs */
		/*font-size: 11px;
		padding: 0 10px 10px 0;
		font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif ;
}*/	

div#subPageContent #primaryContent p { 
		line-height: 20px;  /* line spacing within paragraphs */
		font-size: 90%;
		padding: 0 10px 10px 0;
		font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif ;
}	


/* style main content area for two column layouts */
#twoColLayout #primaryContent { width: 650px; float:right; padding: 0px 10px 20px 20px; /* pad spacing within box */ margin: -30px 0 15px 8px; /* box */  background:url(http://www.eganschool.org/images/transparentBackground.png); border: 1px #666666 solid; }

/*#twoColLayout #primaryContent { width: 670px; float:right; padding: 0px 0px 20px 20px;  margin: -30px 0 15px 8px;  background:url(http://www.eganschool.org/images/transparentBackground.png); border: 1px #666666 solid; }
*/

/* Heading style for all primary content's h3 headings */
/*div#primaryContent h3 {
	color: #FFF;
	font-size: 14px;
	letter-spacing: 0px; 
	font-weight:bold;
	margin-left: -5px;
}*/

/* Heading style for all two column layout primary content's h3 headings */
div#subPageContent div#primaryContent h3 {
	color: #FFF;
	font-size: 14px;
	letter-spacing: 0px; 
	font-weight:bold;
	margin-left: -5px;
	margin-top: 8px;
}

div#primaryContent p a {font-weight:bold;}
div#primaryContentp a:hover {font-weight:bold;}


/* ----------  GENERIC LIST WITH BULLET off white text ----------- */
div#primaryContent ul.genericList {
	margin: 0 0 10px 0;
} 

div#primaryContent ul.genericList li {
	font-size:90%; 
	line-height:18px; 
	color:#CCCCCC;
	list-style:disc;
	padding:0 0 2px 5px;
	margin: 0 0 0px 25px;
	/*font-family:Arial, Helvetica, sans-serif;*/
} 

div#primaryContent ul.genericList a, div#primaryContent ul.genericList a:hover  {
	font-weight:bold;
} 

ul.genericList .genericListHeader {
	font-weight:bold;
} 


/* GENERIC LIST WITHOUT BULLET off white text */
div#primaryContent ul.genericList_nobull li {
	font-size:95%; 
	line-height:18px; 
	color:#CCCCCC;
	/*font-weight:bold;*/
	/*list-style:disc;*/
	padding:0 0 2px 5px;
	margin: 0 0 0px 25px;
	/*font-family:Arial, Helvetica, sans-serif;*/
} 

div#primaryContent ul.genericList_nobull {
	margin: 0 0 10px 0;
} 

div#primaryContent ul.genericList_nobull a, div#primaryContent ul.genericList_nobull a:hover  {
	font-weight:bold;
} 

/* GENERIC LIST DECIMAL off white text */
div#primaryContent ul.genericList_dec li {
	font-size:90%; 
	line-height:18px; 
	color:#CCCCCC;
	/*font-weight:bold;*/
	list-style:decimal;
	padding:0 0 2px 5px;
	margin: 0 0 0px 25px;
	/*font-family:Arial, Helvetica, sans-serif;*/
} 

div#primaryContent ul.genericList_dec {
	margin: 0 0 10px 0;
} 

div#primaryContent ul.genericList_dec a, div#primaryContent ul.genericList_dec a:hover  {
	font-weight:bold;
} 

/* GENERIC LIST WITHOUT BULLET off white text */
div#primaryContent ul.genericList_noindent li {
	font-size:95%; 
	line-height:18px; 
	color:#CCCCCC;
	/*font-weight:bold;*/
	/*list-style:disc;*/
	padding:0 0 2px 0px;
	margin: 0 0 0px 8px;
	/*font-family:Arial, Helvetica, sans-serif;*/
} 

div#primaryContent ul.genericList_noindent {
	margin: 0 0 10px 8px;
} 

div#primaryContent ul.genericList_noindent a, div#primaryContent ul.genericList_noindent a:hover  {
	font-weight:bold;
} 

/* ----------  GENERIC SUB LIST WITH BULLET off white text ----------- */
div#primaryContent ul.genericSubList {
	margin: 5px 0 8px 10px;
} 

div#primaryContent ul.genericSubList li {
	font-size:95%; 
	line-height:18px; 
	color:#CCCCCC;
	list-style:circle;
	padding:0 0 2px 5px;
	/*margin: 0 0 0px 25px;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
} 

div#primaryContent ul.genericSubList a, div#primaryContent ul.genericSubList a:hover  {
	font-weight:bold;
} 


/* main content area for three column layouts */
#threeColLayout #primaryContent { 
	width: 540px; 
	float: left; 
	padding: 0 0px 20px 0; 
	margin: -30px 0px 15px -10px; 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
}

#threeColLayout #secondaryContent { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 110px; 
	float: right;
	padding:0 3px 20px 3px; 
	margin: -30px 0 15px 0;
}


div#subPageContent #primaryContent table.wideTable {
	margin: 10px 0 20px 10px;
}

div#primaryContent table.wideTable td {
	font-size:90%;
	line-height:20px;
	padding: 5px 0 5px 5px;
	color:#CCCCCC;
}

div#primaryContent table.wideTable td li {
	font-size:100%;
	line-height:20px;
	padding: 5px 0 5px 5px;
	color:#CCCCCC;
}

/* administration table */
div#primaryContent table.adminTable {
	margin: 25px 0 40px 5px;
}

div#primaryContent table.adminTable td {
	font-size:85%;
	line-height:17px;
	padding: 3px 0 3px 5px;
	color:#0099FF;
}

/* administration table */
div#primaryContent table.adminImageTable {
	margin: 10px 0 10px 0px;
}

div#primaryContent table.adminImageTable td {
	font-size:90%;
	line-height:17px;
	padding: 5px 0 5px 0px;
	color:#0099FF;
}


div#subPageContent p.backToIndex {
	text-align:right;
	margin-right: 50px; /* move closer to middle */
}

div#primaryContent p.backToIndex a {	
	font-size: 100%;
	line-height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFCC00;
}	
	
p.backToIndex a:hover {	
	line-height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00F0FF;
	border-bottom:1px solid #FFF; padding:0 0 2px 0;
}


/* -------------------------------------------------------------------------------------
	CALENDAR & SHCEDULES SUBPAGES
---------------------------------------------------------------------------------------- */

/* calendar list layout */
div#calendarList h4	{
	font-family:Verdana, Geneva, Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#FFCC33;
	/*padding: 0 0 0px 0px;*/
}

div#calendarList p	{
	font-size:10px;
	color:#E2FFE3;;
	padding: 0 0 5px 35px;
}

/* bell table layout */
div#bellScheduleTable .bellTableHeading {font-family:Verdana, Geneva, Arial, Helvetica;font-size:10pt;font-weight:bold;color:#003399; }
div#bellScheduleTable td { font-family:Verdana, Geneva, Arial, Helvetica;font-size:9pt;font-weight:normal; color:#000033; padding: 0 2px 0 2px;}
div#bellScheduleTable .note { font-family:Verdana, Geneva, Arial, Helvetica;font-size:9pt;font-weight:normal; color:#B1CBFF; padding: 0 2px 0 2px; margin: 7px 0 0 210px;}


/* Star Testing Schedule layout*/
div#starTable h3 {
	font-size:12px; font-weight:bold; color:#003399; padding: 0 0 20px 0; color:#FFF;
}

div#starTable p {
	font-size:12px; font-weight:bold; padding: 0 0 3px 10px;
}


div#starTable p a {
	font-size:12px; font-weight:bold;
}

div#starTable td {
	/* font-family: Verdana, Geneva, Arial, Helvetica;*/ font-size:11px; font-weight:bold; color:#003399;
}

div#starTable span.starTableMainHeading {font-family:Verdana, Geneva, Arial, Helvetica; font-size:10px; font-weight:bold; color:#FFF;}
div#starTAble span.boldred	{font-family: Verdana, Geneva, Arial, Helvetica; font-size:10px; font-weight:bold; color:#FF6600;}
div#starTable span.boldblue	{font-size:11px; font-weight:bold; color:#66CC00;}
div#starTable span.h3blue	{font-size:12px; font-weight:bold; color:#003399;}
div#starTable span.h3red	{font-size:14px; font-weight:bold; color:#CC0000;}


/* -------------------------------------------------------------------------------------
	LEIF NEWSLETTER SUBPAGES
---------------------------------------------------------------------------------------- */

/* LEIF STYLES - main content area container that holds primaryContent and secondaryContent*/
div#subPageContentLeif { 
	width:650px; 
	float: right;
	padding: 0 10px 1px 0;
}

#subPageContentLeif #primaryContent { 
	width: 400px; 
	float: left; 
	padding: 0 5px 10px 10px; 
	margin: -30px 0px 10px -14px; /* positioning of primary content in the middle */
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
}


#subPageContentLeif #secondaryContent { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 220px; 
	float: right;
	padding:0 3px 10px 10px; 
	margin: -30px 0 10px 10px;
}

div#subPageContentLeif div#secondaryContent ul.leifArchiveList {
	padding: 0px 0 0 8px;
	margin: 0 auto 5px 10px;
}

div#subPageContentLeif div#secondaryContent ul.leifArchiveList li {
	font-size: 11px;
	color:#999999;
	line-height: 16px;
	list-style:disc;
}

div#subPageContentLeif ul a {
	font-size: 100%;
	color:#3399FF;
	font-weight: bold;
	
}

div#subPageContentLeif ul a:hover {
	font-size: 100%;
	color:#00F0FF;
	/* border-bottom:1px solid #FFF; 
	padding:0 0 2px 0; */
	font-weight:bold;
}

div#subPageContentLeif p {
	padding:0 3px 10px 5px;
}

#subPageContentLeif #primaryContent p { 
		line-height: 20px;
		font-size: 90%;
		color:#DEDEDE;
}		

div#subPageContentLeif #primaryContent h3 {
	font-size: 14px;
	font-weight: bold;
	padding:0 3px 10px 5px;
	margin-top: 10px;
}

#subPageContentLeif #secondaryContent h3 { 
	font-size:90%;
}


div#subPageContentLeif .leifHeader {
	font-size: 85%;
	font-weight:bold;
	/*color:#FF9900;*/
	color:#FFF;
	padding: 10px 0 0px 5px;
}

div#subPageContentLeif .leifSubHeader {
	font-size: 85%;
	color:#FF9900; /* orange */
	padding: 5px 0 0px 5px;
}


div#subPageContentLeif .leifLatest {
	font-size: 85%;
	font-weight:bold;
	color:#FF9900;
	margin-top: 0px;
}

/* -------------------------------------------------------------------------------------
	THREE COLUMN SUBPAGES - Narrow Middle
---------------------------------------------------------------------------------------- */

/* THREE COLUMN STYLES - main content area container that holds primaryContent and secondaryContent*/
div#subPageContentThree { 
	width:650px; 
	float: right;
	padding: 0 10px 1px 0;
}

#subPageContentThree #primaryContent { 
	width: 400px; 
	float: left; 
	padding: 0 5px 10px 10px; 
	margin: -30px 0px 10px -14px; /* positioning of primary content in the middle */
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
}

#subPageContentThree #secondaryContent { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 220px; 
	float: right;
	padding:0 3px 5px 10px; 
	margin: -30px 0 0px 0px;
}

#subPageContentThree #referenceContent { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 220px; 
	float: right;
	padding:0 3px 5px 10px; 
	margin: 10px 0 0px 0px;
}

#subPageContentThree #referenceContent1 { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 220px; 
	float: right;
	padding:0 3px 5px 10px; 
	margin: 10px 0 0px 0px;
}

#subPageContentThree #referenceContent2 { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 220px; 
	float: right;
	padding:0 3px 5px 10px; 
	margin: 10px 0 0px 0px;
}

#subPageContentThree #secondaryContent h3, #subPageContentThree #referenceContent h3 { 
	font-size:90%;
}


#subPageContentThree #primaryContent p { 
	line-height: 20px;
	font-size: 90%;
	color:#DEDEDE;
	padding:0 10px 10px 10px;
}		

div#subPageContentThree div#primaryContent h3 { 
		font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif ;
		font-size: 14px;
		font-weight: bold;
		margin:12px 0 0 10px;
		padding:0px 0 0 0;
}	

div#subPageContentThree ul {
	padding: 5px 0 0 0px;
	font-size: 100%;
	color:#999999;
	/*line-height: 18px;*/
}

div#subPageContentThree ul a {
	font-size: 100%;
	color:#3399FF;
	font-weight: bold;
}

div#subPageContentThree ul a:hover {
	font-size: 100%;
	color:#00F0FF;
	/* border-bottom:1px solid #FFF; 
	padding:0 0 2px 0; */
	font-weight:bold;
}

div#subPageContentThree div#secondaryContent .threeList li a {
	font-size: 14px;
	/*color:#CC0000;*/ /* red */
	padding: 4px 0 0px 5px;
}

div#subPageContentThree div#secondaryContent .threeList li a:hover {
	font-size: 14px;
	color:#33FFFF;
	border-bottom:1px solid #FFF; 
	padding:0 0 2px 5px;
}

.parentEdList {
	list-style:decimal;
	padding-bottom: 10px;
}


.parentEdList li a {
	font-size: 14px;
	/*color:#CC0000;*/ /* red */
	padding: 2px 0 0px 5px;
	list-style:decimal;
}

.parentEdList li a:hover {
	font-size: 14px;
	color:#33FFFF;
	border-bottom:1px solid #FFF; 
	padding:0 0 2px 5px;
}



div#subPageContentThree ul a:hover {
	font-size: 100%;
	color:#00F0FF;
	/* border-bottom:1px solid #FFF; 
	padding:0 0 2px 0; */
	font-weight:bold;
}

div#subPageContentThree div#primaryContent .greenTopicHeader {
	font-size: 90%;
	font-weight:bold;
	color:#33FF33; /*green*/
	padding: 10px 0 0px 8px;
}

div#subPageContentThree div#primaryContent .orangeTopicHeader {
	font-size: 90%;
	font-weight:bold;
	color:#FF9900; /*orange*/
	padding: 10px 0 0px 8px;
}

div#subPageContentThree .threeHeader {
	font-size: 85%;
	font-weight:bold;
	color:#FFF; /*white*/
	padding: 10px 0 0px 5px;
}

div#subPageContentThree .threeSubHeader {
	font-size: 85%;
	color:#FFF; /* white */
	padding: 5px 0 5px 5px;
}


div#subPageContentThree .threeInfo {
	font-size: 85%;
	font-weight:bold;
	color:#FF9900;
	margin-top: 0px;
}

div#subPageContentThree div#primaryContent h4 {font-size:14px;color:#33FF33;font-weight:bold;padding:0 0 20px 10px;}
div#subPageContentThree div#primaryContent p {margin: 0 10px 0px 1px;}
div#subPageContentThree div#primaryContent p a {font-weight:bold;}
div#subPageContentThree div#primaryContent p a:hover {font-weight:bold;}

div#subPageContentThree	ul.returnNav li {font-size:80%; margin:0 0 5px 3px; padding:0 0 5px 0;}
div#subPageContentThree	ul.returnNav_nobull li {font-size:80%;list-style:none; margin:0 0 5px 3px; padding:0 0 0px 0;}
			
div#subPageContentThree	p.threeHeader_nobull {font-size:85%}


/* -------------------------------------------------------------------------------------
	MAGAZINE DRIVE
---------------------------------------------------------------------------------------- */

#subPageContentThree #secondaryContent .magazineDates { 
	margin: 0px 0 15px 0;
	border: 1px #666666 dotted;
}

#subPageContentThree #secondaryContent .magazineDates th { 
 	font-size:95%;
	/*font-weight:bold;*/
	color:#FF9900;  /* orange */
	padding: 10px 0 1px 5px;
}

#subPageContentThree #secondaryContent .magazineDates td { 
 	font-size:90%;
	/*font-weight:bold;*/
	color:#CCC;  /*white*/
	padding: 1px 0 15px 15px;
}

div#subPageContentThreeWide div#primaryContent ul {margin:0 0 15px 15px; /*padding:0 5px 0 5px;*/}

div#subPageContentThreeWide div#primaryContent ul.magazineList {margin:0 0 15px 15px; /*padding:0 5px 0 5px;*/}

div#subPageContentThreeWide div#primaryContent ul.magazineList li {color:#FFF;font-size:90%;line-height:18px;padding:0 0 10px 0; list-style:decimal outside;}	

.magazineTable {
	font-size:90%;
	width:500px;
	margin: 10px 0 10px 12px;
}
			
.magazineTable td {
	font-size:90%;
	color:#33FFFF;
	text-align:left;
	padding: 2px 2px 2px 2px;
}

/* -------------------------------------------------------------------------------------
	PTA
---------------------------------------------------------------------------------------- */


#primaryContent .ptaTable { 
	margin: 0px auto 20px 20px;
	border: 1px #666666 dotted;
}

#primaryContent .ptaTable th { 
 	font-size:95%;
	/*font-weight:bold;*/
	color:#CCCCCC;
	padding: 2px 10px 2px 5px;
	text-align:right;
}

#primaryContent .ptaTable th a { 
 	font-size:100%;
	/*font-weight:bold;*/
	text-align:right;
}

#primaryContent .ptaTable th a:hover { 
 	font-size:100%;
	/*font-weight:bold;*/
	/color:#33FFFF;
	border:none;
	text-align:right;
}

#primaryContent .ptaTable td { 
 	font-size:90%;
	font-weight:bold;
	color:#66CC33;
	padding: 2px 0 2px 10px;
}

 #secondaryContent .ptaSupport { 
	margin: 0px 0 15px 0;
	border: 1px #666666 dotted;
}

#secondaryContent .ptaSupport th { 
 	font-size:95%;
	font-weight:bold;
	color:#990000; 
	padding: 10px 0 1px 5px;
}

 #secondaryContent .ptaSupport td a { 
 	font-size:90%;
	font-weight:bold;
	color:#990000;
	padding: 1px 0 15px 15px;
}

 #secondaryContent .ptaSupport td a:hover { 
 	font-size:90%;
	font-weight:bold;
	color:#990000;
	padding: 1px 0 15px 15px;
}

/* -------------------------------------------------------------------------------------
	FUNDRAISING TABLE
---------------------------------------------------------------------------------------- */

#primaryContent .fundraisingTable { 
	margin: 0px auto 20px 0px;
	/*border: 1px #666666 dotted;*/
	text-align:left;
}

#primaryContent .fundraisingTable th { 
 	font-size:90%;
	/*font-weight:bold;*/
	color:#FF6600;
	/*padding: 2px 10px 2px 5px;*/
	text-align:center;
}

#primaryContent .fundraisingTable td { 
 	font-size:90%;
	font-weight:bold;
	color:#66CC33;
	padding: 2px 0 2px 10px;
}

#primaryContent .fundraisingTable td a { 
 	font-size:90%;
	/*font-weight:bold;*/
	color:#000033;
	/*padding: 2px 10px 2px 5px;*/
	text-align:center;
}

#primaryContent .fundraisingTable td a:hover { 
 	font-size:90%;
	/*font-weight:bold;*/
	color:#FF9900;
	border:none;
	padding: 0px 0px 0px 0px;
	text-align:center;
}



/* -------------------------------------------------------------------------------------
	THREE COLUMN SUBPAGES - Wide Middle
---------------------------------------------------------------------------------------- */

/* THREE COLUMN STYLES - main content area container that holds primaryContent and secondaryContent*/
div#subPageContentThreeWide { 
	width:650px; 
	float: right;
	padding: 0 10px 1px 0;
}

#subPageContentThreeWide #primaryContent { 
	width: 510px; 
	float: left; 
	padding: 0 5px 10px 10px; 
	margin: -30px 0px 10px -16px; /* positioning of primary content in the middle */
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
}

#subPageContentThreeWide #primaryContent p { 
	line-height: 20px;
	font-size: 95%;
	/* color:#DEDEDE; */ color:#CCC;
	padding:0 10px 20px 15px;
}		

div#subPageContentThreeWide div#primaryContent h3 { 
		font-size: 14px;
		font-weight: bold;
		margin:12px 0 0 5px;
		padding:0px 0 0 0;
		color:#FFFFFF;
}	


#subPageContentThreeWide #secondaryContent { 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	width: 115px; 
	float: right;
	padding:0 3px 10px 10px; 
	margin: -30px 0 10px 5px;
}

#subPageContentThreeWide #secondaryContent h3 { 
	font-size:90%;
}

div#subPageContentThreeWide ul {
	padding: 5px 0 0 5px;
	font-size: 100%;
	color:#999999;
	line-height: 18px;
}

div#subPageContentThreeWide ul a {
	font-size: 100%;
	color:#3399FF;
	font-weight: bold;
	
}

div#subPageContentThreeWide ul a:hover {
	font-size: 100%;
	color:#00F0FF;
	/* border-bottom:1px solid #FFF; 
	padding:0 0 2px 0; */
	font-weight:bold;
}

div#subPageContentThreeWide div#primaryContent .greenTopicHeader {
	font-size: 93%;
	font-weight:bold;
	color:#33FF33; /*green*/
	padding: 10px 0 0px 8px;
}

div#subPageContentThreeWide div#primaryContent .orangeTopicHeader {
	font-size: 93%;
	font-weight:bold;
	color:#FF9900; /*orange*/
	padding: 10px 0 0px 8px;
}


div#subPageContentThreeWide .threeHeader {
	font-size: 85%;
	font-weight:bold;
	/*color:#FF9900;*/
	color:#FFF;
	padding: 10px 0 5px 5px;
}

div#subPageContentThreeWide .threeSubHeader {
	font-size: 85%;
	color:#FF9900; /* orange */
	padding: 5px 0 5px 5px;
}

div#subPageContentThreeWide div#secondaryContent .threeList li {
	font-size: 85%;
	/*color:#FF9900;*/ /* orange */
	padding: 5px 0 5px 5px;
}



div#subPageContentThreeWide .threeInfo {
	font-size: 85%;
	font-weight:bold;
	color:#FF9900;
	margin-top: 0px;
}

div#subPageContentThreeWide	ul.returnNav li {font-size:80%;list-style:disc; margin:0 0 5px 3px; padding:0 0 0px 0;}
			
div#subPageContentThreeWide	p.threeHeader {font-size:85%}

div#subPageContentThreeWide	ul.returnNav_nobull li {font-size:80%;list-style:none; margin:0 0 5px 3px; padding:0 0 0px 0;}
			
div#subPageContentThreeWide	p.threeHeader_nobull {font-size:85%}





/* -------------------------------------------------------------------------------------
	Vertical Sidebar Navigation
---------------------------------------------------------------------------------------- */
div#sidebarNav {
	width: 180px; 
	float: left; 
	padding: 0px 10px 40px 10px;
	margin: -30px 0 15px 10px; 
	background:url(http://www.eganschool.org/images/transparentBackground.png) repeat; 
	border: 1px #666666 solid;
	text-align:left;
}

div#sidebarNav h3 {
	padding: 0px 0px 10px 0px;
	margin: 10px 0 15px 10px;
	font-size:12px;
	font-weight: bold;
}

div#sidebarNav h4 {
	padding: 0px 0px 10px 0px;
	margin: 10px 0 0px 10px;
	font-size:12px;
	font-weight: bold;
}

ul.sidebarNavList {font-size: 12px; font-weight: bold;}
ul.sidebarNavList li {border-bottom:1px solid #666; font-size: 100%; font-weight: bold;}
ul.sidebarNavList li:hover { background:url(http://www.eganschool.org/images/semiTransparent.png);}
ul.sidebarNavList li a {display:block;  padding: 9px 0 11px 0; }
ul.sidebarNavList li a:hover {border:none;}


/* -------------------------------------------------------------------------------------
	Sidebar Navigation 'Active' status
---------------------------------------------------------------------------------------- */


/* activate page sidebar Navigation */
div#sidebarNav li.sidebarNavActive a {background:url(http://www.eganschool.org/images/semiTransparent.png); color:#00F0FF; padding: 9px 0 9px 0px;}

/* search box at bottom of sidebar Navigation */
div#searchNav {margin: 30px 0 0 0 ; }


/* =====================================================================================
	global color code
======================================================================================== */
 

/*.h3blue		{font-family:Verdana, Geneva, Arial, Helvetica;font-size:12px;font-weight:bold;color:#6699FF;}
.boldblue	{font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;color:#0099FF;}
.orange		{font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;color:#FF6600; line-height:20px;}
.brightblue {color:#0099FF;font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;line-height:20px;}
*/
.eganyellow {color:#FFCC00;font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;line-height:20px;}

.eganYellow {color:#F5E925;/*font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;line-height:20px;*/}
.eganYellowText {color:#F5E925;/*font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;line-height:20px;*/}
.eganYellowBoldText {color:#F5E925;font-weight:bold;/*font-family:Verdana, Geneva, Arial, Helvetica;font-size:10px;font-weight:bold;line-height:20px;*/}

/*.greenText 	{ color:#33FF33; }
.greenBoldText { color:#33FF33; font-weight:bold;}
.greenBigText { color:#33FF33; font-size:110%;}
*/

.footnote {font-size:85%;color:#99CCFF;line-height:16px;}
.noteBlue {color:#99CCFF;} 
.noteBlueSmall {color:#99CCFF;font-size:80%;} 
.blueBoldNote {color:#99CCFF;font-weight:bold;} 
.smallBlueNote {color:#99CCFF;font-size:75%; line-height:14px; padding:0 0 3px 0;} 

.greenText 	{ color:#33FF33; }
.greenBoldText { color:#33FF33; font-weight:bold;}
.greenBigText { color:#33FF33; /*font-weight:bold;*/ font-size:100%;}
.greenBigBoldText { color:#33FF33; font-weight:bold; font-size:100%;}

.darkGreenText 	{color:#006600;}
.darkGreenBoldText 	{color:#006600; font-weight:bold;}



.limeText 	{ color:#66CC33; }
.limeBoldText { color:#66CC33; font-weight:bold;}
.limeBigText { color:#66CC33; /*font-weight:bold;*/ font-size:100%;}
.limeBigBoldText { color:#66CC33; font-weight:bold; font-size:100%;}

.orangeText { color:#FF9900; }
.orangeBoldText { color:#FF9900; font-weight:bold;}
.orangeBigText { font-size:100%;color:#FF9900;}
.orangeBigBoldText { font-size:100%;color:#FF9900; font-weight:bold;}

.darkOrangeText { color:#FF6600; }
.darkOrangeBoldText { color:#FF6600; font-weight:bold;}


.redText { color:#CC0000; }
.redBoldText { color:#CC0000; font-weight:bold;}

.blueText { color:#0033FF; }
.blueBoldText { color:#0033FF; font-weight:bold;}

.darkBlueText { color:#000033; }
.darkBlueBoldText { color:#000033; font-weight:bold; }

.brightBlueText {color:#00CCFF;}
.brightBlueBoldText {color:#00CCFF;font-weight:bold;}

.whiteText {color:#FFF;}
.whiteBoldText {color:#FFF;font-weight:bold;}
.whiteBigText {color:#FFF;font-size:95%;}

.grayText {color:#CCC;}
.grayBoldText {color:#CCC;font-weight:bold;}

/* =====================================================================================
	Load big background image after everything else has loaded
======================================================================================== */
body.pageEasing  { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }


body.pageHome { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed; }
body.pageCalendar { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageAbout { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageAdmin { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pagePolicy { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pagePowerschool { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageTeachers { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageStudents { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageSports { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageActivities  { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageContacts { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageParents  { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }

body.pageHighschool   { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }
body.pageWebsite { background: #1D2166 url(http://www.eganschool.org/images/egan_mainbg_office-lt.jpg) top center no-repeat fixed ; }