/* Mozilla Firefox version */
/* Mozilla Firefox version 1.0.6 */
/* Safari Version 2.0.4(419.3) */
/*Internet Explorer 6 & 7 */
/* Opera */

/*****************************    Text Justifying */
body{
	/**background-image: url(images/bg.jpg);  Link to the image you created **/
	/**background-repeat: repeat-y;  Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color:#000033; /** Website BG colour **/
   
}
p.class {
	margin-top:40px;
	margin-left:60px;
	font-family:Tahoma,Times New Roman, Regular;
}

p.welcome{
	font-size: 14px;
	margin-top:40px;
	margin-left:100px;
	font-family:Tahoma,Times New Roman, Regular;
	font-weight: bold;
}

p{
	font-family:Times New Roman, Regular;
	margin-top:20px;
}

/**************************    Data*****/
div#data ul{
/*border: 2px solid red;*/
float:right;
margin-right:1px;
margin-top:1px;
width:150px;
height:300px;
background-color:transparent; 
list-style-type: none;
text-decoration:none;
font-family:Times New Roman, Regular;
padding-top:1px;
}
div#data ul li{
text-decoration:none;
padding-top:1px;
padding-left:1px;
padding-right:1px;
font-size: 15px;
}
div#data ul li a {
background-color:transparent;
color: #000033;
text-decoration:none;
}
/*** just on top ***/
div#data ul li a:hover{
background-color:transparent; 
color:#3333cc;
text-decoration:none;
}
/*** visit link on click ***/
div#data ul li a:active{
background-color:transparent; 
color: #000033;
text-decoration:none;
}
div#data ul li.currentpage a{color:red;}
.shirtcost a:hover{color:red;}

/****************************     Container */
div#container{
		/**background-image: url(images/bg.jpg);  Link to the image you created **/
	background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
	width:800px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	/*border: 3px solid green;*/

}
/****************************      Header */
div#header{
	background:url(images/header.jpg) top left no-repeat; 
	width:800px;
	height:130px;
	min-height:130px;

}

/*******************************  Index Header Navigation */
.header{
	font-family:Tahoma,Times New Roman, Regular;
	width: 800px;
	height: 130px;
	text-align: center;
	font-size: 12px;
}
.headertxt {
	padding-top: 135px;
	text-align: center;
}
a.topnav {
	padding-top: 20px;
	padding-left: 30px;
	color:#333333;
	text-decoration: none;	
	
	}
a.topnav:hover {
	color:#999999;
	text-decoration: none;
	}


.mainmenu
{
	background-image: url(images/line.jpg);
	height: 30px;
	width: 800;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

.mini {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: normal;
	color: #660000;
	height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: None;
	border-left: None;
	border-bottom: None;
	border-right: None;
	background-color: transparent;
}

.mini a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
	background: transparent;
}

.mini a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
/***************************     Home*/

div#mol{
background:url(images/poster1.jpg) bottom left no-repeat;

}
div#mol{

height:470px;
background-color:#ffffff; 
color: #000000;
padding-top:1px;
padding-right:20px;
min-height:470px;

}
div#mol ul{
padding-top: 20px;
padding-left:20px;

font-family:Times New Roman, Regular;
margin-top:40px;
}
img.photo{
margin-left:40px;
margin-top:20px;
}

/***************************     About *****/
div#about{
background:url(images/about.jpg) bottom left no-repeat;
}
div#about{
	height:600px;
	background-color:#ffffff; 
	color: #000000;
	padding-top:1px;
	padding-right:20px;
	min-height:620px;
	
}
div#about ul{
	padding-top: 20px;
	padding-left:20px;
	font-family:Times New Roman, Regular;
	margin-top:40px;
}
img.photo{
	margin-left:40px;
	margin-top:20px;
}

/***************************     Event */
div#event{
background:url(images/volunteer.jpg) bottom left no-repeat;
}
div#event{
	height:1300px;
	background-color:#ffffff; 
	color: #000000;
	padding-top:1px;
	padding-right:20px;
	min-height:1300px;
	
}
div#event ul{
	padding-top: 20px;
	padding-left:20px;
	font-family:Times New Roman, Regular;
	margin-top:40px;
}
img.photo{
	margin-left:40px;
	margin-top:20px;
}
/***************************     Perform*****/

div#info{
	background:url(images/folk.jpg) bottom left no-repeat;
}
div#info{
	height:500px;
	background-color:#ffffff; 
	color: #000000;
	padding-top:1px;
	padding-right:20px;
	min-height:500px;
}
div#info ul{
	padding-top: 20px;
	padding-left:20px;
	font-family:Times New Roman, Regular;
	margin-top:40px;
}
img.photo{
	margin-left:40px;
	margin-top:20px;
}
/***************************     Volunteer*/

div#vol{
background:url(images/perform.jpg) bottom left no-repeat;

}
div#vol{

height:600px;
background-color:#ffffff; 
color: #000000;
padding-top:1px;
padding-right:20px;
min-height:600px;

}
div#vol ul{
padding-top: 20px;
padding-left:20px;

font-family:Times New Roman, Regular;
margin-top:40px;
}
img.photo{
margin-left:40px;
margin-top:20px;
}
/***************************     Gallery */
div#kid{
	background:url(images/dance.jpg) bottom left no-repeat;
}
div#kid{
	height:600px;
	background-color:#ffffff; 
	color: #000000;
	padding-top:1px;
	padding-right:20px;
	min-height:600px;
}
div#kid ul{
	padding-top: 20px;
	padding-left:20px;
	font-family:Times New Roman, Regular;
	margin-top:40px;
}
img.photo{
	margin-left:40px;
	margin-top:20px;
}

/***************************     Contact */
div#contact{
	background:url(images/contact.jpg) bottom left no-repeat;
}
div#contact{
	height:500px;
	background-color:#ffffff; 
	color: #000000;
	padding-top:1px;
	padding-right:20px;
	min-height:500px;
}
div#contact ul{
	padding-top: 20px;
	padding-left:20px;
	font-family:Times New Roman, Regular;
	margin-top:40px;
}
img.photo{
	margin-left:40px;
	margin-top:20px;
}

/**************************     Content   *****/
div#cont{
	margin-top:1px;
	padding-top:0;
	margin-right:10px;
	margin-left:300px;
	padding-left:20px;
	text-align: left;
	text-align: justify;
	}
	
	/**************************     Content Gallery  *****/
div#contwelcome{
	margin-top:1px;
	padding-top:0;
	margin-right:10px;
	margin-left:300px;
	padding-left:20px;
	text-align: left;
	text-align: justify;
	

}

/**************************     About Content   *****/
div#aboutcont{
	margin-top:1px;
	padding-top:0;
	margin-right:10px;
	margin-left:300px;
	padding-left:20px;
	text-align: left;
	text-align: justify;
border: 2px solid green;
}

/**************************  Letter   Content   *****/
div#contletter{
	background-color:#ffffff; 
	color: #000000;
	margin-top:1px;
	padding-top:0;
	margin-right:190px;
	margin-left:180px;
	padding-left:1px;
	text-align: left;
	text-align: justify;
/**border: 2px solid green;**/
}

/**************************   Bottom  ******/
p.bottom{
	font-family:Times New Roman, Regular;
	color:#ffffff;
	text-align: center;
	font-size:12px;
	margin-top:10px;
}

/**************************  Gallery  ******/
p.gallery{
	font-family:Times New Roman, Regular;
	background-color:#ffffff;
	color:#000033;
	font-family: "Monotype Corsiva";
	text-align: left;
	font-size:24px;
	margin-top:20px;
	margin-left:200px;
	margin-right:18px;
}
.list {
	border: 3px solid blue;
	margin-top:10px;
	height: 40px;
	width: 800;
}

/**************************      Portfolio Navigation *****/
div#list ul{
	float:left;
	margin-left:0;
	margin-top:0;
	padding-left:20px;
	padding-top:0;
	width:120px;
	background-color:transparent; 
	list-style-type: none;
	text-decoration:none;
	font-family:Times New Roman, Regular;
/**border: 1px solid red;**/
}
div#list ul li{
	text-decoration:none;
	padding-top:15px;
	font-size:15px;
}
div#list ul li a {
	background-color:transparent;
	color: #000033;
	text-decoration:none;
}
/*** stable ***/
div#list ul li a:visited{
	background-color:transparent;
	color:#000033;
	text-decoration:none;
}
/*** just on top ***/
div#list ul li a:hover{
	background-color:transparent; 
	color:#003300;
	text-decoration:none;
}
/*** visit link on click ***/
div#list ul li a:active{
	background-color:transparent; 
	color: #000033;
	text-decoration:none;
}
div#list ul li.currentpage a{color:#3333cc;}
.shirtcost a:hover{color:#3333cc;}



/**************************      Information Navigation *****/
div#info ul{
/**border: 1px solid #000000;**/
	color:#ffffff;
	float:right;
	margin-right:1px;
	margin-top:0;
	width:150px;
	background-color:transparent; 
	list-style-type: none;
	text-decoration:none;
	font-family:Times New Roman, Regular;
	padding-top:1px;
}
div#info ul li{color:#ffffff;
	text-decoration:none;
	padding-top:10px;
	padding-left:1px;
	padding-right:1px;
	font-size: 15px;
}
div#info ul li a {color:#ffffff;
	background-color:transparent;
	color: #000033;
	text-decoration:none;
}
/*** just on top ***/
div#info ul li a:hover{
	background-color:transparent; 
	color:#3333cc;
	text-decoration:none;
}
/*** visit link on click ***/
div#info ul li a:active{
	background-color:transparent; 
	color: #000033;
	text-decoration:none;
}
div#info ul li.currentpage a{color:#3333cc;}
.shirtcost a:hover{color:#3333cc;}


.botmenu
{
	background-image: url(images/linebot.jpg);
	height: 30px;
	width: 800px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}

.bot {
	padding-top:5px;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	height: 12px;

	padding-bottom: 2px;
	border-top: None;
	border-left: None;
	border-bottom: None;
	border-right: None;
	background-color: transparent;
}

.bot a {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: transparent;
}

.bot a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}