/*This file and the code contained herein are copyright 2009 Masti Design, all rights reserved.*/

body{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  line-height: 1.166;  
  margin: 5px;
  text-align:left;
  padding: 0px;
  background: repeat url('images/bg-tile.jpg'); 
/*  background: center url('images/bg-ccccff_2.jpg'); 
  background-repeat: repeat-y;*/
  background-attachment: scroll;
  background-color:#000066;
  font-size: 0.9em;
}


.mceContentBody {
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  line-height: 1.166;  
  margin: 0px;
  text-align:left;
  padding: 0px;
  background:#FFFFFF;
  font-size: 0.9em;
}


/**** NON JAVA SCRIPT STYLES *************/
#menuleft ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#menuleft li{
	margin:0px;
	padding:0px;	
}

h1.title {
	text-align:center;
	font-size:2.5em;
}



table.boxsmall {
margin:auto;
font-size: 2em;
vertical-align:bottom;
}

table.boxlarge {
margin:auto;
}

form {
margin:0px; }

div {
margin:0px; }

/************** header tag styles **************/


h1{
  font-family: "Gill Sans MT", Arial, sans-serif;
  color: #000099;
  font-size: 2.5em;
  text-align:center;
  font-weight:bold;
  margin-top:0px;
/*  font-style: italic;*/
  }



h2{
  font-family: "Gill Sans MT", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #000099;
  font-size: 1.4em;
  text-align:left;
  }



h3{
  font-family: "Gill Sans MT", Arial, sans-serif;
  font-weight: bold;
  font-variant:small-caps;
  color: #000099;
  text-align:left;
  }



h4{
  font-family: "Gill Sans MT", Arial, sans-serif;
  font-weight: bold;
  font-style:italic;
  margin-top:0px;
  margin-bottom:0px;
  color: #000099;
  font-size: 1.4em;
  text-align:left;
  }

h5{
  font-family: "Gill Sans MT", Arial, sans-serif;
  font-weight: bold;
  font-style:italic;
  margin-top:7px;
  margin-bottom:2px;
  color: #000099;
  font-size: 1.0em;
  text-align:center;
  }  


/******* hyperlink and anchor tag styles *******/


a:link, a:visited{
  color: #0000FF;
  text-decoration: none;  }

a:hover{
  text-decoration: underline;  }  







/************* IMG CLASS ALIGN LEFT & RIGHT ************/
img {border:0px;}
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 5px 15px 15px 5px; }


/***** HOME PAGE OF THREE OPTONS ***********************/  

table.indextable {
  margin:auto;
  width:750px;
  background-color:#000066;/*change for diff colour bg------------------ */
    }

table.indextable a:link, table.indextable a:visited {
  color:#000000;
  text-decoration: none;
  }

table.indextable a:hover {
  color:#000099;
  text-decoration: none;
  }  


table.indextable td{
  border: solid #000066 10px;/*--change for diff colour bg--------------*/
  padding:10px;
  }

.index {
  background-color:#FFFFFF;
  text-align:center;
  width:200px;
  padding:10px;
  }



/******* MAIN PAGE **************/
table.bodytable{
  margin:auto;
/*  border-collapse:separate;*/
/*  border-spacing:;*/
/*  border:#000000;border:thick;*/
/*  background:#FFFFFF;  */
  width:750px;
  background:#000066;/*change if changeing background*/
  padding-left:10px;padding-right:10px;padding-bottom:10px;
  }



table.bodytable td{
/*  vertical-align:top;*/
  padding:0px;
  margin:0px;
border-style:outset;
	border-color: #6b56a3;
	border-width:0px;
}

table.bodytable th{
/*  vertical-align:top;*/
  padding-bottom:5px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  margin:0px;
  border:0px;
}



/************* HEADER ************/

table#headertable {
width:780px;
}


.header {
vertical-align:top;
  text-align:center;
  width:750px;
/*  background-color:#FFFFFF;*/
  }

.header-right{
  font-size:0.8em;
  line-height:1.2;
  font-weight: bold;
  color:;
  text-align:right;
  padding-right:10px;
  padding-top:5px;
  }  
  
.header-right a:link, .header-right a:visited, .header-right a:hover{
text-decoration:none;
  color:;
}

.header-right p {
margin-bottom:0px;
margin-top:5px; }

.header-img {
padding-left:5px; }

.header-img-logo {
padding-left:5px;
margin-right:20px;
 }


.header-img-word {
padding-left:5px; }


/****TOP MENU****/
.topmenuwrap {
  /*margin:auto;*/margin-top:5px;margin-bottom:10px;
  vertical-align:middle;
  /*height:30px;*/
  padding:0;
  background-color:#FFFFFF;
  }

.topmenu {
  margin-left:auto;margin-right:auto;margin-bottom:-10px;
  vertical-align:middle;
  padding:0px;
  }

/*.topmenuitem a{
  width: 7em;
  padding:5px 0;
  font: bold 100% Verdana,Arial,sans-serif;
  color:#000099;
  background: #9393FF;
  text-align:center;
  display:block;
  }*/
  /*----------------------
.topmenuitem{
  width: 7em;
  padding:5px 0;
  font: bold 100% Verdana,Arial,sans-serif;
  color:#000099;
  background: #FFFFFF;
  text-align:center;
  }
.topmenuitem a{
  display:block;
/*  display:inline-block;*/
/*  background: #9393FF;

  }

.topmenuitem a:hover{
  background: #000099;
  color:#FFF;
  text-decoration:none;
  }----------------------------*/
  

ul.topnav,ul.topnav li {
  margin:0;
  padding:0;
  list-style-type:none;
  background:#FFFFFF;
  font: bold 110% Verdana,Arial,sans-serif;
  color: #000099;  }
 
ul.topnav li { 
  float:none;
  width: 7em;
  font-size:110%;
  margin-right:1px;
  margin-left:1px;
  text-align:center  }/*margin-right: 5px}*/

ul.topnav a  {
  display:block;
  width:7em;
  padding:0px;
  font: bold 100% Verdana,Arial,sans-serif;
  background-color: #8080e5;
  background-image: url('images/maspblend.php?bottom=%238080e5&top=%23b0b3ff');/*topnav.png*/
  background-repeat:repeat-x;
  background-position:top;
  color: #000099;
  text-decoration:none;  }
  
ul.topnav li activelink  {
  display:block;
  width:7em;
  padding:0px;
  font: bold 100% Verdana,Arial,sans-serif;
  background-color: #8080e5;
  background-image: url('images/maspblend.php?bottom=%238080e5&top=%23b0b3ff');
  background-repeat:repeat-x;
	background-position:top;
  
  color: #000099;
  text-decoration:none;
  text-align:center}
  
ul.topnav a:hover  {
  background-color: #000099;
  background-image: url('images/maspblend.php?bottom=%2303039b&top=%236065cc');
  background-repeat:repeat-x;
background-position:top;
  
  text-decoration:none;
  color:#FFFFFF  }

  

/************* FOOTER ************/
.footer {
  text-align: center;
  font-style:italic;
  background:#9393FF;
  font-size: 0.7em;
  width:780px;
  padding-left:15px;padding-right:15px;
  margin-top:5px;
  padding-top:1px;padding-bottom:1px;
}
  


.leftside {
  width:115px;
  /*margin-bottom:20px;margin-right:5px;*/
  }  

.leftmenu {
  width:120px;
  padding-left:0px;
  }

.quick {
/*  background-color:#FFFFFF;*/
/*width:100%;*/
  text-align:center;
/*  height:100px;*/
  padding-right:0px;
}


.middle-home {
  background-color:#FFFFFF;
}
  

.middle {
/*  background-color:#FFFFFF;*/
  width:450px;
  margin-bottom:20px;  
  }  

  
.rightside {
  width:180px;
  margin-bottom:20px;margin-left:5px;
  }  
    
.news {
/*  background-color:#FFFFFF;
  width:150px;
  height:300px;
  padding:0px;*/
  }

.rssfeedbutton {
text-align:center;
margin-top:10px;
}

.upcoming{
/*  text-align:center;*/
  width:150px;
/*  padding:5px;*/
  margin-top:10px;
  }
  
  


div#menu{float:none;width:100%;padding:0px;margin:auto;height:26px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin:auto;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width:108px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

.recentnav {
  width:100%;
  padding:0px;
  height:26px;
  margin-left:auto;
  text-align:center;
  }

.recentnav a{
  float:left;
  width:100%;
  margin:auto;
  padding: 5px 0;
  background-color: #9393FF;
  background-image: url('images/maspblend.php?bottom=%237777eb&top=%239c9eff&height=28');
  text-decoration:none;
  color: #000000;
  }

.recentnav a:hover{
  background-color: #FFA826;
  background-image: url('images/maspblend.php?bottom=%23fda124&top=%23ffbc1d&height=28');
  color: #666;
}

.recentnav span.activelink a, .recentnav span.activelink a:hover{
  background-color: #FFF;
  background-image: url('images/maspblend.php?bottom=white&top=%23ccccff&height=28');
  color: #000;
}

.recenttext {
  background-color:#FFFFFF;
  font-size:0.8em;
  font-style:italic;
  font-weight:bold;
  padding:5px;
  width:440px;
  }


  
.recentcolumn {
  width:112.5px;
  }
/*.recentnav {width:100%;height:30px;margin:auto;background-color:#FF0000;
padding-top:10px;
text-align:center;
vertical-align:bottom}

.recentnav a{background-color:#FFA826;color: #FFF}*/




.wrap1 {
background-repeat:no-repeat;
background-position:top left;
background-image:url(images/top_left.png);
background-color:#FFFFFF;
}

.wrap2 {
background-image:url(images/bottom_right.png);
/*background-image:url(images/br.jpg);*/
background-repeat:no-repeat;
background-position:bottom right;
padding:15px;
min-height:100px;

}


.homeimage{
padding:10px;
}

.homeimage img{
width:100%;
}

.homecaption{
background-color:#FFFFFF;
width:440px;
padding:0px;
padding-bottom:5px;
font-size:0.8em;
font-style:italic;
font-weight:bold;
margin-bottom:5px;
padding-right:5px;
padding-left:5px;
padding-top:5px;
text-align:right;

}

.homemenu{
background-color:#FFFFFF;
width:100%;
padding:0px;
padding-bottom:5px;
padding-top:5px;
font-size:0.8em;
font-style:italic;
font-weight:bold;
margin-bottom:5px;

}

.publicintro{
background-color:#FFFFFF;
padding:10px;;
}



.middlestuff{
  float:left;
  width:420px;
  }

.middlestuff ul{
margin: 0;
padding: 0;
/*width: 115px; /* Main Menu Item widths */
list-style-type: none;
font-weight: bold;
/*font: bold 12px Verdana;*/
/*border-bottom: 1px solid #ccc;*/
}

.middlestuff ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
/*color: white;*/
text-decoration: none;
padding: 6px;
/*border-bottom: 1px solid #778;
border-right: 1px solid #778;*/
/*background-image:url('images/list.png');
background-repeat:repeat-x;
background-position:bottom;*/
}

.middlestuff ul li a:link, .middlestuff ul li a:visited, .middlestuff ul li a:active, .filetree span.folder span{
/*background: #414141; /*background of menu items (default state)*/
color: #000066;
}


.middlestuff ul li a:hover, .filetree span.hover span{

background-color: #000066; /*background of menu items during onmouseover (hover state)*/
background-image:url('images/maspblend.php?top=%2340408c&bottom=%23000066&height=28');
background-repeat:repeat-x;
background-position:top;
color: #FFFFFF;
text-decoration:none;

}



.events {
width:640px;
}

.events ul{
margin: 0;
padding: 0;
/*width: 115px; /* Main Menu Item widths */
list-style-type: none;
/*line-height: 1.5;  */
font-size:0.8em;
}

.eventname{
font-size:1.5em;
font-weight: bold;
}

.eventdate{
font-style:italic;
}

.eventcancel{
text-decoration:line-through;
}



.events ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 6px;
}

.events ul li a:link, .events ul li a:visited, .events ul li a:active{
/*background: #414141; /*background of menu items (default state)*/
color: #000066;
}


.events ul li a:hover{
/*background:#000066; /*background of menu items during onmouseover (hover state)*/
/*background-image:url('images/list_over.png');*/
/*background-position:top;*/
/*color: white;*/

background-color: #000066; /*background of menu items during onmouseover (hover state)*/
background-image:url('images/maspblend.php?top=%2340408c&bottom=%23000066&height=28');
background-repeat:repeat-x;
background-position:top;
color: #FFFFFF;
text-decoration:none;
}



.eventdetails {
font-weight:bold;
}



.page {
/*width:640px;*/
}

#calendar td.calendareventday {
background-image: url('images/maspblend.php?height=100&width=90&bottom=%23FF6600&top=%23FFC097&rotate=30');
background-repeat:repeat-x;
background-position:top; 
font-weight:bold;
}

#calendar {
background-color:white;
border-collapse:collapse;
}






#calendar td {
width:75px;
border: 2px #000066 solid;
vertical-align:top;
padding:5px;
background-image: url('images/maspblend.php?height=100&width=90&bottom=%23CCCCCC&top=%23FFFFFF&rotate=30');
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;

}


#calendar td.calendarmonth {
  background-image: url('images/maspblend.php?height=100&width=90&bottom=%238080e5&top=%23b0b3ff&rotate=30');
  background-repeat:repeat-x;
  background-position:top;
  background-color:#8080e5;
}




#calendar td#calendartoday {
border: 3px #FF0000 solid;
background-image: url('images/maspblend.php?height=100&width=90&bottom=%23A7A7ED&top=%23FFFFFF&rotate=30');
  background-repeat:repeat-x;
  background-position:top; 
font-style:italic;
/*font-weight:bold;
color:#FF0000;*/

}


#calendar td#calendartoday.calendareventday {
background-image: url('images/maspblend.php?height=100&width=90&bottom=%23FF6600&top=%23FFC097&rotate=30');
background-repeat:repeat-x;
background-position:top; 
font-weight:bold;
}


#calendar tr {
height:75px;
}



#calendar th {
background-color:#5252DC;
text-align:center;
vertical-align:center;
border: 2px #000066 solid;
font-size:1.4em;
font-variant:small-caps;
color:#000099;
  background-image: url('images/maspblend.php?height=70&width=10&bottom=%235252DC&top=%23b0b3ff&rotate=0');
background-repeat:repeat-x;
background-position:top; 
}








.calendaroverevent{
font-style:italic;
font-weight:bold;
font-size:0.9em;
background-color:white;
padding:5px;
}

.calendarcelldate {
/*format the dates here*/
}

.calendarnav {
text-align:center;
}



/*----   Form maspform ---- */
.error {
font-weight:bold;
color:red;
}



.spacer {
height:20px;
}