/* CSS Document */
body {
	padding:20px;
	background-color:#fff;
    margin:0;
	/*background-image:url(../graphics/bg_strapvert2.bmp);
	background-repeat:repeat-x;*/
	background-position:center top;
	
}

div.wrapper2 {
    width:800px;
	margin:auto;
	background-color:#ffffff; 
	border:1px solid black;
}	
div.wrapper3 {
    width:800px;
	margin:auto;
	background-color:#666; 
	border:1px solid black;
}
div#leftcontent {
    float:left;
   	padding:1px;
	background-color:#fff;
	width:150px;
}

div#leftcontent2 {
    float:left;
    border-right:1px solid white;
    margin-top: 0px;
    background-color:#666;
    width:300px;
    height:500px;
    padding-left: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
div#logo {
	height:100px;
	width:800px;
	border-bottom:1px solid #260AD0;
}

div.content {
	margin-left:160px;
	background-color:#fff;
	height: 600px;
	padding:0;
}

div.eventcontent {
	background-color:#666;
	padding:0;
	overflow:auto;
	margin: auto;
	color: #fff;
	width: 700px;
}

div.eventcontent2 {
	 width:300px;
	 margin-left: 380px;
	 font-family: verdana, arial, helvetica, sans-serif;
	 font-size: 12px;
	 color: #fff;
	 font-weight: bold;
}

div.schoolcontent2{
	   margin-left:25px;
	   font-family: verdana, arial, helvetica, sans-serif;
	   font-size: 12px;
	   color: #fff;
	   font-weight: bold;
	   padding: 0 5px 0 0;
	   overflow:auto;
}

div.footer{
	color:#fff;
	background-color:#260AD0;
	height:15px;
	width:800px;
	font:bold 11px verdana;
	margin:auto;
	border-top: 1px solid black;
}	

.clear{
    clear:both;
}	

.clearleft{
    clear:left;
}	

.bigtype{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:28px;
	color:#260AD0;
	font-weight:lighter;
}

h1{
	margin-top:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:22px;
	color:#260AD0;
	font-weight:lighter;
}
h2{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:13px;
	color:#260AD0;
	font-weight:bold;
	font-style:italic;
}

h3{
	   font-family: verdana, arial, helvetica, sans-serif;
	   font-size: 12px;
	   font-style: italic;
	   float: right;
	   color: #000;
	   padding: 0 20px 0 0;
}

.pcontent{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
	color:#333;
	font-weight:lighter;
	margin-left:30px;
	padding-right:20px;
}

b{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bold;
}

.p6{
	   font-family: verdana, arial, helvetica, sans-serif;
	   font-size: 12px;
	   color: #333;
	   font-weight: bold;
	   margin: 0;
	   }

.p5{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:22px;
	color:#fff;
	font-weight:lighter;
	   }
	   
.p4{
	  font-family: verdana, arial, helvetica, sans-serif;
	   font-size: 18px;
	   color:#333;
	   font-weight:bold;
	   margin-left:30px;
	   }
	   
.p3{
	  font-family: verdana, arial, helvetica, sans-serif;
	   font-size: 12px;
	   color: #fff;
	   font-weight: bold;
	   }	   
/*---------------------------------nav bar----------------------------------*/
#navcontainer{
margin-top:0;
padding: 0;
font:normal 12px verdana, lucida, sans-serif;
font-weight:bold;
margin-bottom:1px;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top:0;
background-color: #2505E2;
color: White;
float: left;
width: 100%;
}

#navcontainer ul li { 
display: inline; 
list-style-type: none;
}

#navcontainer ul li a
{
padding: 0.1em 0.5em;
background-color: #2505E2;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

#navcontainer li#active a
{
background: #000;
border: 1px solid #c60;
color: #fff;
}

div.mail{
	position: relative;
	background-color: #666;
	padding: 5px;
	border: 2px solid #2505E2;
	width: 285px;
	height: 210px;
	margin-left: 30px;
}
div.login{
	background-color: #666;
	padding: 5px;
	border: 2px solid #2505E2;
	width: 285px;
	height: 100px;
	margin-left:30px;
}

div.form{
	position:absolute;
	width: 280px;
	height: 200px;
}
form p{
	width: 280px;
	clear: right;
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
}
form p label{
float: left;
}
form p input, form p textarea{
float: right;
}

/* a{
	text-decoration:none;
	color: #ff0000;
}*/
 .a{
	text-decoration:none;
	color: #2408cc;
} 

#a{
	text-decoration:none;
	color: #2408cc;
}


 .a:hover{
	text-decoration: none;
	color: #666;
}

#a:hover{
	text-decoration: none;
	color: #666;
}
/*---------------------------GALLERY---------------------------------------------------------------*/

/* The containing box for the gallery. */
#container {
    position:relative; 
    width:600px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
	background:url(../images/bg_pic.jpg) 75px 10px no-repeat;
    }


/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }


/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }


/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(../images/pic1a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slideb {
    background:url(../images/pic2a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidec {
    background:url(../images/pic3a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slided {
    background:url(../images/pic4a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slided {
    height:93px; 
    width:60px;;
    }
#container a.slidee {
    background:url(../images/pic5a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidef {
    background:url(../images/pic6a.jpg); 
    height:93px; 
    width:60px;;
    }
#container a.slidef {
    height:93px; 
    width:60px;
    }
#container a.slideg {
    background:url(../images/pic7a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slideh {
    background:url(../images/pic8a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidei {
    background:url(../images/pic9a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidej {
    background:url(../images/pic10a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidek {
    background:url(../images/pic11a.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidek {
    height:93px; 
    width:60px;
    }
#container a.slidel {
    background:url(../images/pic12a.jpg); 
    height:93px; 
    width:60px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    }
#container li {
    float:left;
    }


/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:right;
    }


/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }


/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:245px; 
    height:372px; 
    top:10px; 
    left:75px; 
    color:#000; 
    background:#fff;
    }


#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }


#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }