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

body 	{margin-top: 5px;
		margin-left: auto;
	  	margin-right: auto;
	  	width: 1100px;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		background-color: #FFF;
		font-size: 18px;
	  	}

.banner {height: 135px; background-image:url(bannercopy.png); background-repeat: no-repeat; box-shadow: 5px 5px 10px gray; border-radius: 5px;}
.bannertext {display: inline; font-size: 22px; margin-left:350px; color: #FFF;}

.sub {border-radius: 5px; height: 36px; margin-top: 8px; margin-bottom:2px; background-color: #FF6600; box-shadow: 5px 5px 10px gray;
  background: -webkit-linear-gradient(orange, #FF7F00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(orange, #FF7F00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(orange, #FF7F00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(orange, #FF7F00); /* Standard syntax */}

.leftbar {height: 712px; width: 200px;  float: left;  padding-top: 5px;}

ul.navbar {list-style-type: none; /* Removes link bullets */
		   padding-left: 0px;
		   margin-top:2px;
		   }
ul.navbar a {display: block; /* makes each button same width and entire area clickable */
			text-decoration: none; box-shadow: 5px 5px 10px gray;
			}
li a {
	background: -webkit-linear-gradient(purple, #5f3181); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(purple, #5f3181); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(purple, #5f3181); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(purple, #5f3181); /* Standard syntax */
	border-radius: 5px; background-color: orange; width: 177px; height: 35px; padding: 2px; color: white; margin-bottom:5px;}

li.ten a   {border-radius: 5px; background-color: orange; width: 177px; height: 35px; padding: 2px; color: white;}

li a:hover { opacity:0.8; filter:alpha(opacity=80); background-image: url(croclink.png); background-repeat: no-repeat; background-position: right;/*opacity is for Safari and modern browsers; alpha opacity is for ie8 etc*/}

.facebook {margin-right: 50px; margin-top: 3px; height: 50px; width: 50px; float: left;}
.facebook a:hover {opacity:0.9; filter:alpha(opacity=90); /*opacity is for Safari and modern browsers; alpha opacity is for ie8 etc*/}

.twitter {margin-top: 3px; margin-left:-25px; height: 50px; width: 50px; float: left;}
.twitter a:hover {opacity:0.8; filter:alpha(opacity=80); /*opacity is for Safari and modern browsers; alpha opacity is for ie8 etc*/}

.maincontent {margin-top: 7px; height: 700px; width:900px; float: left; box-shadow: 5px 5px 10px gray; border-radius:5px; background-color:white;}

.boxone 	{height: 254px; width:448px;}
.boxtwo 	{padding-top:5px; height: 212px; width:448px;}
.boxthree 	{height: 212px; width:448px;}
.boxfour 	{margin-top:-683px; height: 110px; width:448px; float:right;}
.boxfive 	{margin-top:-575px; height: 110px; width:448px; float:right;}
.boxsix		{margin-top:-472px; height: 110px; width:448px; float:right;}
.boxseven	{margin-top:-365px; height: 110px; width:448px; float:right;}
.boxeight   {margin-top:-255px; height: 110px; width:448px; float:right;}
.boxnine    {margin-top:-150px; height: 110px; width:448px; float:right;}

.faceone 	{width:105px; height:150px; background-image: url(Alison1.jpg); background-repeat:no-repeat;}
.facetwo 	{width:105px; height:105px; background-image: url(kerry1.jpg); background-repeat:no-repeat;}
.facethree 	{width:105px; height:105px; background-image: url(ally.jpg); background-repeat:no-repeat;}
.facefour 	{width:105px; height:105px; background-image: url(amber.jpg); background-repeat:no-repeat;}
.facefive   {width:105px; height:105px; background-image: url(gemmap.jpg); background-repeat:no-repeat;}
.facesix 	{width:105px; height:100px; background-image: url(lucy.jpg); background-repeat:no-repeat;}
.faceseven  {width:105px; height:105px; background-image: url(mary.jpg); background-repeat:no-repeat;}
.faceeight	{width:105px; height:105px; background-image: url(Ashleigh.jpg); background-repeat:no-repeat;}
.facenine 	{width:105px; height:105px; background-image: url(aimee.jpg); background-repeat:no-repeat;}
.faceten    {width:105px; height:105px; background-image: url(Nikki1.jpg); background-repeat:no-repeat;}
.faceeleven {width:105px; height:105px; background-image: url(Lipi.jpg); background-repeat:no-repeat;}
.facetwelve {width:105px; height:105px; background-image: url(kailey.jpg); background-repeat:no-repeat;}

.explan 	{font-size: 12px; margin-left:105px; margin-top:2px; width: 340px; padding:1px;}

.titleone {width:338px; height:22px; background-color: purple; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titletwo {width:338px; height:22px; background-color: #f54251; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titlethree {width:338px; height:22px; background-color:orange; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titlefour {width:338px; height:22px; background-color: black; margin-left:105px; color: white; font-size:14px; text-align: center;}
.titlefive {width:338px; height:22px; background-color: #3a62d5; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titlesix {width:338px; height:22px; background-color: #3a62d5; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titleseven {width:338px; height:22px; background-color: green; margin-left:105px; color:white; font-size:14px; text-align: center;}

.copyright {float: left; height: 25px; width: 100%; background-color: purple; box-shadow: 5px 5px 10px gray; border-radius: 5px;}
.update {text-align:center; margin-top: 0px; margin-left: 5px; color: white; font-size: 14px; }