/* Font details */

body {
	font-family: 'Abel', Helvetica, Arial, sans-serif;
  text-align: left;
	font-style: normal;
	font-weight: normal;
	background: #EFDFBE url(/graphics-02/new-bg.jpg) no-repeat center;
	padding:0;
	margin:0 auto;
	border:0 none;
	font-family: arial;
	font-size: 90%;
	color:#333333
}

#container {border: solid 1px #d1d1d1;
box-shadow: 0px 0px 10px 0px rgba(53, 53, 53, 0.55);
-moz-box-shadow: 0px 0px 10px 0px rgba(53, 53, 53, 0.55);
-webkit-box-shadow: 0px 0px 10px 0px rgba(53, 53, 53, 0.55);
margin-bottom: 1em;
padding-bottom: 2em;
background-color: #fff8e4;
 }

#slideshow {background:url(/interactive/images/Poster.png)no-repeat;}

#float-notes-right {  
    width: 230px;
    float: right;
    margin-right: 2.5em;
}

blockquote a:link {
}
blockquote a:hover {
}
blockquote a:visited {
}
blockquote {
	font-style: normal;
	font-weight: 400;
	font-family: Abel;
	text-indent: 0px;
	font-size: 25px;
	line-height: 37px;
	margin-bottom: 14px;
}
h1 a:link {
}
h1 a:hover {
}
h1 a:visited {
}
h1 {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 25px;
	font-style: normal;
	font-weight: 400;
	font-family: 'Anton', Helvetica, Arial, sans-serif;
	color: rgba(96, 96, 96, 1.00);
	letter-spacing: -2px;
	display:none;
}
h2 a:link {
}
h2 a:hover {
}
h2 a:visited {
}
h2 {
	font-size: 4em;
	line-height: 1em;
  margin-top: 15px;
	margin-bottom: 10px;
	font-style: normal;
	font-weight: 500;
	font-family: Abel;
	color: rgba(89, 95, 130, 1.00);
	letter-spacing: -2px;
	text-align: left;
}
h3 a:link {
}
h3 a:hover {
}
h3 a:visited {
}
h3 {
	font-size: 2.5em;
	line-height: 50px;
	margin-bottom: 15px;
	margin-left: 0.3em;
	font-style: normal;
	font-weight: 400;
	font-family: Abel;
}
h4 a:link {
}
h4 a:hover {
}
h4 a:visited {
}
h4 {
    margin-left: 0.5em;
    line-height: 1.2;
    color: #595f82;
	margin-bottom: 10px;
	font-family: Abel;
	font-weight: 400;
	font-style: normal;
	font-size: 29px;
}
h5 a:link {
}
h5 a:hover {
}
h5 a:visited {
}
h5 {
	margin-bottom: 10px;
	font-style: normal;
	font-weight: 400;
	font-family: Abel;
	font-size: 20px;
}
h6 a:link {
}
h6 a:hover {
}
h6 a:visited {
}
h6 {
	font-weight: 400;
	font-style: normal;
	font-family: Abel;
	margin-bottom: 0px;
}
p a:link {
}
p a:hover {
	color: #000;
	background-color: #fff8e4;
}
p a:visited {
}

/* imagestyling */
.imagestyle {margin-left: 1em; border: solid 1px #d1d1d1; background-color: #fff;}

/* hide the print button */
p  {display: none;}

.page-content p {
  display: block;
	margin-bottom: 1em;
	line-height: 1.4em;
	font-size: 130%;
	font-style: normal;
	letter-spacing: 0em;
	font-weight: 400;
	font-family: Abel, Helvetica, Arial, sans-serif;
	margin: 0px;
  margin-bottom: 0.5em;
}
#fragment-66008 {
	width: 791px;
}

#wrapper {
	margin: 0 auto;
	
	
}
.container_16 {
	
}
.container_10 {
}
.container_4 {
}
.nav-sprite {
	background:url("/graphics-02/homegraphics/sprites/nav-sprite.png") top left no-repeat;
}

.nav-logo{ width:181px; height:140px; background-position:0 0; }
.nav-cool{ width:90px; height:140px; background-position:-181px 0; }
.nav-cool:hover{ width:90px; height:140px; background-position:-271px 0; }
.nav-music{ width:95px; height:140px; background-position:-361px 0; }
.nav-music:hover{ width:95px; height:140px; background-position:-456px 0; }
.nav-indigenous{ width:55px; height:140px; background-position:-551px 0; }
.nav-indigenous:hover{ width:55px; height:140px; background-position:-606px 0; }
.nav-discuss{ width:106px; height:140px; background-position:-661px 0; }
.nav-discuss:hover{ width:106px; height:140px; background-position:-767px 0; }
.nav-highschool{ width:132px; height:140px; background-position:-873px 0; }
.nav-highschool:hover{ width:132px; height:140px; background-position:-1005px 0; }
.nav-careerhub{ width:79px; height:140px; background-position:-1137px 0; }
.nav-careerhub:hover{ width:79px; height:140px; background-position:-1216px 0; }
.nav-guidance{ width:67px; height:140px; background-position:-1295px 0; }
.nav-guidance:hover{ width:67px; height:140px; background-position:-1362px 0; }
.nav-parents{ width:91px; height:140px; background-position:-1429px 0; }
.nav-parents:hover{ width:91px; height:140px; background-position:-1520px 0; }
.nav-geek{ width:64px; height:140px; background-position:-1611px 0; }
.nav-geek:hover{ width:64px; height:140px; background-position:-1675px 0; }


#slideshow {margin-top: 0px;}


/* navigation alterations */

.sidenav .level1menu, .sidenav .level1current  {
font-family: 'Abel', Helvetica, Arial, sans-serif;
font-size: 2em;
padding-top: 1.5em;
padding-bottom: 0.5em;
border-color: #c2c2c2;
}

.sidenav .level2menu{
    border-bottom: solid 1px #c2c2c2; 
    padding: 0.5em 0;
    background: transparent;
 }
 
 .sidenav .level2current {padding: 0.5em 0; padding-left: 5px;}

.sidenav a.level2menu {padding-left: 5px;}

.sidenav a.level2menu:hover {
 padding: 0.5em 0;
 padding-left: 5px;
 }


/* /navigation alterations */


#header {
	height: 140px;
background: #08324a url(/graphics-02/pu-bg.jpg) no-repeat;
}
#header ul.navigation {
	top: 0px;
	left: 0px;
	width: 960px;
	height: 140px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#header .navigation li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#header .navigation a {
	display: block;
	text-align: center;
	color: #ffffff;
	padding-top: 140px;
	text-decoration: none;
}



/* grid updates */
/* page navigation and hide print friendly */

.sidenav {margin:0; padding: 0;}
.smltext {display: none;}



/* end page navigation updates */

.page-content {
	background-color: #FFF8E4; 
}

.page-content p, .page-content h2 {padding: 0 15px; margin: 0.4em 0;}
.page-content #content-left .highlight { color: #666; font-size: 170%;}

#rightsidebar { padding: 0; overflow: visible;}
#rightsidebar p{padding: 0.5em; margin-left: -1em; }


/* facebook */

.fbook {
	width: 320px;
	
	margin: 0;
	margin-top: 2em;
	margin-left: -35px;
	padding: 100px 40px 30px 15px;
	background: transparent url(/graphics-02/facebook-bg.png) no-repeat;
}

.facebook h3 {
 font-family: 'Zeyada', cursive, Helvetica, Arial, sans-serif;
	margin: 0px 10px;
	margin-right: 1em;
	margin-left: 120px;
  padding-top: 0.1em;
  line-height: 1;
  padding-bottom: 10px;

}

.facebook p {font-size: 120%; margin-top: 2em;}





/* /facebook */

/* videos */

.pageplayvideo p{
    font-family: 'Zeyada', cursive, Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 200%;
    margin-top: 1em;
}

.mobile h3{
	 font-family: 'Zeyada', cursive, Helvetica, Arial, sans-serif;
	margin: 0px 10px;
  padding-top: 0.1em;
  line-height: 1;
  padding-bottom: 10px;
}

.mobile {
	width: 310px;
	height: 565px;
	margin: 0;
	margin-left: -10px;
	padding: 50px 40px 30px 40px;
	background: transparent url(/graphics-02/mobile.png) no-repeat;
}


.mobile ul{
  list-style: none;
  margin-top: -0.5em;
  margin-right: 70px;
}

.mobile ul li {

  list-style: none;
  font-size: 100%;
  padding-left: 25px;
  padding-right: 0px;
  margin-left: -25px;
  margin-top: 0em;
    font-size: 103%;
    line-height: 1.3em;
	font-weight: 400;
	font-family: 'Abel', Helvetica, Arial, sans-serif;
	
}

.mobile ul li a{
  text-decoration: none;
  display: block;
  margin-left: 0px;
	background: url(/graphics-02/vid-button-off.png) no-repeat 0px; 
  margin-bottom: 0em;
  margin-top: 0px;
  padding: 3px 10px 5px 30px;
  color: #333;
}

.mobile ul li a:hover {
	background: url(/graphics-02/vid-button-on.png) no-repeat 0px;
 color: #000;
 text-decoration: underline;
}

/* /videos */

/* pullquotes */

.pullquote {border-top: solid 4px #e6e3d8;}
.pullquote p {font-family: 'Abel', Helvetica, Arial, sans-serif; font-size: 140%;}
.pullquote p.text-right{text-align: right; font-size: 90%;}


.notes-02 {
  padding: 20px;
  margin-left: -1.5em;
  margin-top: 0;
  padding-top: 0px;
  /* background: url(/graphics-02/notes-bg.png) no-repeat; */
}

.notes-02 h3{
  font-family: 'Zeyada', cursive, Helvetica, Arial, sans-serif;
  line-height: 0.8em;
  color: #333;
  margin-top: 1em;
}
.notes-02 h4{font-family: 'Zeyada', cursive, Helvetica, Arial, sans-serif; size: 150%; line-height: 1; color: #333;}



/* image links */
#content-left .image-links, #content-left .image-links-fullwidth {
	clear: both;
}


#content-left .image-links p{
	float: left;
	width: 230px; 
    margin: 0.5em 0;
    font-size: 120%;
    position: relative;
}

#content-left .image-links-fullwidth{background-color: #f1e4c2; margin: 0 0 0.5em 0.7em; padding: 0.5em 0;}
#content-left .image-links-fullwidth img{position: relative; left: -10px; top: 0px; margin-left: -1em;}
.image-links-fullwidth p{
	
	margin: 0.5em 0;
    font-size: 120%;
    position: relative;
}

/* geekspeak table */

.geekspeaktable table{
	font-size: 90%;
	width: 635px;
}

.geekspeaktable table td p{font-size: 110%;}
.geekspeaktable table td {border-bottom: solid 1px #666;}

/* /geekspeak table */

/* audio player */
.audioplayer {margin-left: 1em; border: solid 3px #ddd; padding: 0.3em; background-color: #fff;}
/*/audio player */

.image-links a:hover img, #content-left a:hover img {opacity: 0.7;}

.image-links img{ position: relative; left: -10px; }

#content-left .image-links-fullwidth {overflow: auto;}
#content-left .image-links-fullwidth p{display: block;}    
#content-left .image-links p img {padding: 0; margin: 0; padding-bottom: 0.5em;}
#content-left .image-links-fullwidth p img {float: left;}

/* /image links */

.floatright {float: right; margin: 0 0 1em 1em;}
.floatleft {float: left; margin: 5px 10px 5px 0;}

/* form style */

.feedback {border: solid 1px #ddd; overflow: auto; padding: 1em; background-color: #fff;}
.feedback table td {padding: 0.5em;}


#footer {background-color: #fff8e4; color: #fff;}

.error {background: #3AE85A; padding: 3px;}