/* CSS Document */

body { 
 	background-color:#710069;
	font-size: .8em;
	text-align:center;
}

.indexwrapper {width:742px; background-color:#ffffff; margin: 0 auto ;  text-align: left;border-style:solid; border-width:3px; border-color: black;}

.title {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul { list-style-type: none; padding:0; margin:0; margin-left: 1em;}
img { margin: 0; border: 0; padding: 0;}
td {  margin:10; border: 0;  padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px; vertical-align:middle;}

#header {
	padding-bottom: 0px;
	margin: 0px;
	background-color: black;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

.events {
  float:middle;
	padding: 5px;
	margin: 5px;
	background-color: white;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	border-style:solid;
	border-width: 2px;
	border-color: #710069;
width:42%;
}

.events a:link {color:black; text-decoration: none}
.events a:visited {color:black; text-decoration: none}
.events a:hover {color:black; text-decoration: none}

.events img {
  margin: 5px; 
  background-color:#cdcdcd;
	border-style: solid;
	border-width: 3px;
	border-color: #710069; 
	padding: 5px;
	}

#eventsbox{
 width:42%;
 float:right;
 margin: 5px; 
  background-color:#cdcdcd;
	border-style: solid;
	border-width: 3px;
	border-color: #710069; 
	padding: 5px;	
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	}


#headertitle{
  background-image:url(image/blackbg.jpg);
	padding: 0px;
	margin: 0 0 0px 0;
  color: white;
}


#headertitle a:link {color: white; text-decoration: none}
#headertitle a:visited { color: white; text-decoration: none}
#headertitle a:hover {color:white; text-decoration: none}

#main{
  margin: 5px;
	margin-top:0px;
	float: left;
	width: 48%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 5px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#side-main{
  margin: 5px;
	float: left;
	width: 730px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 5px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#side-main img{
  margin: 0; 
	border-style: solid;
	border-width: 0px;
	border-color: black; 
	padding: 0px;
}

#side-main a:link {color: #000000; background-color: #ffffff; text-decoration: none}
#side-main a:visited { color: #000000; background-color: #ffffff; text-decoration: none}
#side-main a:hover {color:#000000; background-color: #ffffff; text-decoration: none}


#titleimage{
	margin: 0;
	border: 0;					
  padding: 0;
}

#titleimage img{
	border:0;
}

#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top-style: solid;
	border-color: black; 
	background: white;
}

#navwrapper{
  	padding: 0px;
	  margin: 0 0 0px 0;
    color: white;
}

#navwrapper a:link {color: #9b00b7; background-color: #ffffff; text-decoration: none}
#navwrapper a:visited { color: #ffffff; background-color: #9b00b7; text-decoration: none}
#navwrapper a:hover {color:#9b00b7; background-color: #9b00b7; text-decoration: none}

#leaders{
  margin: 5px;
	float: left;
	width: 730px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 5px;
	height: 1% /* Holly hack for Peekaboo Bug */
}


#leaders img{
  margin: 5px; 
  background-color:#cdcdcd;
	border-style: solid;
	border-width: 3px;
	border-color: #710069; 
	padding: 5px;
}

#leaders a:link {color:#000000; background-color:white; text-decoration:none}
#leaders a:visited {color:#000000; background-color:white; text-decoration:none}
#leaders a:hover {color:#000000; background-color:white; text-decoration:none}

#youth{
        margin: 0px;
	float: left;
	width: 733px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 5px;
	color:white;
	background-color:black;
	height: 1% /* Holly hack for Peekaboo Bug */

}

#youth img{
  margin: 5px; 
  background-color:black;
	border-style: solid;
	border-width: 3px;
	border-color: #d71919; 
	padding: 5px;
}


#blueprint{
  margin: 5px;
	float: left;
	width: 715px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

.a, .a:visited {color:#000;}
#container {position:relative; width:405px; height:440px; background:#710069; border:1px solid #000; margin:2px auto;}
#container b {font-weight:normal; width:405px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:2px 2px; position:relative; cursor:default;}

a.slidea {background:url(images/vbs2.jpg);}
a.slideb {background:url(images/vbs1.JPG);}
a.slidec {background:url(images/vbs3.jpg);}
a.slided {background:url(images/vbs4.jpg);}
a.slidee {background:url(images/vbs5.JPG);}
a.slidef {background:url(images/vbs6.JPG);}
a.slideg {background:url(images/vbs7.JPG);}
a.slideh {background:url(images/vbs8.JPG);}
a.slidei {background:url(images/vbs9.JPG);}
a.slidej {background:url(images/vbs10.JPG);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:325px; height:250px; top:189px; left:2px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:34px; top:170px;}
a.slideb span {left:-47px; top:170px;}/**/
a.slidec span {left:-128px; top:170px;}/**/
a.slided span {left:-209px; top:170px;}/**/
a.slidee span {left:-290px; top:170px;}/**/
a.slidef span {left:34px; top:89px;}
a.slideg span {left:-47px; top:89px;}/**/
a.slideh span {left:-128px; top:89px;}/**/
a.slidei span {left:-209px; top:89px;}/**/
a.slidej span {left:-290px; top:89px;}/**/

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:2px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:2px; z-index:10;}

.a, .a:visited {color:#000;}
#containeryg {position:relative; width:405px; height:365px; background:#710069; border:1px solid #000; margin:2px auto;}
#containeryg b {font-weight:normal; width:405px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

#containeryg a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:2px 2px; position:relative; cursor:default;}

#containeryg a.slidek {background:url(images/yg2.jpg);}
#containeryg a.slidel {background:url(images/yg3.jpg);}
#containeryg a.slidem {background:url(images/yg4.jpg);}
#containeryg a.sliden {background:url(images/yg5.jpg);}
#containeryg a.slideo {background:url(images/yg6.jpg);}

#containeryg a.gallery span {visibility:hidden; display:block; position:absolute; width:325px; height:175x; top:189px; left:2px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

#containeryg a.slidek span {left:34px; top:95px;}
#containeryg a.slidel span {left:-47px; top:95px;}
#containeryg a.slidem span {left:-128px; top:95px;}
#containeryg a.sliden span {left:-209px; top:95px;}
#containeryg a.slideo span {left:-290px; top:95px;}

#containeryg a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

#containeryg a.gallery:hover span {visibility:visible; z-index:100;}

#containeryg a.gallery:hover span img {margin:2px; border:1px solid #000; position:relative; z-index:100;}

#containeryg a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

#containeryg a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

#containeryg a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:2px; z-index:10;}