/*This is the home page for ATI home, Galileo K12 home, and Galileo Preschool home
A few divisions are limited to use on only one of those pages, eg. topNavBarK12 

Colors used on this page are a mix of corporate colors and colors used in the app.  They are:
gold stripe light color:  #FFB546
gold stripe dark  color:  #FF9900
dark red:	#990000 - used instead of the corporate burgundy (209)# 791730
gold:		#FFCC66 - used in boxes for login, sidebar, etc.; coporate color of gold #FEB325 was too dark for this use
lt gold:	#FFFFCC - used for some text
blue:		#003399; - K-12; corporate color
green:		#66BB49; - Preschool; corporate color
*/
* {
	padding:			0;
	margin:			 	0;   
}
img {
	border-style:		none;
}

p{
	margin:				0 .5em 0 .3em;
	padding:            0 .2em 0 .2em;
}
p.center {
	text-align:			center;	
}
body {
	background-image:	url(images/bg_gold_stripe.gif);
	background-repeat:	repeat;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			90%;
	font-weight:		normal;
}
blockquote {
	margin:				0 2em 0 2em;
}
table {
	margin-right:		auto;
	margin-left:		auto;
}

img.extraPad {
	padding-bottom: 	18px;
}

#clearTop {
	clear:				both;
	margin:				0 1em 0 1em;
}
#clearMdl{
	clear:				both;
	height:				.1em;
}
#clearBtm {
	clear:				both;
	height:				.5em;
}
#logo {
	float:				left;
	margin: 			.5em 0 0 0;
}


#pageHeader {
	background-image:	url(images/pageElements/goldGradient.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
	background-color:	#FFFFFF;
	border-top:			solid;
	border-top-width:	medium;
	border-top-color:	#990000;	
	padding:			1em .5em .5em .5em;
	text-align:			right;
}

#pageHeaderK12 { /*testing this out for custom K-12 header*/
	background-image:	url(images/goldGradient.png);
	background-position:bottom;
	background-repeat:	repeat-x;
	background-color:	#FFFFFF;
	border-top:			solid;
	border-top-width:	medium;
	border-top-color:	#003399;
	padding:			1em .5em .5em .5em;
	text-align:			right;
}
#container {
	background-color:	#FFFFFF;
	border-left-style:	ridge;
	border-right-style:	groove;
	border-width:		thin;
	border-top-style:	none;
	clear:				both;
	margin-left:		auto;
	margin-right:		auto;
	width:				95%;
}
#highlight {
	background-color:	#FFFFCC;
}
#topNavBar, #topNavBarK12, #topNavBarPreschool { /*universal properties for the top navigation bar; bg colors specified below*/
	color:				#FFFFCC;
	font-size:			85%;
	padding:			.2em .1em .3em .1em;
	text-align:			center;
}
#topNavBar {
	background-color:	#990000;
}
#topNavBarK12 {
	background-color:	#003399;
}
#topNavBarPreschool {
	background-color:	#66BB49;
}
#centerPic {
	font-size:			100.01%;
	height:				275px;
	margin:				auto;
	padding-right:      1em;
	text-align:			left;
}
#centerPic225 {
	font-size:			95%;
	height:				225px;
	margin:				auto;
	padding-top:        12px;
	padding-right:      1em;
	text-align:			left;
}
#eventsText img {
	padding-right:	    6px;	
}
#centerPic225 img {
	padding-right:       1em;	
}
#centerPicWhiteSpace {
	font-size:			100.01%;
	height:				275px;
	margin:				auto;
	padding-right:      3em;
	padding-left:       1em;
	text-align:			left;
}

#centerPicWhiteSpace img {
	margin:		1em;
}

#blogTab {				
	background-image:	url(images/tab_hang_maroon_gradient_170x25.gif);
	background-repeat:	no-repeat;
	color:				#FFFFCC;
	float:				right;
	font-size:			90%;
	height:				25px;
	margin:				.2em 0 0 0;
	padding:			.2em .1em .1em 0;
	text-align:			center;
	width:				170px; 
}

#topTabK12, #topTabPreK {				
	background-repeat:	no-repeat;
	color:				#FFFFCC;
	float:				right;
	font-size:			90%;
	height:				25px;
	margin:				.2em 0 0 0;
	padding:			.2em 0 .1em 0;
	text-align:			center;
	width:				170px; 
}

#topTabK12 {				
	background-image:	url(images/tab_hang_blue_gradient_170x25.gif);
}

#topTabPreK {				
	background-image:	url(images/tab_hang_green_gradient_170x25.gif);
}

#btmTabs {				/* for ATI home */
	border-top:			solid;
	border-color:		#990000;
	border-width:		medium;
	font-size:			90%;
}
#btmTabsK12 {
	border-top:			solid;
	border-color:		#003399;
	border-width:		medium;
	font-size:			90%;
}
#btmTabsPreschool {
	border-top:			solid;
	border-color:		#66BB49;
	border-width:		medium;
	font-size:			90%;
}

#btmTab1, #btmTab2, #btmTab3 { /*universal properties for the hanging tabs; differences are specified below*/
	color:				#FFFFFF;
	height:				25px;
	padding:			.2em 0em 0 0em;
	text-align:			center;
	width:				170px;
}
#btmTab1 {
	background-image:	url(images/tab_hang_maroon_gradient_170x25.gif);	
	background-repeat:	no-repeat;
	float:				left;
	margin:				0 0 0 5em;
}
#btmTab2 {
	background-image:	url(images/tab_hang_blue_gradient_170x25.gif);			
	background-repeat:	no-repeat;
	margin:				0 auto 0 auto;
}
#btmTab3 {
	background-image:	url(images/tab_hang_green_gradient_170x25.gif);			
	background-repeat:	no-repeat;
	float:				right;
	margin:				0 5em 0 0;
	padding:			.2em .1em 0 .1em;
}
#login, #sidebar, #rtSidebar{ /*universal properties; differences are below*/
	background-image:	url(images/box_top_gold_150x8.gif);
	background-repeat:	no-repeat;
	background-position:top;
	background-color:	#FFCC66;
	font-size:			90%;
	width:				150px;
}
#login {
	margin:				10px 10px 10px 10px;
	float:				left;
}
#sidebar{
	margin:				1em 15px 0 15px;
	float:				left;
}
#sidebarWideTop {
	background-image:	url(images/box_top_gold_250x50.gif);
  	background-repeat:	no-repeat;
  	background-position:top;
	width:				250px;
}
#sidebarWide {
	background-color:	#FFCC66;
	width:				250px;
}
#rtSidebar {			/*used in some lower level pages e.g. preschool report*/
	margin:				1em 1em 1em 1em;
	float:				right;
}	
#loginText, #sidebarText, #rtSidebarText, #sidebarWide{
	font-size:			90%;
	margin:				0;
}
#rtSidebarText {
	padding:	        0 .5em 0 .5em;
}
#loginText {
	padding:		    0 1em 0 1em;
}

#loginText p { /* this is used to achieve the underlining within the box */
	border-bottom-style:solid;
	border-bottom-color:#FFFFCC;
	border-bottom-width:thin;
	padding:     	    .3em 0 .3em 0;
	}
#loginBtm, #sidebarBtm, #rtSidebarBtm {
	background-image:	url(images/box_btm_gold_150x8.gif);
	background-repeat:	no-repeat;
	background-position:bottom;
}
#mainContentHome{
	font-size:			90%;
	margin-left:		180px;
	margin-right:		310px;
	padding:			.9em 1em .2em 1em;
}
#mainContent{			/*ati home*/
	font-size:			90%; 
	/*the font size is smaller than the spotlight font size, as a subtle way to get the attention on the spotlight */
	margin-left:		180px;
	margin-right:		310px;
	padding:			.9em 1em .2em 1em;
}
#mainContentGalileo {	/*K12, preschool*/
	font-size:			90%;
	margin-left:		190px;
	margin-right:		15px;
	padding:			.9em 1em .2em 1em;
}
#mainContentLeft {	/*trying something new for the home page*/
	font-size:			90%;
	margin-left:		15px;
	margin-right:		15px;
	padding:			.9em 1em .2em 1em;
}
#mainContentNarrow {
	font-size:			90%;
	margin-left:		300px;
	margin-right:		15px;
	padding:			.9em 1em .2em 1em;
}
#floatRight{  /*trying this in v3 of home page*/
	background-color:	#FFFFFF;
	background-image:	none;
	float:				right;
	margin:				15px 45px 0 15px;
	padding: 			0 0 0 0;
	width:				250px;
}
#floatLeft{  /*trying this in v3 of home page*/
	background-color:	#FFFFFF;
	background-image:	none;
	float:				left;
	margin:				15px 15px 0 15px;
	padding: 			0 0 0 0;
	width:				250px;
}
#events {
	background-image:	url(images/box_top_gold_spotlight.png);
	background-repeat:	no-repeat;
	background-position:top;
	background-color:	#FFCC66;
	float:				right;
	font-size:			90%;
	margin:				15px 45px 0 15px;
	padding: 			0 0 0 0;
	width:				250px;
	}
#eventsGold {	/*also used in news page for rss feeds*/
	background-image:	url(images/box_top_gold_250x50.gif);
	background-repeat:	no-repeat;
	background-position:top;
	background-color:	#FFCC66;
	font-size:			90%;
	}
#eventsBlue {
	background-image:	url(images/box_top_blue_k12spotlight.gif);
	background-repeat:	no-repeat;
	background-position:top;
	background-color:#6392FF;
	font-size:			90%;

	}
#smallBlueSidebar {  /*trying this for the what works page, sharing*/
	background-color:	#003399;
	font-size:			90%;
	float:				right;
	font-size:			90%;
	margin:				15px 45px 0 15px;
	padding: 			0 0 0 0;
	width:				250px;
	}
ul.shareLinks li{
	background-color:	#003399;
	display: 			inline;
	font-size:			90%;
	margin:				0;
}
#plain {
	background-image:	none;
	background-color:	#FFFFFF;
	}
#wideRtBar {        /*trying it out in new version of home page*/
	background-image:	url(images/box_top_gold_250x50.gif);
	background-repeat:	no-repeat;
	background-position:top;
	background-color:	#FFCC66;
	float:				right;
	font-size:			90%;
	margin:				15px 45px 0 15px;
	padding: 			0 0 0 0;
	width:				250px;
	}
	
#spotlightText, #eventsText {
	margin:				0 0 0 1em;
	padding:		    0 1em 0 1em;
}
#spotlightTextBlue {
	margin:				0 0 0 1em;
	padding:		    0 1em 0 1em;

}
#eventsBanner {
	margin:				.2em;
	min-height:         90px;
	padding:	        0;
}
#eventsBtm {	/*also used in news page for rss feeds */
	background-image:	url(images/box_btm_gold_solid_250x25.png);
	background-repeat:	no-repeat;
	background-position:bottom;
}
#eventsBlueBtm {
	background-image:	url(images/box_btm_blue_gradient_250x25.png);
	background-repeat:	no-repeat;
	background-position:bottom;
}
#highlightBlock { /*used to highlight a section of text*/
	background-color:	#FFCC66;
	text-align:			center;
	padding:            2em;
}
#navBar { /*contains no text on ATI home, but does on K12 and Preschool*/
	clear:				both;
	background-color:	#990000;
	color:				#FFFFFF;
	font-size:			80%;
	text-align:			center;
	padding:			.2em 0 .2em 0;
}
#footer {
	background-color:	#66BB49;
	clear:				both;
	color:				#FFFFFF;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			90%;
	padding:		    .5em 0 .5em 0;
	text-align:			center;
}
#proceedings {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			90%;
}
#flashReplace {
	/*this section is needed for inserting the flash movie into the website*/
}
.floatRightBasic {
	float:				right;
}
.floatLeftBasic {
	float:				left;
}

.floatLeftImage {/*trying this for the what works page*/
	background-image:	url(images/whatWorks/maroonLineGradient_250x3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	float:				left;
}

p.tocBar { 				/*K12, preschool*/
	margin:				0 0 0 0;
	padding:            0 0 0 .5em;
}

ul.content li {			/*K12, preschool*/
/*	background-image:	url(images/diamond_maroon.gif);
	background-position:.1em;
	background-repeat:	no-repeat;*/
	font-size:			90%;
	list-style-image:	url(images/diamond_maroon.gif);
	list-style:			square;
	margin-left:		1.5em;
	padding:            .2em .5em .1em .5em;
}
ul.diamond li {
	font-size:			93%;
	list-style-image:	url(images/diamond_maroon.gif);
	list-style:			square;
	margin-left:		1.5em;
	padding:            .2em .5em .1em .5em;
}

ul.nested li {			/*K12, preschool*/
/*	background-image:	url(images/diamond_maroon.gif);
	background-position:.1em;
	background-repeat:	no-repeat;*/
	font-size:			90%;
	list-style-image:	url(images/diamond_maroon_small.gif);
	list-style:			square;
	margin-left:		1.5em;
	padding:            .5em 0em .3em 1.5em;
}
ul.contentNoPad li {			/*K12, preschool*/
/*	background-image:	url(images/diamond_maroon.gif);
	background-position:.1em;
	background-repeat:	no-repeat;*/
	font-size:			90%;
	list-style-image:	url(images/diamond_maroon.gif);
	list-style:			square;
	margin-left:		1.5em;
}
ul.nestedNoPad li {			/*K12, preschool*/
/*	background-image:	url(images/diamond_maroon.gif);
	background-position:.1em;
	background-repeat:	no-repeat;*/
	font-size:			90%;
	list-style-image:	url(images/diamond_maroon_small.gif);
	list-style:			square;
	margin-left:		1.5em;
	}
ul.toc li {				/*K12, preschool*/
	background-color:	#FDD582;
	font-size:			90%;
	list-style:			none;
	margin:				0 0 0 0;
	padding:            .3em .5em .3em 1.5em;
}
ul.navLinks li{
	display: 			inline;
	font-size:			90%;
	margin:				0;
}

ul.spotlight li { /*specific to ATI home*/
	list-style-image:	url(images/diamond_blue_gold.gif);
	list-style:			square;
	padding:            .3em .5em .3em 1.5em;
}
ul.events li { /*specific to ATI home*/
	list-style-image:	none;  
	list-style:			none;
	padding:            .3em .5em .3em .1em;
}
h1 {
	font-size:			105%;
	font-weight:		bold;
	color:				#000000;
	text-align:			right;
}
h2 {					/*used rarely, e.g. events page*/
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			95%;
	font-weight:		bold;
	margin:				0 .5em 0 .3em;
	padding:            0 .2em 0 .2em;
}
h3 {
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			115%;
	font-weight:		bold;
	margin:				.3em 0 .3em .3em;
}
h4 {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			105%;
	font-weight:		bold;
	margin:				.3em 0 .3em .5em;
}

h5 {
	border-bottom-style:solid;
	border-color:		#FFFFFF;
	font-size:			90%;
	font-weight:		normal;
	padding:            0 0 0 .5em;	
}

/*
li {
	font-size:			90%;
	list-style-image:	url(images/diamond_maroon.gif);
	list-style:			none;
	margin:				0 1em 0 0;
	padding:			.2em .2em .3em .2em;
*/
a.headerLinks:link {
	color:				#000000;
	text-decoration:	none;
}
a.headerLinks:visited {
	color:				#000000;
	text-decoration:	none;
}
a.headerLinks:hover {
	color:				#990000;
	text-decoration:	none;
}

a.blackLinks:link {
	color:				#000000;
	text-decoration:	none;
}
a.blackLinks:visited {
	color:				#990000;
	text-decoration:	none;
}
a.blackLinks:hover {
	color:				#990000;
	text-decoration:	underline;
}
a.linksPlain:link {
	text-decoration:	none;	
}
a.linksPlain:visited {
	text-decoration:	none;	
}
a.linksPlain:hover {
	text-decoration:    underline;	
}
a.bodyLinks:link {
	color:				#990000;
	text-decoration:	underline;
}
a.bodyLinks:visited {
	color:				#530D02;
	text-decoration:	underline;
}
a.bodyLinks:hover {
	color:				#990000;
	text-decoration:	underline;
}
a.tabLinks:link {
	color:				#FFFFFF;
	text-decoration:	none;
}
a.tabLinks:visited {
	color:				#FFFFFF;
	text-decoration:	none;
}
a.tabLinks:hover {
	color:				#FFFFFF;
	text-decoration:	underline;
}
a.whiteLinks:link {
	color:				#FFFFFF;
	text-decoration:	none;
}
a.whiteLinks:visited {
	color:#FDE182;
	text-decoration:	none;
}
a.whiteLinks:hover {
	color:				#FFFFFF;
	text-decoration:	underline;
}

span.currentPage {
	font-weight:		bold;
}
span.boldText {
	font-weight:		bold;	
}
span.italicText {
	font-style:			italic;
}
span.homePage {
	color:				#FFFFFF;
}
span.highlightColor {
	color:				#FFCC66;
	padding: 	0 .3em 0 .3em;
}
span.blackText {
	color:				#000000;	
}
span.grayText {
	color:				#C3C3C3;
}
span.whiteText {
	color:				#FFFFFF;
	padding:            0 .3em 0 .3em;
}
span.whiteBoldText {
	color:				#FFFFFF;
	font-weight:		bold;
	padding:            0 .3em 0 .3em;
}
span.whiteBoldText_noPad {
	color:				#FFFFFF;
	font-weight:		bold;
}
span.trademarkFont {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}
span.grayText {
	color:#606060;
}
span.maroonText {
	color:				#990000;
}
span.maroonTextSmall {
	color:				#990000;
	font-size:			90%;
}
span.maroonTextBold {
	color:				#990000;
	font-weight:		bold;
}
span.blueText {
	color:				#003399;
}
span.greenText {
	color:				#66bb49;
}
span.font90Text {
	font-size:			90%;
}
span.font101Text {
	font-size:			101%;
}
span.plainSidebarText {
	font-size:			90%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
span.smallText {
	font-size:			75%;
}
span.maroonBoldItal {
	color:				#990000;
	font-weight:		bold;
	font-style:			italic;
}
span.GeoLrgBoldMaroon{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			115%;
	font-weight:		bold;
	color:				#900;	
}
span.GeorgiaFontFamily{
	font-family:		Georgia, "Times New Roman", Times, serif;
}
span.VerXLBold {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			130%;
	font-weight:		bold;
}
span.VerLrgBold {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			110%;
	font-weight:		bold;
	margin:				.3em 0 .3em .5em;
}
span.VerLrg {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			110%;
}
span.VerMedBold {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			103%;
	font-weight:		bold;
}
span.VerMedItal_NoMargin{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			103%;
	font-style:			italic;
}
span.VerMedItal{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			103%;
	font-style:			italic;
	margin:				.3em 0 .3em .5em;
}

span.tableCellMaroon{
	color:				#990000;
	font-size:			90%;
}
span.goldText{
	color:				#FC6;
}