/* CSS Document */



body {margin-top:2px;



font-family: Arial, sans-serif;



color: #003366;



font-size: 12px;



text-decoration: none; 



font-weight: normal; 



}







h1



{font-size: 16px;



color: #003366;}



.white_header



{font-size: 13px;

line-height:20px;
background-color:#809DBB;
color: #FFFFFF;
font-weight:bold;
margin-bottom:8px;}



.camera{
border:0;
padding-right:10px;
margin-bottom:-4px;
}
.camera2{
border:0;
padding-left:10px;
margin-bottom:-2px;
}

h2



{font-size: 15px;



color: #996666;



margin-bottom: 10px;}







h3



{font-size: 12px;



color: #996666;



margin-bottom: 5px;



letter-spacing:0.05em;}











h4



{font-size: 12px;



color: #003366;



margin-bottom: 5px;



letter-spacing:0.05em;}







h5



{font-size: 12px;



color: #FF6600;



margin-bottom: 5px;



letter-spacing:0.05em;}







h6



{font-size: 16px;



color: #FF6600;



letter-spacing:0.05em;}







a:link, a:visited



{font-family: Arial, sans-serif;



color: #003366;



font-size: 12px;



text-decoration: underline; 



font-weight: normal; }











a:hover, a:active



{color: #996666;



}













/* styles for horizontal menu: */







#hmenu



{text-align:right;



background-color:#809DBB; 



line-height:18px;



padding-right:15px;



color: #FFFFFF;



font-family: Arial, sans-serif;



font-size: 13px;



font-weight: normal;



margin: 0;



}















#hmenu ul {



	list-style: none;



	margin: 0;



	padding: 0;

	

	





}







#hmenu li {



	

	display: inline;



	padding-left:5px;



	padding-right:5px;



border-left: solid 1px #FFFFFF;



}



#hmenu a:link, #hmenu a:visited  



{color: #FFFFFF;



font-family: Arial, sans-serif;



font-size: 13px;



text-decoration: none; 



font-weight: bold; 



Letter-spacing:0/04em; 



 } 







#hmenu a:hover, #hmenu a:active  



{color: #CCDDF7;



} 







#hmenu_under



{border-bottom: solid 1px #809DBB;}







#hmenu_space



{line-height:15px;}







/* end of styles for horizontal menu */







/* beginning of styles for vertical menu: */



#vmenu



{text-align:right;



background-color:#FFFFFF; 



line-height:20px;



color: #809DBB;



font-family: Arial, sans-serif;



font-size: 13px;



font-weight: normal;



margin-left: 10px;



list-style: none;





}







#vmenu ul {



	list-style: none;



	margin: 0;



	padding: 0;



	



}







#vmenu li {



border-bottom: 1px solid #809DBB;

list-style: none;





}











#vmenu a:link, #vmenu a:visited  



{color: #003366;



font-family: Arial, sans-serif;



font-size: 13px;



text-decoration: none; 



font-weight: bold; 



Letter-spacing:0/04em;



padding-left:20px;



padding-right:20px;		



margin:0;

list-style: none;





 } 







#vmenu a:hover, #vmenu a:active 



{



background: url(images/arrow.gif) no-repeat 100% 2px;



color: #809DBB;

list-style: none;





} 



/* end of styles for vertical menu */











#english a:link, #english a:visited  



{color: #809DBB;



font-family: Arial, sans-serif;



font-size: 13px;



text-decoration: none; 



font-weight: bold; 



Letter-spacing:0/04em;



padding-left:20px;



padding-right:20px;		



margin:0;



 } 







#english a:hover, #english a:active 



{



color: #003366;



} 



/* beginning of styles for mid section of homepage and various pages */



#midsection



{



width:400px;



border-left: solid 1px #809DBB;



border-right: solid 1px #809DBB;







}







.midsection2



{



width:600px;



padding-right: 30px;



}

.midsection4



{



width:600px;

background-color: #809DBB;

padding-right: 30px;



}





.midsection3



{



width:600px;



padding-right: 30px;



}



















/* styles for 4 big sentences/sayings in homepage: */



.sayings_title



{font-family: Tahoma, sans-serif;



color: #809DBB;



font-size: 13px;



font-weight: bold; 



Letter-spacing:0/04em;



margin-right:15px;



}







.sayings



{font-family: Tahoma, sans-serif;



color: #996666;



font-size: 14px;



font-weight: bold; 



Letter-spacing:1px;



margin-right:15px;



margin-left:15px;



padding-bottom: 10px;



border-bottom: solid 1px #809DBB;



}







/* beginning of styles for story (PEILUT) section in homepage and acitivites pages: */







.story



{



border-bottom: 1px solid #996666;



margin-right:15px;



margin-left:15px;



margin-top:15px;



padding-bottom:10px;



}







.story_space



{line-height:10px;}















.story_title {



font-weight: bold; 



}



/* specific to activities page: */







.story2



{border-top: 1px solid #996666;



padding-top:15px;



padding-bottom:10px;



}







/* specific to activity page: */



.description



{



border-bottom: 1px solid #996666;



border-top: 1px solid #996666;



padding-right:15px;



padding-left:15px;



padding-top: 5px;



padding-bottom: 5px;



color: #996666;



}







/* end of styles for stories section in homepage and activities page: */











/* styles for logIn in homepage and inside pages: */







.login



{width: 185px; 



border: dashed 1px  #809DBB;



border-top: solid 1px #FFFFFF;



padding-right:6px;



padding-bottom:6px;



}







.login_title



{background-color: #809DBB;



color:#FFFFFF;



font-weight:bold;



letter-spacing:0.05em;



line-height:18px;



text-align:center;



}







/* specific to logIn in inside pages : */



.btn



{color:#996699;



font-weight: bold;}







.login2



{width: 155px; 



border: dashed 1px  #809DBB;



padding-right:2px;



padding-bottom:6px;



}







.login_title2



{color:#996666;



}







/* beginning of styles for marquee: */



.marq



{margin-bottom:20px;



margin-right:6px;



width:185px;



text-align:center;



border-bottom:dashed 1px #996666;



}







.marq_title



{background-color: #996666;



color:#FFFFFF;



font-weight:bold;



letter-spacing:0.05em;



line-height:18px;}







.marq_area



{height:125px;}







.marq_item_title



{font-weight: bold;}







.marq_item



{font-size:11px;



}







.marq_item a:link, .marq_item a:visited  



{font-size: 11px; } 







.marq_item a:hover 



{font-size: 11px;} 







/* end of styles for marquee: */







/* styles for list pages: */



.list_item{



margin-bottom:15px;



}







.list_item a:link, .list_item a:visited  



{font-family: Arial, sans-serif;



color: #996666;



font-size: 12px;



text-decoration: underline; 



font-weight: bold; 



letter-spacing: 0.05em;



 } 







.list_item a:hover, .list_item a:active



{color: #003366;



} 







/* styles for members (outside menu) pages : */



.members{



text-align:center;



vertical-align: bottom;



border: 1px solid #FFFFFF;



border-collapse: collapse;



margin-bottom:30px;



border-bottom: 15px solid #809DBB;



}







.colmn{



width:117px;



border: 1px solid #FFFFFF;



}







.picture{



width:100px;



border: 1px solid #FFFFFF;



}







.members_title{



font-family: Arial, sans-serif;



color: #FFFFFF;



font-size: 12px;



text-decoration: none; 



font-weight: bold; 



background-color: #809DBB;



border: 1px solid #FFFFFF;



}







.details_line{



background-color: #E3EBF3;







}



.pic_line{



background-color: #E9F2FA;



}







/* styles for friends (inside menu) page : */







.friends_title{



text-align: center;



font-family: Arial, sans-serif;



color: #FFFFFF;



font-size: 12px;



text-decoration: none; 



font-weight: bold; 



background-color: #809DBB;



border-collapse: collapse;



margin-bottom:10px;



}







.friends_title td{



border: 1px solid #FFFFFF;



}







.friends{



text-align:right;



padding-right: 2px;



padding-left:2px;



border-collapse:collapse;



margin-bottom:30px;



border-bottom: 15px solid #809DBB;



}











.friends td{



border: 1px solid #809DBB;



vertical-align: bottom;



}







.firstline{



height:30px;



}







.email_line{



text-align: left;



height:16px;



padding-bottom:4px;







}



.third_line{



background-color: #E9F2FA;



line-height:4px;



margin-right: 4px;



margin-left: 4px;







}







.third_line td{



border-left-color:#FFFFFF;



border-right-color:#FFFFFF;



}







/* end styles for friends page : */







/* start of styles for program pages : */



.program{



border-bottom: 15px solid #809DBB;



margin-bottom: 30px;



font-family: Arial, sans-serif;



color: #003366;



font-size: 12px;



text-decoration: none; 



font-weight: normal; 



border-collapse: collapse;



}



.program td{



border: 1px solid #E9F2FA;



text-align: right;



padding-right: 2px;



padding-left: 2px;



vertical-align: top;



border-bottom: 10px;



}



.program_title td{



text-align: center;



border: 1px solid #FFFFFF;



background-color: #809DBB;



color: #FFFFFF;



font-weight: bold; 



}



/* end of styles for program  pages : */







/* start of styles for  jobs pages : */



.jobs{



border-bottom: 1px solid #996666;



border-top: 1px solid #996666;



margin-bottom: 30px;



font-family: Arial, sans-serif;



color: #003366;



font-size: 12px;



text-decoration: none; 



font-weight: normal; 







}



.jobs td{



border: 1px solid #E9F2FA;



text-align: right;



padding-right: 2px;



padding-left: 2px;



vertical-align: top;



border-bottom: 10px;



}



.jobs_title td{



text-align: right;



border-bottom: 4px solid #E9F2FA;



background-color: #E9F2FA;



color: #996666;



font-weight: normal; 



letter-spacing:0.05em;



}



/* end of styles for jobs pages  */







.congrat_title{



color: #FF6600;



}







/* beginning of styles for bottom section: */











.bottom_blue



{background-color:#809DBB; }







.bottom_text



{font-family: Arial, sans-serif;



color: #003366;



font-size: 11px;



text-decoration: none; 



font-weight: normal;



text-align:left; }







a.bottom_text:link, a.bottom_text:visited



{font-family: Arial, sans-serif;



color: #003366;



font-size: 11px;



text-decoration: none; 



font-weight: normal; }







a.bottom_text:visited



{font-family: Arial, sans-serif;



color: #003366;



font-size: 11px;



text-decoration: none; 



font-weight: normal; }







a.bottom_text:hover



{font-family: Arial, sans-serif;



color: #996666;



font-size: 11px;



text-decoration: underline; 



font-weight: normal; }







a.bottom_text:active



{font-family: Arial, sans-serif;



color: #996666;



font-size: 11px;



text-decoration: underline; 



font-weight: normal; }



/* end of styles for bottom section */