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

*{border:0px; padding:0px; margin:0px;  }

h3{font-family:arial; letter-spacing:-.7px; font-size:1.2em; color:#f20089;}
h4{font-family:arial; letter-spacing:-.7px; font-size:1.0em; color:#f20089;}
h5{font-family:arial; letter-spacing:-.7px; font-size:.8em; color:#f20089;}

a {color:#f20089;}
a:hover {color:#16c2ff;}

/* Calendar classes */

.yellowback{background-color:#e9ff70;}
.redback{background-color:#ff7070;}
.blueback{background-color:#70adff;}
.peachback{background-color:#ffca97;}
.pinkback{background-color:#f497ff; color:#ff0000;}
.blackfont{}
.redfont{color:#ff0000;}
.bluefont{color:#167eff;}


/* Calendar classes */

#addressBox{font-family:arial; text-align:left; text-transform:uppercase; font-size:.9em;}
#addressBox h5{letter-spacing:.9px;}
#addressBox p{font-family:arial; text-align:left; text-transform:uppercase; font-size:.8em;}
#addressBox a{text-decoration:none; color:#000000;}

#bgImage{width:100%; position:absolute; top:0px; left:0px; z-index:-2;}
.skyBack{width:100%}

body{background:#faf1d3; height:100%;}

#container{width:1024px; margin-left:auto; margin-right:auto; text-align:center; z-index:100; position:relative; display:block;}

#floatingMenu{width:1006px; height:314px; background-image:url("images/floatingMenu.png"); list-style-type:none;}

#logoBanner{position:relative; left:-180px; top:25px;}

.threeCols{width:320px; float:left; margin-left:15px; margin-top:15px;}
#leftCol{}
#midCol{ font-family:arial;  font-size:1.3em;  text-align:left; color:#000000;}
#midCol ul{font-size:.7em; margin-left:20px; font-weight:bold; width:280px;}
#midCol ul.two{font-size:.7em; margin-left:20px; font-weight:bold; width:640px; list-style-type:none;}
#midCol p{font-size:.65em; }

ol {font-size:.7em; margin-left:20px; font-weight:bold; width:640px; list-style-type:upper-latin;}


.quote{ color:#0099FF; font-style:italic;}

#rightCol{ font-family:arial;  font-size:1.2em;  text-align:left;}

.twoCols{width:640px; margin-left:350px; margin-top:5px;}

#zodiac{float:left; width:320px;}
#zodiactext{float:right; width:320px;}

#dots{background-image:url(../images/dots320px.png); background-repeat:repeat-x;}


#leftnav{font-family:arial; letter-spacing:-.7px; font-size:1.5em; line-height:20px;}
#leftnav li{text-align:left; list-style-type:none; }
#leftnav li a {text-decoration: none;  font-weight:bold !important;  margin-left:1px; margin-right:-1px;vertical-align:bottom;}

#subNav{font-family:arial; letter-spacing:-.7px; font-size:.9em; line-height:20px; position:relative; top:0px; margin-left:175px; text-align:center; z-index:200;}
#subNav li{text-align:left; list-style-type:none; display:inline; margin-left:15px; }
#subNav li a {text-decoration: none;  font-weight:bold !important;  color:#6f85a7;}
#subNav li a:hover{color:#f20089;}

#subNav .droplist li{display:block; margin-left:520px;}



#organisationnav{margin-left:-375px;}

.pink2{color:#f20089;}

#contactscroll{float:right; padding:10px;}

#mapsright{float:right;}

/* Left Nav Behaviour */
.pink{color:#f20089;}
.pink:hover{color:#16c2ff; position:relative; left:10px;}
.grey{color:#333333;}
.grey:hover{color:#16c2ff; position:relative; left:-10px;}

.currentgrey{color:#16c2ff; position:relative; left:-10px;}
.currentpink{color:#16c2ff; position:relative; left:10px;}
/* Left Nav Behaviour */

.question{color:#f20089;}
.answer{color:#000000; text-decoration:none;}
.answer:hover{color:#000000;}
.quizanswer{color:#000000; text-decoration:none; font-size:12px;}
.quizanswer:hover{color:#11009F; text-decoration:none; font-size:12px;}
.correct{ text-transform:uppercase; color:#f20089; font-size:16px;}


.whiteBack{background-image:url("../images/whiteBack-320px.png"); height:30px; font-size:1.1em; color:#16c2ff; text-align:left; font-weight:bold; padding-left:5px; padding-top:5px; margin-bottom:5px; background-repeat:no-repeat;}

#grass{width:100%; z-index:0; position:relative; bottom:0px;}
#footer{}

#windleft{ position:absolute;  bottom:0px; left:0px; z-index:2;}
#windright{position:absolute; bottom:0px; right:0px; z-index:2;}

.dots{margin-top:15px; margin-bottom:10px;}

#flashVideo{margin-bottom:10px;}

#gallery{width:320px; height:320px;}
.pics{margin:0px; width:75px; height:75px;}

.Gpics{margin:0px; width:75px; height:75px; padding:2px;}


.glink{ font-size:1.0em;}


#volunteerShow{ height:100px; width:100px; position:relative; left:230px; top: -270px; }
#volunteerMini{ margin-right:5px; float:left;}
#marqueeText{width:320px; text-align:left; font-family:arial;}
#subNavBack{position:relative; z-index:-1; top:45px; left:25px;}

.volThumb{float:right; padding:10px;}
.volThumbmid{float:left; padding:10px;}

#youthlogos{float:right; padding:10px;}

#map1{margin-top:20px; margin-bottom:5px;}
#map2{margin-top:12px;}

.smallPara{font-size:.5em !important; color:#000000;}


.youth_cast{width:420px; margin-bottom:10px;}
.board{width:320px; float:left; margin-bottom:10px;}
.staff{width:640px; float:left; margin-bottom:10px;}
.staff img{float:left; margin-right:10px;}

.logo{width:320px; float:left; margin-bottom:10px;}
.logo img{float:left; margin-right:10px;}

/* Comments Box */

input {
 border: 1px solid #000000;
 background-color: #ffffff;
}

textarea {
 border: 1px solid #000000;
 background-color: #ffffff;
}

/* Comments Box */



ul#gallerynav li ul {
    display: none;
}
ul#gallerynav li:hover > ul {
	display:block;
}



/* Feedback Box */

input.feed {
 border: 1px solid #000000;
 background-color: #ffffff;
}

textarea.feed {
 border: 1px solid #000000;
 background-color: #ffffff;
 width:300px;
}

/* Feedback Box */


/* Bar Graphs */

.pollquest{font-family:arial;  font-size:0.8em;}
.option{font-family:arial;  font-size:0.7em;}


#poll-container{width:320px; height:220px; text-align:left;}

#poll-results{width:250px; margin-left:25px;   text-align: left;}
.graph {
  width: 320px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 10px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: left;
	
}