/*------------------------------------------------------
URL:			www.NomadicEducator.com
Creator:		Arturo Alvarez
Last Update:	2/21/2021
------------------------------------------------------*/


/*------------------------------------------------------
ALL PAGES
------------------------------------------------------*/

html, body {

	background-color: #ffffff; /*white*/

	color : #666666; /*text light grey*/

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	-moz-opacity:.999;

	margin: 0;

	padding: 0;

	height: 100%;

}

header {

	padding: 10px;
	min-width: 999px;

	background:   -khtml-radial-gradient(#003399, #000000); /*Lblue, black*/

	background:   -moz-radial-gradient(#003399, #000000); /*D.blue*/

	background:   -ms-radial-gradient(#003399, #000000); /*Lblue, black*/

	background:   -o-radial-gradient(#003399, #000000); /*Lblue, black*/

	background:   -webkit-radial-gradient(#003399, #000000); /*Lblue, black*/

	background: radial-gradient(#003399, #000000); /*D.blue*/

	zoom: 1; /*IE-only problem that places a margin between tags creating white space between them*/
	cursor: pointer;

}

.block-link {

	display: block;

}

.nav {

	position: relative; top: -8px; left: 10px;

}

article {

	position: relative;

	width: 975px; /*100%*/
	margin: 0 auto 50px; /*50 px Margin from the footer element*/
}

footer {

	width: 100%; min-width: 1000px; height: 70px;

	padding-top: 30px;

	margin-top: 100px;

	color: #ffffff; /*white*/

	background: #333333; /*d grey*/
	text-align : center;

	word-spacing : 10px;

}

footer a {

	color: #ffffff; /*W*/
	text-decoration: none;

}
hgroup h1 {
	color: #ffffff; /*white*/
	font-family: garamond;
	font-size : 46pt;
	margin: 0; padding: 0;
	position : absolute; left : 31%; top : 5px;
}
hgroup h2 {
	color : #D3D3D3; /*light grey*/
	font-size : 12pt;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-weight: normal;
	position : absolute; left : 30%; top : 90px;
	margin-left: 5px;
	margin-top: 0; padding: 0;
}
h1 {
	font-size: 24pt;
	margin-top : 60px;
	color : #003366; /*dark blue*/
}
h2 {
	margin: 40px 0 0;
 	color : #33CC00; /*light green*/
}
h2 a {
 	color : #33CC00; /*light green*/
	text-decoration : none;
}
h3 {
	color: #33CC00; /*light green*/
	padding-bottom: 0px;
	margin-bottom: 0px;
}
h3 a {
	font-size : 12pt;
	text-decoration : none;
	color : #33CC00; /*light green*/
}
.redTab {
	border-top : solid thin #CCCCCC; /*light grey*/
	padding : 5px;
	margin-top : 20px;
}
.redTab a {
	font-variant : small-caps;
	text-decoration : none;
	color : #FF3300; /*light red*/
}
.comicSansText {
	font-family: "Comic Sans MS", cursive, sans-serif;
}
figure {
	margin: 0px; padding: 0px;
}
.hideElement {
	display: none;
}
img {
	max-width: 100%; /*for flexible (fluid) images in a liquid layout*/
	height: auto; /* so images with a height attribute don't scale in one dimension */
}



/*------------------------------------------------------
HOME PAGE
------------------------------------------------------*/


#homeSlider {

	margin: 15px 0 30px;
}

#s3slider {

    width: 965px; /* important to be same as image width */
    height: 270px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */

}
#s3sliderContent {

    width: 965px; /* important to be same as image width or wider */

    position: absolute; /* important */
    top: 0; /* important */

    margin-left: 0; /* important */
    padding:0;
}

.s3sliderImage {

    float: left; /* important */

    position: relative; /* important */

    display: none; /* important */

}
.s3sliderImage span {

    position: absolute; /* important */

    left: 0;

    font: 15px Arial, Helvetica, sans-serif;

    font-weight: bold;
    padding: 10px 13px;

    width: 965px;

    background-color: #33CC00; /*light green*/

    filter: alpha(opacity=70); /* here you can set the opacity of box with text */

      -khtml-opacity: 0.7; /* here you can set the opacity of box with text */

      -moz-opacity: 0.7; /* here you can set the opacity of box with text */
      -ms-opacity: 0.7; /* here you can set the opacity of box with text */

      -o-opacity: 0.7; /* here you can set the opacity of box with text */

      -webkit-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    bottom: 18px; /*

        if you put top: 0;  -> the box with text will be shown

                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown

                                at the bottom of the image
    */

}

.clear {
	clear: both;

}

#firstBlock	{

	position: static;

	height: 100%; width: 175px;

	margin-top: 15px;
	box-shadow: 5px 5px 0px #003399; /*light blue*/
	border: 3px inset #336600; /*D green*/
}

#firstBlock h2 {

	font-size : 14pt;

	margin-top: 20px; margin-bottom: 10px;
	border-bottom: 3px dotted #666666; /*light grey*/

}

#secondBlock {

	position: relative; left: 15px; top: -25px;

	height: 100%;
}

#thirdBlock {

	position: relative; left: 10px; top: -43px;

	height: 100%; width: 249px;

}

#fourthBlock {

	position: relative; left: 30px; top: -61px;

	height: 100%; width: 249px;
}


#homeFooter {
	margin-top: 125px;
}


/*------------------------------------------------------
ABOUT: Our History
------------------------------------------------------*/
#blockDifferent {
	position : static;
	width: 330px;
}
#blockPriorities {
	position : absolute; left: 340px; top: 302px;
	width: 290px;
}
#blockGoals {
	position : absolute; left : 640px; top: 302px;
	width: 290px;
}


/*------------------------------------------------------
ABOUT: Meet Our President
------------------------------------------------------*/
#twoColumn {
	position: relative;
}
#bio {
	width: 273px; height: 100%;
	border-right: 1px dotted #5C7B7B;
	margin: 20px 0;
}
#bio a {
	padding:5px 5px 3px 5px;
	border: 1px solid #666;
	display: block;
	cursor: pointer;
	margin: 0 10px 8px 0;
	width: 240px;
}
#bio img {
	display:block;
	cursor: pointer;
}
blockquote {
	font : 24px Times;
	text-indent : 23px;
	color: #003399; /*light blue*/
}
#signature {
	text-align : right;
	padding-right : 30px;
}
#bioQuote {
	position: absolute; left: 300px; top: 40px;
	width : 660px;
}


/*------------------------------------------------------
ABOUT: Bio
------------------------------------------------------*/
.imageLeftBio {
	float : left;
	width : 220px;
	height : 342px;
	padding : 5px;
	margin : 0px 10px 10px 0px;
	border : solid thin #CCCCCC; /*light grey*/
}
h1#bioH1 {
	margin-top: 0;
}
#bioParagraphs {
	width: 90%;
}


/*------------------------------------------------------
ABOUT: Who We Serve
------------------------------------------------------*/

.schoolClients {
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
}

/*------------------------------------------------------
SCHOOL RESOURSE CENTER: All
------------------------------------------------------*/
#skip a {
	font-size: 15px;
	text-decoration : none;
	color : #33CC00; /*light green*/
}
.h2Division {
	color: #333333; /*D grey*/
	font-weight: normal;
}	/*h2 heading with grey and green letters*/
th {
	cursor: pointer; /*For both main and non-main pages*/
}


/*------------------------------------------------------
SCHOOL RESOURSE CENTER: Main
------------------------------------------------------*/
#objectivesSRC li {
	font-style: italic;
	font-size: 14px;
}
#promotionalItems {
	width-max : 990px;
	margin-top : 20px;
	border-collapse: separate;
	border-spacing : 45px 8px;
}
#promotionalItems img {
	width : 141px;
	height : 181px;
	border : solid thin #CCCCCC; /*light grey*/
}	/*Top Sellers and Monthly Highlights blocks*/


/*------------------------------------------------------
SCHOOL RESOURSE CENTER: Tables
------------------------------------------------------*/
table.striped th a {
	color: #ffffff; /*white*/
}

table.striped {
	/*border-collapse: collapse; no breaks in border*/
	text-align: left;
	color: #000000; /*B*/
	width: 98%;
}
table.striped th {
	font-weight: bold;
	background: #333333; /*D grey*/
	color: #FFFFFF; /*W*/
	padding-top: 4px;
}
table.striped tr:nth-child(odd) {
	background-color: #CCCCCC; /*L grey*/

}
table.striped tr:nth-child(even) {
	background-color: #999999; /*M grey*/
}
.highlight {
	background-color: #4682B4 !important; /*L blue*/
}
.striped tr a {
	color : #003399; /*light blue*/
}
.tableLink {
	text-align: center !important;
}