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

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

.banner {height: 94px; background-image:url(bannerport.png); background-repeat: no-repeat; box-shadow: 5px 5px 10px gray; border-radius: 5px;}
.bannertext {display: inline; font-size: 16px; margin-left:150px; margin-top: 20px; color: #FFF;}

.sub {border-radius: 5px; height: 25px; margin-top: 5px; margin-bottom:10px; 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: 140px;  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;
			}
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: 130px; height: 25px; padding: 2px; color: white; margin-bottom:5px;}

li.ten a   {border-radius: 5px; background-color: orange; width: 130px; height: 25px; 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: 0px; height: 50px; width: 50px; float: left;}
.facebook a:hover {opacity:0.8; filter:alpha(opacity=80); /*opacity is for Safari and modern browsers; alpha opacity is for ie8 etc*/}

.twitter {margin-top: 0px; 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*/}

.wrapper {float: left; border-radius:5px; background-color: white; margin-top:7px; height:550px; width: 625px; box-shadow: 5px 5px 10px gray;}
.leftcont {width:245px; float: left; }  
.rightcont {width: 375px; float: right;}

p.intro1 {padding-top:230px; padding-left: 30px; text-align: left; color: #FFF;}
p.intro2 {padding-top:250px; padding-right: 5px; margin-left:12px; text-align: left;  color: #FFF;}

.emergq {margin-top: 7px; margin-left:15px; color: white; font-size: 14px; padding-left: 5px;  background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.emerga {margin-left:15px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:14px; line-height:20px;}
.openq {margin-left:2px; margin-left:15px; color: white; font-size: 14px; padding-left: 5px; background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.opena {margin-left:15px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:14px; line-height:20px;}
.registerq {margin-left:15px; color: white; font-size: 14px; padding-left: 5px; background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.registera {margin-left:15px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:14px; line-height:20px;}
.closedq {width: 340px; margin-top: 7px; margin-left:25px; color: white; font-size: 14px; padding-left: 5px;  background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.email {margin-top: 7px; margin-left:15px; color: white; font-size: 14px; padding-left: 5px;  background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.emaila {margin-left:15px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:14px; line-height:20px;}

ul.holidays {list-style-type: none; padding-left:25px; margin-top:-5px; font-size: 14px;}

.number1 {width:340px; margin-top: 7px; margin-left:23px; color: white; font-size: 14px; padding-left: 5px;  background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey; }
.number2 {margin-left:20px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:14px; line-height:20px; outline:}
.number3 {width: 340px; margin-top: 7px; margin-left:23px; color: white; font-size: 14px; padding-left: 5px;  background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.number4 {margin-left:20px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:16px; line-height:20px;}
.number5 {width:340px; margin-top: 7px; margin-left:23px; color: white; font-size: 14px; padding-left: 5px;  background-color: purple; border-radius: 3px; box-shadow: 5px 5px 2px grey;}
.number6 {margin-left:20px; padding-left: 5px; text-align: left; margin-top:-5px; font-size:16px; line-height:20px; }

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