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

body {background-color: #fef7e7;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:990px;
	height:743px;
}

#sketch-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:990px;
	height:144px;
}

#sketch-02_ {
	position:absolute;
	left:0px;
	top:144px;
	width:484px;
	height:84px;
	z-index:2;
}

#title_ {
	position:absolute;
	left:484px;
	top:144px;
	width:258px;
	height:84px;
	z-index:2;
}

#sketch-04_ {
	position:absolute;
	left:742px;
	top:144px;
	width:248px;
	height:84px;
	z-index:2;
}

#sketch-05_ {
	position:absolute;
	left:0px;
	top:228px;
	width:284px;
	height:414px;
}

#content_ {
	position:absolute;
	left:284px;
	top:228px;
	width:640px;
	height:386px;
	background-color: #FFF;
}

#sketch-07_ {
	position:absolute;
	left:941px;
	top:228px;
	width:49px;
	height:414px;
}

#sketch-08_ {
	position:absolute;
	left:284px;
	top:614px;
	width:657px;
	height:28px;
}

#sketch-09_ {
	position:absolute;
	left:0px;
	top:642px;
	width:47px;
	height:101px;
}

#angelteen_ {
	position:absolute;
	left:47px;
	top:642px;
	width:175px;
	height:101px;
}

#sketch-11_ {
	position:absolute;
	left:222px;
	top:642px;
	width:46px;
	height:101px;
}

#about_ {
	position:absolute;
	left:268px;
	top:642px;
	width:173px;
	height:101px;
}

#sketch-13_ {
	position:absolute;
	left:441px;
	top:642px;
	width:65px;
	height:101px;
}

#host_ {
	position:absolute;
	left:506px;
	top:642px;
	width:193px;
	height:101px;
}

#sketch-15_ {
	position:absolute;
	left:699px;
	top:642px;
	width:76px;
	height:101px;
}

#give_ {
	position:absolute;
	left:775px;
	top:642px;
	width:184px;
	height:101px;
}

#sketch-17_ {
	position:absolute;
	left:959px;
	top:642px;
	width:31px;
	height:101px;
}
#content_ {
	overflow: hidden; font-family:'Times New Roman', Times, serif; color:#666; font-size:12px; line-height:20px; padding-left:10px; padding-right:10px; margin-top: -10px; border:none}
	
#content_  a {
	font-weight: bold;
	color: #d19a15;
	text-decoration: none;
}
#content_ .subtitle {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: -15px;
}

#left {
	overflow: auto; float: left; width:640px; height: 350px; position: relative; top: 20px;border:none}


/*Rollover Images */

#about
{
  display: block;
  width: 173px;
  height: 101px;
  background: url("http://sakentcounty.org/angeltree/images/aboutbutton.gif") no-repeat 0 0;

}

#about:hover
{ 
  background-position: 0 -101px;
}

#about span
{
  position: absolute;
  top: -999em;
}
#host
{
  display: block;
  width: 193px;
  height: 101px;
  background: url("http://sakentcounty.org/angeltree/images/hostbutton.gif") no-repeat 0 0;

}

#host:hover
{ 
  background-position: 0 -101px;
}

#host span
{
  position: absolute;
  top: -999em;
}
#give
{
  display: block;
  width: 184px;
  height: 101px;
  background: url("http://sakentcounty.org/angeltree/images/givebutton.gif") no-repeat 0 0;

}

#give:hover
{ 
  background-position: 0 -101px;
}

#give span
{
  position: absolute;
  top: -999em;
}
#teen
{
  display: block;
  width: 175px;
  height: 101px;
  background: url("http://sakentcounty.org/angeltree/images/angelteenbutton.gif") no-repeat 0 0;

}

#teen:hover
{ 
  background-position: 0 -101px;
}

#teen span
{
  position: absolute;
  top: -999em;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #feefcd;
height: 365px !important; 
visibility: visible !important; 
}
.vscrollerbar {
width: 10px;
background-color: #fdb618;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* styles for scrollbar images start here */

*:focus {outline: none;}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 10px;

/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}



.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: #4E727C url(http://sakentcounty.org/angeltree/images/scroll/horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: url(http://sakentcounty.org/angeltree/images/scroll/toparrow.gif) no-repeat;
width: 10px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background: url(http://sakentcounty.org/angeltree/images/scroll/bottomarrow.gif) no-repeat;
height: 15px;
width: 10px;
}



.scrollerjogbox:hover {
background: #5E828C url(http://sakentcounty.org/angeltree/images/scroll/basebarcaps_verticalbarbody.png) -45px -15px;
}

/* Scroll Bar Master Styling Ends Here */

.questions {
	color: #0e8140;
}
#Table_01 #content_ #left #answers li {
	margin-top: 20px;
}
#Table_01 #content_ #left #answers ul li {
	margin-top: 0px;
}
#navigation {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D4252C;
	position: relative;
	width: 640px;
	left: 0px;
	top: 15px;
	height: 20px;
}
#navigation a{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #D4252C;
	
}
#navigation a:hover{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #363 ;
	
}
#Table_01 #content_ #left table {
	font-family: "Times New Roman", Times, serif; 
	color:#666; font-size:12px; line-height:20px;
	font-weight:normal;
}
.leftjustified {
	text-align: right;
}
.RedSubtitle {
	color: #D4252C;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: -15px;
}
/*------------------------------------*\
  ACCORDION
\*------------------------------------*/
.accordion{
  width:540px;
  overflow:hidden;
  list-style:none;
  margin-bottom:10px;
  margin-left: -25px;
  background:white;
  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  
}
.accordion p {
 white-space:nowrap;
 
}
.accordion li{
  float:left;
  width:106px;
  overflow:hidden;
  height:280px;
  -moz-transition:width 0.2s ease-out;
  -webkit-transition:width 0.2s ease-out;
  -o-transition:width 0.2s ease-out;
  transition:width 0.2s ease-out;
  -moz-transition-delay:0.15s;
  -webkit-transition-delay:0.15s;
  -o-transition-delay:0.15s;
  transition-delay:0.15s;
}
.accordion li:first-of-type{
  -moz-border-radius:10px 0 0 10px;
  -webkit-border-radius:10px 0 0 10px;
  -o-border-radius:10px 0 0 10px;
  border-radius:10px 0 0 10px;
}
.accordion li:last-of-type{
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-radius:0 10px 10px 0;
  -o-border-radius:0 10px 10px 0;
  border-radius:0 10px 10px 0;
}
.accordion div{
  padding:8px;
}
.accordion:hover li{
  width:52px;
}
.accordion li:hover{
  width:320px;
}
.slide-01  { background:white;border: solid; border-width: 1px; border-color:#fcebc6; color: #666; }
.slide-02  { background:white; border: solid; border-width: 1px; border-color:#fcebc6; color: #666; }
.slide-03  { background:white; border: solid; border-width: 1px; border-color:#fcebc6; color: #666; }
.slide-04  { background:white; border: solid; border-width: 1px; border-color:#fcebc6; color: #666;}
.slide-05  { background:white; border: solid; border-width: 1px; border-color:#fcebc6; color: #666;}