@import "/main/css/format.css";
/************************************************************
 * EXTERNAL STYLESHEETS */
/* CSS Document Created for: www.census.gov web sites */
/* Original styles author: carollynn hammersmith, WSC/SSD*/
/* creation: 1 Oct. 2008*/
/* Updated: 31 March 2009 */

/* CSS FORMAT: CSS is laid out as html appears in the page, top to bottom, left to right */

/*Page Layout Styles --------------------------------------------------------------*/

/* Site Name & Masthead images */

#masthead {
	background: #09c url(/schools/img/slice.gif) repeat-x left center;
	color: #FFF; 
}

/* Displays the 3 image masthead */
div#masthead h1 {
	background: url(/schools/img/icon.jpg) no-repeat right top;
} 

/* top Nav - regular and dropdown - NOTE - THESE COLORS ARE THE STANDARD ECON COLORS AND CAN BE CHANGED TO SUIT YOUR SITES NEEDS */
#dropdown {
	margin: 0 auto;
	background-color: #eee; /*changed your custom color per usability test March 2009*/
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 4px solid #9DB627; /*#175F39*/; /*This is the default color of the bottom border*/
	padding: 5px 0 1px 1em;
}

/* top level Nav category that is selected is "grayed" out and unclickable, indicating what category the visitor is in. */
#dropdown li.selected {
	background-color: #b6d232;   /* This is the color of the bottom border */
	padding: 2px 10px;  
	color: #333;  /*color of text in the top nav when the selection is unclickable */
	border: 1px solid #fff; 	
	border-bottom: 2px solid #b6d232;
	text-decoration: none;
} 

ul.rMenu li a {
	color: #fff;	/* color of text in top nav */
	border-top: 1px solid #7B8999;  /*several shades lighter than the background */
	border-right: 1px solid #7B8999; /*several shades lighter than the background */
	border-bottom: 1px solid #fb6333; /*same color as menu background */
	border-left: 1px solid #7B8999; /*several shades lighter than the background */
}

ul.rMenu-ver {	border-top: solid 1px #5a6775;	}

ul.rMenu li a {
	padding: 2px 10px 3px;	/* Do not change this! */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:focus,
ul.rMenu li a:visited,
ul.rMenu li a:active {
	color: #fff;
	text-decoration: none;
}

ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active,
ul.rMenu li:focus a:active {
	color: #000;
	background-color: #fc0; /* active hover color - is different than the selected link, grayed out color */
}

ul.rMenu li {
	background-color: #CF3100; /*#fb6333; default background color of menu items */
}

ul.rMenu li:hover,
ul.rMenu li:focus,
ul.rMenu li.sfhover {
	background-color: #fc0;	/* background color for parent menu items. */
}

ul.rMenu li a:hover,
ul.rMenu li a:focus {
	background-color: #fc0; /*#7EA879;*/ /* background color or top nav tab on hover */
	color: #000;  /*color of font on hover */
	border-bottom: 1px solid #fc0; /*this needs to be the same as the hover background color */
}

/* Left -Column Styles-----------------------------------  */

.navcontainer ul {
	list-style-type: none; 
	padding: 0;
	margin: 0;
	width: 175px;
	border: 1px solid #ccc; 
	border-width: 0 1px 1px 1px;
}

.navcontainer li {
	padding: 3px 5px 2px 1.5em;
	border-top: 1px solid #ccc;
	background: url(/schools/img/dot.gif) no-repeat 0.5em center;
	font-size: 90%;
	line-height: 1.4;
}

.navcontainer ul li a {
	display: block;
	text-decoration: none;
	color: #00F;
}

.navcontainer ul li.selected, .navcontainer ul li:hover.selected  /*This style grays out the selected link in the left nav */
{
	text-decoration: none;
	color: #333;
	background-color: #DFF8FF;
}

.navcontainer ul li a:visited {
	color: #909;
}

.navcontainer ul li:hover, .navcontainer ul li a:hover,
.navcontainer ul li:focus, .navcontainer ul li a:focus {
	color: #900;
	text-decoration: underline;
}

/* Left-column and right-column styles --------------------------------------------*/

	
#left-column .hi-lite, #right-column .hi-lite{
	border:1px solid #ccc;
	padding:1em;
	margin: 10px 5px;
	line-height:130%;
	font-size:85%;
}

.hi-lite form, .hi-lite p    {margin-top:0;}
/* Middle column Content ------------------------------------------------------*/

#middle-column li {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

/* Decorative Boxes */

.hi-lite {
	border:1px solid #B6D232;
	padding:5px;
	margin:5px;
	line-height:130%;
}

/* Decorative Boxes */
h3.hi-litehead {
	display:inline;
	position:relative;
	top:-14px;
	background-color:#fff;
	padding: 0 4px;
	margin: 5px;
	font-weight:bold;
	text-align: center;
	color: #6A7F07;
	font-size: 150%;
}

/* right column styles --------------------------------------------------------*/

#left-column .inside h3, #right-column .inside h3 { 
/************IMPORTANT***********/
/*DON'T change ANY of this style's values, Affects how IE 6 displays content.*/
padding: 0 ; 
margin: .5em 0 ; 
}

/* Custom CSS styles */
/* This is where site owners can add new css for their sites */

#maincontent {
    margin-left: 1em;
    margin-right: 4em;
}

.navcontainer #LeftMenu {
    padding: 0 1em 1em 1em;
    margin: 1em 0;
    border: 1px solid #09C;
}

.navcontainer #LeftMenu ul {
    list-style-type: disc;
    border: none;
    padding: 0 0 0 3em;
    width: auto;
}

.navcontainer #LeftMenu li {
    padding: 0;
    border: none;
	background: none;
}

.navcontainer #LeftMenu li a {
    display: inline;
}

#replace h3 {
    text-align: center;
}


/* All color box common styles */
.yellowbox, .greenbox, .orangebox, .bluebox, .greenframe, .blueframe, .yellowboxtl, .yellowboxbl, .yellowboxtr, .yellowboxbr  {
	padding: 0 5px;
	vertical-align: top;
}
.yellowbox p, .greenbox p, .orangebox p, .bluebox p, .yellowboxtl p, .yellowboxbl p, .yellowboxtr p, .yellowboxbr p {
	padding: 0;
}
.yellowbox h3, .greenbox h3, .orangebox h3, .bluebox h3, .yellowboxtl h3, .yellowboxbl h3, .yellowboxtr h3, .yellowboxbr h3  {
	padding: 8px 0px;
	margin: 0;
}
.yellowtab, .greentab, .orangetab, .bluetab {
	font-weight: bold;
	list-style: none;
	padding: 0;
	margin: 0;
}
 
.yellowtab li, .greentab li, .orangetab li, .bluetab li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	letter-spacing: .15em;
}

.yellowtab a, .greentab a, .orangetab a, .bluetab a {
	text-decoration: none;
	padding-left: 3em;
}
.yellowtab a:hover, .greentab a:hover, .orangetab a:hover, .bluetab a:hover,
.yellowtab a:focus, .greentab a:focus, .orangetab a:focus, .bluetab a:focus {
	color: #000;
	text-decoration: none;
	padding-left: 3em;
}
#yellowtab a, #greenTab a, #orangeTab a, #bluetab a {
	color: #000;
	text-decoration: none;
	padding-left: 1em;
	font-weight: bold;
}

#yellowtab a span, #greenTab a span, #orangeTab a span, #bluetab a span,
#yellowtab a:hover span, #greenTab a:hover span, #orangeTab a:hover span, #bluetab a:hover span,
#yellowtab a:focus span, #greenTab a:focus span, #orangeTab a:focus span, #bluetab a:focus span {
	padding-right: 1em;
}

#yellowtab a:hover, #greenTab a:hover, #orangeTab a:hover, #bluetab a:hover,
#yellowtab a:focus, #greenTab a:focus, #orangeTab a:focus, #bluetab a:focus {
	color: #000;
	padding-left: 1em;
}


/* Blue Box Styles */
.blueframe {
	text-align: left;
	vertical-align: top;
	border: 1px solid #09C;
}
.bluebox {
	border: 1px solid #09C;
}
.blueboxindex {
	border: 1px solid #09C;
	background: #FFF;
	height: 13em;
   padding: .5em 1em;
}


/* Blue Tab Styles */
#bluetab a {
	background: #09c url(/schools/img/btab1-l.gif) no-repeat left top;
}
#bluetab a span {
	background: url(/schools/img/btab1-r.gif) no-repeat right top;
}
#bluetab a:hover,
#bluetab a:focus {
	background: #DFF8FF url(/schools/img/btab2-l.gif) no-repeat left top;
}
#bluetab a:hover span,
#bluetab a:focus span {
	background: url(/schools/img/btab2-r.gif) no-repeat right top;
}
.blueline {
	border-top: 1px solid #09C;
	border-right: 1px none #09C;
	border-bottom: 1px none #09C;
	border-left: 1px none #09C;
}
.bluetext {
	font-size: 120%;
	color: #09C;
	font-weight: bold;
}


/*Green Box Styles */
.greenbox {
	border: 1px solid #B6D232;
}
.greenboxindex {
	border: 1px solid #B6D232;
	background: #FFF;
	height: 13em;
    padding: .5em 1em;
}
.greenboxindex p {
	margin: 10px 0;
    padding: 0;
}


/* Green Tab Styles */
#greenTab a {
	background: #B6D232 url(/schools/img/gtab1-l.gif) left top no-repeat;
}
#greenTab a span {
	background: url(/schools/img/gtab1-r.gif) no-repeat right top;
}
#greenTab a:hover,
#greenTab a:focus {
	background: #e7f0b9 url(/schools/img/gtab2-l.gif) no-repeat left top;
}
#greenTab a:hover span,
#greenTab a:focus span {
	background: url(/schools/img/gtab2-r.gif) no-repeat right top;
}


/* Orange Box styles */
.orangebox {
	border: 1px solid #FB6333;
}
.orangeboxindex {
	border: 1px solid #FB6333;
	background: #FFF;
	height: 13em;
    padding: .5em 1em;
}


/* Orange Tab Styles */
#orangeTab a {
	background: #FB6333 url(/schools/img/otab1-l.gif) left top no-repeat;
}
#orangeTab a span {
	background: url(/schools/img/otab1-r.gif) no-repeat right top;
}
#orangeTab a:hover,
#orangeTab a:focus {
	background: #FEDACD url(/schools/img/otab2-l.gif) no-repeat left top;
}
#orangeTab a:hover span,
#orangeTab a:focus span {
	background: url(/schools/img/otab2-r.gif) no-repeat right top;
}



/* Yellow box styles */
.yellowbox {
	border: 1px solid #FC0;
	
}
.yellowboxindex {
	border: 1px solid #FC0;
	background: #FFF;
}

.yellowboxtl {
	border-top: 1px solid #FC0;
	border-right: 1px solid #FC0;
	border-bottom: 1px solid #FC0;
	border-left: 1px solid #FC0;
background: url(/schools/img/yellbg.gif) no-repeat left top;
}
.yellowboxbl {
	border-top: 1px none #FC0;
	border-right: 1px solid #FC0;
	border-bottom: 1px solid #FC0;
	border-left: 1px solid #FC0;
background: url(/schools/img/yellbg.gif) no-repeat left top;
}
.yellowboxtr {
	border-top: 1px solid #FC0;
	border-right: 1px solid #FC0;
	border-bottom: 1px solid #FC0;
	border-left: 1px none #FC0;
background: url(/schools/img/yellbg.gif) no-repeat left top;
}
.yellowboxbr {
	border-top: 1px none #FC0;
	border-right: 1px solid #FC0;
	border-bottom: 1px solid #FC0;
	border-left: 1px none #FC0;
background: url(/schools/img/yellbg.gif) no-repeat left top;
}

/*Flash Content styles */

table.flash{width: 760px; margin: 0 auto; border-collapse: collapse; border: 1px solid #ccc; text-align: center; padding: 0;}

td.flashLeftNav{width: 100px; padding: 0; margin: 0; }
td.flashRightContent {width: 660px; padding: 0; margin:0; }

/*Pop Clocks Styles for left side, main page */

#popclocks {text-align: center;font-weight: bold; margin: 0 auto;}
#usclocktext {font-size:90%; font-weight: bold; }
#usclocknum {color: #f00; font-weight:bold; font-size: 130%;}
#wclocktext{ font-weight: bold; font-weight:bold; font-size: 90%;}
#wclocknum {color: #f00; font-weight: bold; font-size:90%;}
#clocktime { font-size: 68%; }

div.clock {
	width: 200px;
	border: 1px solid #09c;
	color:#000;
	float: left;
	font-weight:bold;
	line-height:140%;
	padding:1em;
	margin: 0 2em 0 0;
	text-align: center;
}

.thinborderfloat {
    float: right;
    padding: 0 5px 5px 5px;
    margin: 0 1em .5em 1em;
}


/* Style for Category 2010 Census page */
.census2010 {
	padding: 0;
	margin: 1em 0 0 0;
	text-align: left;
	vertical-align: top;
	width: 98%;
	border: 0;
	border-top: 4px solid #F60;
	border-collapse: collapse;
}
td.video {
	text-align: center;
	width: 55%;
}
td.video, td.timeline, td.timelineavo {
	border:  1px solid #999;
	vertical-align: top;
}
td.timeline {
	background-color: #E7F0B9;
	padding: 2px .25em 3px .5em;
	text-align: left;
	width: 40%;
}
td.timelineavo {
	background-color:  #B6D232;
	padding: 2px .25em 3px .5em;
	text-align: left;
}
td.timeline h3, td.video h3 {
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
td.timelineBot {
	background-color: #E7F0B9;
	padding: 2px .25em 3px .5em;
	text-align: left;
/*	border-width: 1px 1px 1px 0; */
}

#flashcontent {visibility:hidden}
#myFlashContent {visibility:hidden}

.lgtext {
	font-size: 120%;
	color: #000;
	font-weight: bold;
}


/*Flash content area Styles */
#flashcontent_nav {
    border: solid 1px #000;
    width: 100px;
    height: 410px;

}
#flashcontent_main {
    border: solid 1px #000;
    width: 660px;
    height: 410px;
}
#flashcontent_cat {
    border: solid 1px #000;
    width: 360px;
    height: 396px;
    margin: 0 auto;
    text-align: center;
}

.entry {
    margin: 0px 50px;
    padding: 15px 20px 10px;
}

.areatd{
	background: #dff8ff;
	text-align: center;
	border: 1px solid #ccc;
	border-right: none;
	vertical-align: middle;
	width: 18%;
}
.lessonstd {
	background: #eee;
        padding: 10px 10px 0 10px;
	text-align: left;
	border: 1px solid #ccc;
	vertical-align: top;
}
.gradestd {
	background: #fed44e;
	text-align: center;
	border: 1px solid #ccc;
	line-height: 25px;
	width: 18%;
}