/* CSS Document for Volleyball site 2009
hand coded by Shez Sirimanne for the boys and girls volleyball team of Mission Hills High School*/

#wrapper {
	width: 100%;
	height: 800px;
	background-repeat: no-repeat;
}
#wrapperg {
	width: 100%;
	height: 1200px;
	background-repeat: no-repeat;
}
#whitebackground{
	background-image: url(../files/background/bg06g.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0 0 0 0px;
	width: 880px;
	height: 1150px;
}
#whitebackground2{
		margin: 0 auto;
	padding: 0 0 0 0px;
	width: 880px;
}
#wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 170px;
	background-image: url(../files/maintitles/main01.png);
	background-repeat: no-repeat;
}
#wrapg {
	width: 880px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 1020px;
	background-image: url(../files/maintitles/main02.png);
	background-repeat: no-repeat;
}
#wrapg2 {
	width: 880px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 240px;
	background-image: url(../files/background/bg05g.png);
	background-repeat: no-repeat;
}
#wrapg3 {
	width: 880px;
	margin: 0 auto;
	background-image: url(../files/background/bg03g.png);
	height: 700px;
}
#subpicleftg2 {
	float: left;
	height: 50px;
	width: 250px;
	padding-left: 20px;
}

#wrapb {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 170px;
	background-image: url(../files/maintitles/main03.png);
	background-repeat: no-repeat;
}

#rightwrapper {
	width: 540px;
	height: 800px;
	float: right;
	padding-right: 20px;
}
#leftwrapper {
	width: 200px;
	height: 800px;
	float: left;
	background-image: url(../files/mainpix/daniel01a.png);
	background-repeat: no-repeat;
}
#leftwrapper2 {
	width: 300px;
	height: 800px;
	float: left;
	background-image: url();
	background-repeat: no-repeat;
	padding-left: 20px;
}
#rightwrapperg2 {
	width: 540px;
	height: 240px;
	float: right;
	padding-right: 20px;
}
#leftwrapperg2 {
	width: 300px;
	height: 240px;
	float: left;
	background-image: url();
	background-repeat: no-repeat;
	padding-left: 20px;
}
#gallery01 {
	float: left;
	height: 1050px;
	width: 860px;
	background-image: url(../files/background/bg03g.png);
	padding-left: 30px;
	background-repeat: repeat-y;
}
#gallery02 {
	float: left;
	height: 680px;
	width: 860px;
	background-image: url(../files/background/bg03g.png);
	padding-left: 30px;
	background-repeat: repeat-y;
}
#footer01 {
	float: left;
	height: 50px;
	width: 880px;
	background-image: url(../files/background/bg04g.png);
}
/******************        Navigation                           **************************/
#navbarleft {
	height: 50px;
	width: 260px;
	margin: 125px 0 0 20px;
}
#navbarright {
	height: 50px;
	width: 560px;
	padding: 0 0 0 0px;
	margin: 0 auto;
}
#nav1 {
	list-style-type: none;
	margin-top: 4px;
	float: left;
}
#nav1 li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:95%;
	font-weight:bold;
	line-height: 100%;
	float: left;
}
#nav1 li a {
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	height: 22px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
}
#nav1 li a:hover {
	color: #660000;
	text-decoration:none;
	repeat-x;
	background-image: url(../plus/plusfiles/plusnavigation/plusnavhighwhite.png);
	border: 0 1 1 1 #FFFFFF;
}
/* Navigation
==================================================================================================== */
ul,li {list-style-type: none;}
ul#navigation span, h2 span, h3 span {display: none;}

ul#navigation {height: 50px;}

  ul#navigation li {
    float: left;
  }

    ul#navigation li a {
    	display: block;
      height: 50px;
    	cursor: pointer;
    }

    ul#navigation li a#home {background: url(http://www.sirimanne.com/volleyball/files/navigation/home.png) 0 0 no-repeat;	width: 110px;}
    ul#navigation li a#girls{background: url(http://www.sirimanne.com/volleyball/files/navigation/girls.png) 0 0 no-repeat;	width: 115px;}
    ul#navigation li a#varsity1 {background: url(http://www.sirimanne.com/volleyball/files/navigation/varsity1.png) 0 0 no-repeat;	width: 95px;}
    ul#navigation li a#jvarsity1 {background: url(http://www.sirimanne.com/volleyball/files/navigation/jvarsity1.png) 0 0 no-repeat;	width: 135px;}
    ul#navigation li a#freshmen1 {background: url(http://www.sirimanne.com/volleyball/files/navigation/freshmen1.png) 0 0 no-repeat;	width: 110px;}
    ul#navigation li a#calendar {
	background: url(http://www.sirimanne.com/volleyball/files/navigation/calendar.png) 0 0 no-repeat;
	width: 130px;
}
    ul#navigation li a#varsity2 {background: url(http://www.sirimanne.com/volleyball/files/navigation/varsity2.png) 0 0 no-repeat;	width: 95px;}
    ul#navigation li a#jvarsity2 {background: url(http://www.sirimanne.com/volleyball/files/navigation/jvarsity2.png) 0 0 no-repeat;	width: 135px;}
    ul#navigation li a#freshmen2 {background: url(http://www.sirimanne.com/volleyball/files/navigation/freshmen2.png) 0 0 no-repeat;	width: 110px;}
    ul#navigation li a#mh {http://www.sirimanne.com/volleyball/files/navigation/mh.png) 0 0 no-repeat;	width: 100px;}
    ul#navigation li a#boys{background: url(http://www.sirimanne.com/volleyball/files/navigation/boys.png) 0 0 no-repeat;	width: 140px;}
	
    ul#navigation li a#home:hover,
    ul#navigation li a#girls:hover,
    ul#navigation li a#varsity1:hover,
	ul#navigation li a#jvarsity1:hover,
	ul#navigation li a#freshmen1:hover,
    ul#navigation li a#calendar:hover,
	ul#navigation li a#varsity2:hover,
	ul#navigation li a#jvarsity2:hover,
	ul#navigation li a#freshmen2:hover,
    ul#navigation li a#mh:hover,
    ul#navigation li a#boys:hover {
      background-position: 0 -50px;
    }

/********** Right Content   ************************************************************************/
#titlewrapper{width:100%; height:125px; float:left;}
#bodywrapper{
	width:560px;
	height:500px;
	float:left;
	padding-top: 10px;
}
#picleft {
	width: 100%;height: 280px;float:left;
}
#picleftg2 {
	width: 100%;height: 180px;float:left;
}#bodywrapper2{
	width:560px;
	height:700px;
	float:left;
	padding-top: 10px;
}
/**********  L + R Column  ************************************************************************/
#leftcolumn {
	float: left;
	width: 350px;
	position: relative;
}

#rightcolumn {
	float: left;
	width: 450px;
}
#leftwrapper1 {
	width: 100%;height: 125px;float:left;
}
#rightwrapper1 {
	width: 560px;height: 125px;float:left;
}
#rightwrapperg1 {
	width: 560px;height: 30px;float:left;
}
#lefttitle1 {
	width: 100%;height: 25px;float:left;
}
#righttitle1 {
	width: 100%;height: 25px;float:left;
}

#leftcontent1 {
	width: 100%;float:left;
}
#rightcontent1 {
	width: 95%;
	float:left;
	padding-bottom: 15px;
}
#rightcontent2 {
	width: 100%;float:left;
}
#rightcontent3 {
	width: 100%;float:left;
}
#rightpic01 {
	float: left;
	height: 350px;
	width: 560px;
}
#rightpix01 {
	float: left;
	height: 570px;
	width: 560px;
}
/********** List Styles  ************************************************************************/
#main01stuff {
	list-style-type: none;
}
#main01stuff  li {
	font-family: corbel;
	font-size:14px;
}
#main01stuff  li a {
	color: #000000;
	text-decoration:none;
	margin-left: 0px;
}
#main01stuff  li a:hover {
	color: #000000;
	text-decoration: none;
	margin-left: 3px;
	}
	

/********** Fonts  ************************************************************************/

.title01 {
	color: #990000;
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.title02 {
	color: #000000;
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.body01 {
	color: #990000;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.body02 {
	color: #000000;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.body03 {
	color: #990000;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}
.body04 {
	color: #000000;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}
/* PIX
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.photocollage1 {
	border-width: 0px;
	border-color:#000000;
	margin-right: 0px;
	margin-bottom: 0px;
}
.photocollage1 a:hover {
	border-color:#660000;

}
.photo01 {
	border-width: 2px;
	border-color:#660000;
	border-style: solid;
}