@charset "utf-8";
/* CSS Document */

/* Body Build */
*
 {margin: 0;
  }

html, body
 {height: 100%;  background-image:url(images/bluebg.jpg);
  font-family: Tahoma ,Arial,Verdana,sans-serif;
  font-size:1em;z-index:-1;
  }
  
p {font-size:.7em; color:#1a1816;
   font-family: Tahoma ,Arial,Verdana,sans-serif;
   line-height:22px;
   }
  
h1 {font-size:1em; color:#4c4b10; font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    }
	
h2 {font-size:.8em; color:#b0b71f; font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    }
	
h3 {font-size:.7em; color:#5aa57c; font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    }	
	
	
  

a:link {color:#934183;text-decoration: none;}
a:visited {color:#934183;text-decoration: none;}
a:hover {color:#ED8333;text-decoration: none;}
a:active {color:#b0b71f;text-decoration: none;}
  
/* contents */

.tmb
 {min-height: 100%;
  height: auto;
  height: 100%;
  margin: 0px auto -522px;
  background-color:#E9FEFF;
  z-index:1;
  }
  

  

.push
 {height: 10px;position:relative;margin-bottom:-400px;
  }


.top
 {
  width:100%;height:70px;
  position:absolute;
  top:0em;left:0em;
  margin:0em auto -70px;padding:0em;
  background-image: url(images/scrollbannertop.jpg);
  background-repeat:repeat-x;
  z-index:0;
  }

/* bottom */


.botbox {height:532px; width:auto;}

.bot
 {background-color: #FFFFFF;
  width:auto;height:92px;z-index:2;
  }
  
.botbanner {background-image:url(images/scrollbanner.jpg); background-repeat:repeat-x;width:100%;height:20px;}

#botinside {width:auto;height:90px;}	
#botname {width:266px;height:70px;margin:0px;padding:0px; background-image:url(images/botname.png); background-repeat:no-repeat;}
#bottext {font-size:9.6px;padding-top:48px;padding-left:6px;width:550px;height:10px;}
  
/* insides */
  
  #content {width:auto;height:800px;overflow-x:hidden;padding:0px 0px 0px;z-index:9;}
  .insides {width:1850px;height:400px;padding:0px;margin-top:0px; background-image:url(images/bluebg.jpg);}  
  .botboxR {width:1850px;height:10px; background-image:url(images/scrollbannerbotR.jpg);position:relative;margin-top:390px;}
  #instructions {margin-left:10px;width:100px;height:30px; background-image:url(images/instructions.gif); background-repeat:no-repeat;}
  
  
  .location {width:100px;height:20px;position:relative;top:-20px;}

/* insides contents */
  
#logo {width:70px;height:70px;margin:0px;padding:0px; background-image:url(images/logo.png); background-repeat:no-repeat;}  
#arch
 {padding:20px 15px 10px 15px;
  width:400px;
  height:347px;
  margin-left:20px;
  background-image:url(images/arch.png);
  border-left:5px solid #FFFFFF;
  }
  
#navigationbox {z-index:9;width:100px;height:347px; margin-left:20px;padding:20px 15px 10px 15px; border-left:5px solid #FFFFFF;background-image:url(images/arch.png);}
#navigationbox a {font-size:9.6px;}

#somenews {position:relative;left:640px;text-align:right;width:400px;height:347px;padding:20px 15px 10px 15px; border-left:5px solid #FFFFFF;background-image:url(images/arch.png);}


/* Animated Gifs */

  #turtle {
	background-image:url(images/turtlehead.gif);
	height:40px;
	width:40px;
	position:absolute;
	top:27px;
	left:284px;
	z-index:4;
	background-repeat:no-repeat;
}

  #right {
	background-image:url(images/extra/right.gif);
	height:50px;
	width:50px;
	position:absolute;
	top:82px;
	right:12px;
	z-index:4;
	background-repeat:no-repeat;
}

  #left {
	background-image:url(images/extra/left.gif);
	height:50px;
	width:50px;
	position:absolute;
	top:82px;
	left:12px;
	z-index:4;
	background-repeat:no-repeat;
} 
 
  #boy {
	background-image:url(images/boyhead.gif);
	height:40px;
	width:40px;
	position:absolute;
	top:12px;
	left:10px;
	z-index:5;
	background-repeat:no-repeat;
}

  #mouse {
	background-image:url(images/mousehead.gif);
	height:60px;
	width:60px;
	position:absolute;
	top:-13px;
	left:422px;
	z-index:4;
	background-repeat:no-repeat;
}

  #kid {
	background-image:url(images/kidhead.gif);
	height:10px;
	width:30px;
	position:relative;
	top:-19px;
	left:17px;
	z-index:5;
	background-repeat:no-repeat;
}

/* images */

#markname {background-image:url(images/markname.png); background-repeat:no-repeat; width:100px; height:380px;padding:0px;margin:0px;}
#contentender {background-image:url(images/contentender.png); width:50px;height:380px;padding:0px;margin:0px;position:relative;left:640px;border-left:5px solid #FFFFFF;}

/* Unordered Lists */

#botlist
 {width:386px;
  height:70px;
  margin-left:auto;
  margin-right:auto;
  }

#botlist ul { float:left;margin:0px;padding:0px;}
#botlist ul li { float: right; list-style-type: none; }
#botlist ul li a {
	letter-spacing:1px;
	text-decoration: none;
	}


#midlist {width:auto;}
#midlist ul { float:left;margin:0px;padding:0px;}
#midlist ul li { float:left; list-style-type: none; }



/* links page */

#resourcesright {width:150px;height:327px;margin-left:20px;padding:20px 15px 10px 15px;background-image:url(images/arch.png);}
#resourcesleft {width:150px;height:327px;margin-left:20px;padding:20px 15px 10px 15px;background-image:url(images/arch.png); float:right;border-left:5px solid #FFFFFF;}

/* school page */

  .botboxR2 {width:2050px;height:10px; background-image:url(images/scrollbannerbotR.jpg);margin-top:390px;}


#week {position:relative;left:190px;text-align:right;width:auto;height:347px;padding:20px 5px 10px 5px; border-left:5px solid #FFFFFF;}
#week ul { float:left;margin:0px;padding:0px;}
#week ul li { float: left; list-style-type: none;width:100px;height:347px;padding:0px 15px 0px 15px; }

.weekbg {background-image:url(images/arch.png)}
.weekbj {border-left:5px solid #FFFFFF;}

#contentender2 {background-image:url(images/contentender.png); width:50px;height:380px;padding:0px;margin:0px;position:relative;left:190px;border-left:5px solid #FFFFFF;}
.insides2 {width:2850px;height:400px;padding:0px;margin-top:0px; background-image:url(images/bluebg.jpg);}  

#workjournal {background-image:url(images/workjournal.png); background-repeat:no-repeat; width:50px; height:347px;float:right;}

/* index */

.contentindex {width:auto;height:400px;overflow:auto;padding:0px;}
.arrow {background-image: url(images/index.gif);height:425px;width:601px;margin-left:auto;margin-right:auto;margin-top:130px;
  		 border:5px solid #FFFFFF; background-repeat:no-repeat;}
.arrowref {background-image: url(images/extra/arrowref.gif); height:70px;width:611px;margin-left:auto;margin-left:-5px;margin-right:auto;margin-top:430px; 
  		}		 
.howto {background-image: url(images/extra/howto.jpg);height:70px;width:315px;margin-left:auto;margin-right:auto;margin-top:7px;
  		 border:5px solid #FFFFFF;}


/* extra */

.nothing {
	background-image: url(images/extra/cartoonss.jpg);
	width:962px;
	height:468px;
	margin-right:auto;
	top:155px;
	position:absolute;
	left: 83px;
}

#vote {background-image:url(images/extra/vote.jpg);width:240px;height:240px; background-repeat:no-repeat;margin-left:auto;margin-right:auto;margin-top:40px;border:4px solid #FFFFFF}
#download {margin-top:60px;margin-left:30px;}
#indexhide {overflow:hidden;}



#all {overflow:auto;}

/*posters */

#poster {position:absolute;top:170px;left:25%;height:450.798px; width:360.638px; background-image: url(projects/poster.jpg)}
#aiga {height:360px;width:334px; background-image:url(images/work/aiga.jpg); background-repeat:no-repeat;margin-top:15px;}
#moslo {height:360px;width:334px; background-image:url(images/work/moslo.jpg); background-repeat:no-repeat;margin-top:15px;}
#moslo2 {height:360px;width:334px; background-image:url(images/work/moslo2.jpg); background-repeat:no-repeat;margin-top:15px;}
#pfc {height:360px;width:334px; background-image:url(images/work/pfc.jpg); background-repeat:no-repeat;margin-top:15px;}
#pfc2{height:360px;width:334px; background-image:url(images/work/pfc2.jpg); background-repeat:no-repeat;margin-top:15px;}
#unicef {height:360px;width:334px; background-image:url(images/work/unicef.jpg); background-repeat:no-repeat;margin-top:15px;}
#earthlove {height:360px;width:334px; background-image:url(images/work/earthlove.jpg); background-repeat:no-repeat;margin-top:15px;}

#belv {height:360px;width:334px; background-image:url(images/work/belv.png); background-repeat:no-repeat;margin-top:15px;}

.firstwork {margin-left:60px;}

/* Link Changes */

a.external:link {color:#ab9482;text-decoration: none;}
a.external:visited {color:#ab9482;text-decoration: none;}
a.external:hover {color:#ED8333;text-decoration: none;}
a.external:active {color:#ab9482;text-decoration: none;}