@charset "UTF-8";

* html .box-content {
height: 1%;
}


/*---------------------------------------------GLOBAL STYLES----[BEGIN]-------------------*/

html{
	font-size: 100%;
	overflow-y:scroll;
} 

body {
	font-size: 1em;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #444;
	padding: 0;
	margin: 0;
}

ul {
	font-size: 0..9em;
	line-height: 1.5em;
	margin: 1.5em;
}


p{
	font-size: 1em;
	line-height: 1.7em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: .8em;
	margin-left: 1.2em;
	max-width: 29.565em;
	color:#454545;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

h1{
	font-size: 1.1em;
	line-height: 1em;
	font-weight: 600;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: transparent;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0.2em;
	margin-left: 1em;
}

h2{
	font-size: 1.125em;
	line-height: 1em;
	font-weight: normal;
	margin-top: 1.2em;
	margin-right: 1em;
	margin-bottom: 0.125em;
	margin-left: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #313131;
}

h3{
	font-size: 1.1em;
	line-height: 1em;
	font-weight: 500;
	margin-top: 1.2em;
	margin-right: 1em;
	margin-bottom: 0.1em;
	margin-left: 1em;
	font-style: normal;
}


h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:.8em;
	margin-left:2em;
}
.caption {
	margin-left: 14px;
}

.floatright {
	float: right;
}

.clear {
	clear:	both;
	height:	0px;
	font-size: 0px;
	line-height: 0px;
}

#topheader {
	position:relative;
	width:100%;
	height:6.39em;
	background-image: url(../images/topheaderbg.png);
	background-repeat: repeat-x;
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #466299;
	background-color: #478b79;
}


#topheader img {
	text-align: left;
	margin-left: -27em;
}




#topheader-link {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 300px;
	height: 70px;
	background-color: transparent;
	border: 1px solid #F90;
}

#header {
	max-width: 61.6875em;
	height:.1em;
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}

#wrap{
	max-width: 61.6875em;
	text-align: left;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-left: auto;
	height: 1%;
	background-color: #FFF;
	background-position: -100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*---------------------------------------------GLOBAL STYLES----[END]-------------------*/

/*---------------------------------------------LAYOUT STYLES----[BEGIN]-------------------*/

/*This is just for the home page*/
#innerwrap {
	max-width: 53em;
	margin: 1.5em auto;
	background-color: transparent;
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#innerwrap p {
	max-width: 28.565em;
}
#innerwrap ul {
	max-width: 24.565em;
	font-size: 0.9em;
	list-style:none;
	margin:0.2em 0 1em 20px;
	padding: 0;
}


#innerwrap ul li{
	line-height:1.3em;
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin-top: 0.75em;
	margin-right: 0;
	margin-bottom: 0.75em;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

.innerwrap_screenshots {
	background-color: #FFF;
	float: right;
	width: 21.875em;
	border: 0px none #333333;
	text-align: center;
	margin-top: 2em;
}
.innerwrap_screenshots img {
	border: 2px solid #666;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 3px;
}

#latestwork {
	position:relative;
	width:18.75em;
	max-width: 18.75em;
	background-color: #FFF;
	float: right;
	margin-top:1.8em;
	margin-right:1em;
	margin-left: 0;
	height: 8em;
	background-image: url(../images/latest_work.png);
	background-repeat: no-repeat;
	background-position: 50% 60%;
}

#latestwork p {
	font-style: italic;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.6em;
	font-size: .8em;
	color: #666;
}

#latestwork-link {
	position: absolute;
	top: 20px;
	left: 5px;
	width: 18.75em;
	height: 8em;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.latestworklabel {
	background-color:#FFCC33;
	color:#000000;
	font-size:.8em;
	padding:3px;
	position:absolute;
	right:-13px;
	text-transform:uppercase;
	top:124px;
}

#blogpost {
	position:relative;
	width:18.75em;
	max-width: 18.75em;
	border: thin solid #666;
	float: right;
	margin-top: -25.5em;
	margin-right: 1em;
	height: 8em;
	color:#666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: transparent;
	background-image:url(../images/blogpost_bg.png);
	background-repeat: no-repeat;
}

#blogpost-link {
	position: absolute;
	top: 20px;
	left: 5px;
	width: 18.75em;
	height: 8em;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#blogpost ul li {
	padding:0 1em 0 0;
	line-height:1.4em;
	background-image:none;
}

#blogpost a:link{
	font-size:.9em;
	font-weight:bold;
	color: #AB3E36;
	text-decoration:none;
	
}

#blogpost a:visited{
	font-size:.8em;
	font-weight:bold;
	color: #AB3E36;
	text-decoration:none;
}


#twitterfeed {
	position:relative;
	width:18.75em;
	max-width: 18.75em;
	float: right;
	margin-top: -14em;
	margin-right: 1em;
	height: 14em;
	color:#666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
}




/*---------------------------------------------FEEDBURNER STYLES FOR BLOG POST----[BEGIN]-------------------*/


#creditfooter {
	display:none;
}

#contact {
	float: left;
	width:24em;
	height:14em;
	max-width: 24em;
	border: thin solid #666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4.1em;
	background-color: #e2e2e2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

			
#messageSent
            {
	color:#ff9933;
	display:none;
}

#social {
	width:56em;
	max-width: 56em;
	height:9.25em;
	border: thin solid #666;
	background-color: #e2e2e2;
	clear:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.3em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#social dl {
	float:left;
	text-align:center;
	margin-left:2em;
	margin-top: 1em;
	}
	
#social dt,dd {
	width:12em;
	float:left;
}

#social dt {
	margin-bottom:4em;
	}
	
	/* vertical space between the images */
	
#social dd {
	margin:55px 0 0 -12em;
	font-style:italic;
	}
	
#social img {
	vertical-align:bottom;border:0;
	}


#social p {
	float: left;
	margin-left: 15px;
}


/*These are all the  styles for the innerpages*/

#InnerPagesinnerwrap {
	max-width: 53em;
	margin: 1.5em auto;
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: right top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: none;
}
#InnerPagesinnerwrap ul {
	max-width: 29.565em;
	font-size: 1em;
	line-height: 1.2em;
}
#InnerPagesinnerwrap ul li {
	margin-top: 1em;
}
.firstparagraph {
	font-size: 1em;
	color:#1E765F;
	line-height: 1.4em;
}

#InnerPagesinnerwrap a {
	background-color: #FFF;
}


/*---------------------------------------------LAYOUT STYLES----[END]-------------------*/




/*---------------------------------------------NAVIGATION STYLES----[BEGIN]-------------------*/
/*The tabs work by adding the IDS tab1, tab2, etc into the body tag of their respective pages to turn them "on"*/

ul#tabnav {
	text-align: left;
	max-width:18.75 em;
	list-style-type: none;
	font-size: 0.75em;
	float:right;
	position:absolute;
	right: 0.8em;
	margin-top: -8em;
	margin-right: 5em;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	bottom: 0.3em;
}

ul#tabnav li { 
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7 {
	background-color: transparent;
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;*/
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a,body#tab7 li.tab7 a {
	background-color: #fff;
	color: #000;
	position: relative;
	top: 0px;
	padding-top: 3px;
}

ul#tabnav li a {
	padding: 3px 4px;
	background-color: rgba(240, 240, 240, 0.5);
	color: #00C;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border: 1px solid #466299;
	border-bottom:none;
}

ul#tabnav a:hover { 
background: #fff; 
}

/*---------------------------------------------NAVIGATION STYLES----[END]-------------------*/

 #contactFormContainer
            {
            	float:right;
 }
            #contactForm
            {
	height:277px;
	width:351px;
	display:none;
	background-color: #999;
            }
            #contactForm fieldset
            {
            	padding:30px;
            	border:none;
            }      
            #contactForm label
            {
	display:block;
	color:#CCC;
            }      
            #contactForm input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
            #contactForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }  
            #contactForm input[type=submit]
            {
	background-color:#666;
	border:solid 1px #23150c;
	color:#FFF;
	padding:5px;
            }                
            #contactLink
            {
	height:40px;
	width:351px;
	background-image:url(../images/slidein_button.png);
	display:block;
	cursor:pointer;
            }
#contact h1 {
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#messageSent
            {
	color:#CCC;
	display:none;
	background-color: #04557E;
}

#Educator_subnav {
	font-size: .875em;
	margin-bottom: 1em;
	margin-left: 0em;
}

#Educator_subnav a {
	text-decoration: none;
}


#Educator_subnav ul {
	list-style-type: none;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0.4em;
	margin-left: 0px;
}

#Educator_subnav li {
	display: inline;
	padding: .1em;
}

#Educator_subnav a:hover{
	color: #AB3E36;
}
	
.admin-page #admin-link a:link{
	padding: .2em;
	color: #AB3E36;
	
}

.admin-page #admin-link a:visited{
	padding: .2em;
	color: #AB3E36;
}


.classroom-page #classroom-link a:link{
	padding: .2em;
	color: #AB3E36;
}

.classroom-page #classroom-link a:visited{
	padding: .2em;
	color: #AB3E36;
}

.curriculum-page #curriculum-link a:link{
	padding: .2em;
	color: #AB3E36;
}

.curriculum-page #curriculum-link a:visited{
	padding: .2em;
	color: #AB3E36;
}
#InnerPagesinnerwrap .innerwrap_screenshots p {
	font-style: italic;
	margin-top: 0.1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.6em;
	font-size: .8em;
	color: #666;
	padding-top: 0em;
	padding-right: .8em;
	padding-bottom: 0em;
	padding-left: .8em;
}
#innerwrap blockquote {
	max-width: 29.565em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	line-height: 1.6em;
	font-size: .9em;
}
#InnerPagesinnerwrap p {
	margin-top: 0px;
	margin-bottom: 0px;
}