/*default layout style for all pages*/

#container{
	position: relative;
	margin: 0 auto;
	width: 720px;
	height: 815px;
	top:-10px;
	background-color: #6699FF;
}

#logo { 

	display:block;
	position:absolute;
	text-align:center;
	left:60px;
	top:-110px;
}

#footer { 

	display:block;
	font-size : small;
	position:absolute;
	text-align:center;
	left:-10px;
	top:650px;
}


#title { 

	display:block;
	position:absolute;
	text-align:left;
	left:157px;
	top:110px;
}
/*content style*/
p  {
           	font-size : medium;
           	font-family : Times, serif;
           	color : black;
           	text-align : left;
           	text-transform : capitalize;

           }

h1  {
           	font-size : large;
           	font-family : "Hobo Std ", Times, serif;
           	font-weight : bold;
           	font-style : normal;
           	color : black;
           	text-align : left;
           	text-transform : capitalize;

           }

h2  {
           	font-size : medium;
           	font-family : "Hobo Std ", Times, serif;
           	font-weight : bold;
           	font-style : normal;
           	color : #003366;
           	text-align : left;
           	text-transform : capitalize;

           }
		   

		a		{text-decoration: underline;}
		a:link		{color: navy;
			}  /* for unvisited links */
		a:visited	{color: navy;
			} /* for visited links */
		a:active	{color: navy;
			} /* when link is clicked */
		   
		   
body  {
background: #6699FF;
		margin-left: 10%; 
		margin-right: 10%; 
		}

		
/*code for content part of pages*/

#content{
	position: absolute;
	margin: 0 auto;
	width: 620px;
	height: 680px;
	left : 50px;
	top: 75px;
	background-color: #E6E6FA;
	border-style:solid;
	border-color: #003366;
	border-width:medium;
}
		
#home {
	position: absolute;
	margin: 0 auto;
	width: 520px;
	height: 400px;
	left : 77px;
	top: 50px;

}

#mainContent{
	position: absolute;
	margin: 0 auto;
	width: 533px;
	height: 630px;
	left: 10px;
	top: 0px;
	border-width:thin;
	overflow:auto;
}


/* left side navigation style */

#side1 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:0px;
}

#side2 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:70px;
}

#side3 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:140px;
}

#side4 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:210px;
}

#side5 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:280px;
}

#side6 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:350px;
}

#side7 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:420px;
}

#side8 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:490px;
}

#side9 { 

	display:block;
	position:absolute;
	text-align:left;
	left:-190px;
	top:560px;
}



/* the pictures*/

#TheCenter { 

	display:block;
	position:absolute;
	left:300px;
	top:670px;
}

#MovieMakeing { 
	float: left; 
	margin-right:8px;
}

#RightImage { 
	float: right; 
	margin-left:8px;
	margin-right:8px;
}


#YouthPaper { 
	float: right; 
	margin-left:10px;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-style:solid;
	border-color: #003366;
	border-width:medium;
	background-color: white;
}

#leftReport { 
	float: left; 
	margin-top:15px;
	margin-bottom:5px;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-style:solid;
	border-color: #003366;
	border-width:medium;
	background-color: white;
}

#rightFlyer { 
	float: right; 
	margin-left:15px;
	margin-right:25px;
	margin-top:5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-style:solid;
	border-color: #003366;
	border-width:medium;
	background-color: white;
}

#giftAid { 
	float: right; 
	margin-left:10px;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-style:solid;
	border-color: #003366;
	border-width:medium;
	background-color: white;
}