body {
	margin:0 auto;
	background:#9ed0f4 url(images/bg_stripe.jpg) repeat-x;
	color: #333366;
	text-align:center;
	padding:0;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	 }
/* basic elements*/  
a {
	color: #3366FF; 
	text-decoration: none;
	font-weight:bold;}
a:hover {color: #003366; text-decoration: none;}
img{
	border:none;
	}
td {
	vertical-align:top;
	}
/*------------------------------------------------------------structure*/
#bodyblock {
 	position:relative;
  color: #333333;
	background:#fff ;
 	width:770px;
	padding:0;
	margin: 0 auto;
	text-align:left;
	 }

#logo {
	height:183px;
	background:#ffffff;
	color: #333333;
	background:#FFFFFF url(images/bg_logo.jpg) no-repeat ;
	width:770px;
	text-align:left;
 }
#logo-scyp {
	float:right;
	width:300px;
	padding:100px 10px 0 0;
	text-align:right;
 }

#menu-bar {
	height:109px;
	background:url(images/bg_menu.gif) no-repeat ;
	padding:0;
	margin: 0;	
	width:770px;
 }
#content{
	background:#fff ;
	padding:0;
	margin: 0;	
	width:770px;
 }
#photo-strip{
	height:217px;
	
	padding:0;
	margin: 0;	
	width:770px;
 }
#footer{
	height:80px;
	background:#fff ;
	padding:0;
	margin: 0;	
	width:770px;
 }

/*------------------------------------------------------------navigation*/

#nav-menu ul{
	list-style: none;
	padding: 0;
	margin:0;
}

#nav-menu li{
	float: left;
	margin: 5px 0 0px 5px;
	padding: 0;
	text-align: center;
}

#nav-menu li a{
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding:0 5px;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: inherit;
	font-weight: bold;
}
#nav-menu li a:hover{
	float: left;
	display: block;
	color: #2a4e66;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: inherit
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a{
	float: none
}
/* End IE5-Mac hack */

#nav-menu{
	width:100%;
	height:30px;
} 

/*------------------------------------------------------------presentation*/

	
#content p{
	line-height: 1.3;
	margin: 0.7em 10%;
	}
h1{
	color:#4585c6;
	font-size:20px;
	line-height: 1.3;
	margin: 0.7em 5%;
	}
h2{
	color:#4585c6;
	font-size:16px;
	line-height: 1.3;
	margin: 0.7em 5%;
	}
h3{
	color:#4585c6;
	font-size:14px;
	line-height: 1.3;
	margin: 0.7em 5%;
	}
h4{
	color:#4585c6;
	font-size:12px;
	line-height: 1.3;
	margin: 0.7em 5%;
	}
.red{
	color:#FF3300;
	}
#content ul{
	line-height: 1.3;
	margin: 0.7em 15%;
	}
/*------------------------------------------------------------footer*/
#footer p {
	float:right;
	margin: 30px 10px 10px 10px;
	font-size: 11px;
	padding: 0;
	color: #333366;
	text-align:right;
	}
#footer img {
	margin:3px 3px 3px 3px;
	float:left;
	padding:0;
	}
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}
/*------------------------------------------------------------photo strip backgrounds*/
.photo1{
	background:url(images/bg_strip01.jpg) no-repeat ;
	}
.photo2{
	background:url(images/bg_strip02.jpg) no-repeat ;
	}
.photo3{
	background:url(images/bg_strip03.jpg) no-repeat ;
	}
.photo4{
	background:url(images/bg_strip04.jpg) no-repeat ;
	}
.photo5{
	background:url(images/bg_strip05.jpg) no-repeat ;
	}
.photo6{
	background:url(images/bg_strip06.jpg) no-repeat ;
	}
.photo7{
	background:url(images/bg_strip07.jpg) no-repeat ;
	}
.photo8{
	background:url(images/bg_strip08.jpg) no-repeat ;
	}
.photo9{
	background:url(images/bg_strip09.jpg) no-repeat ;
	}
/*------------------------------------------------------------leaders*/
.leaders table{
	margin:0 20px 0 0;
	}
.leaders img{
	border:1px solid #0066FF;
	padding: 2px;
	margin-right:5px;
	}
.leaders a{
	font-size:11px;
	}
.leaders p{
	line-height: 1.3;
	margin:0;
	padding:0 5px 0 5px;
	}
.leaders h2{
	font-size:14px;
	line-height: 1.3;
	margin:0;
	padding:5px 5px 0 5px;
	color:#000033
	}
.leaders h3{
	font-size:11px;
	margin:0;
	padding:0 5px 0 5px;
	color:#000033
	}
/*------------------------------------------------------------schedule*/
#schedule {
	margin :0.7em 10%;
	border: 1px solid #6699FF;
	border-collapse:collapse; 
	}
#schedule td{
	border: 1px solid #6699FF; 
	}
#schedule p{
	line-height: 1.4;
	margin: 0.1em 2%;
	}
#schedule h2{
	color:#4585c6;
	line-height: 1.2;
	margin: 0.1em 2%;
	}
#schedule h4{
	color:#4585c6;
	line-height: 1.2;
	margin: 0.1em 2%;
	}	
/*--------------------------------------------------------------form*/
form {
	margin :0.7em 10%;
	padding : 4px;
	width:600px;
	color:#4585c6 ;
	background: #CCFFFF;
}

fieldset {
	margin : 0 1em;
	padding : 1em;
	border : 1px solid #4585c6;
}

fieldset div br, label br {
	display : none;
	}

/* Style the legend, labels and the div containing the submit button. */

legend {
	font-weight : bold;
	color : #4585c6;
	margin : 0;
	padding : 0.5em;
}

label {
	display : block;
}

#fm-submit {
clear : both;
padding-top : 1em;
margin : 0 1em;
}

/* Add the double border effect. */



fieldset div.long  input, textarea{
width: 192px; /* Width for modern browsers */
border-top : 1px solid #e2cbc9;
border-right : 1px solid #e9d8d7;
border-bottom : 1px solid #f0e5e4;
border-left : 1px solid #e9d8d7;
padding : 1px;
}
						
	* html fieldset div.long input , textarea {
	width: 196px; /* Width for IE5 */
	w\idth: 192px; /* Width for IE6 */
	}
fieldset div.short  input  {
width: 50px; /* Width for modern browsers */

}

/* Mandatory fields. */

.fm-required {
	font-size:12px;
	color:#FF6600;
}
/*-----------------------------------------------------------flow chart*/
.chart td{
	margin:0;
	padding:0;
	}
.chart{
	display:block; 
	margin:0; 
	padding:0;
	width:92px; 
	text-indent:-10000px; 
	height:45px;
	}
.chart  a {
	display:block; width:92px; height:45px;
}

.chart  a#B1 {
	background:url(images/leader_button.jpg) no-repeat
}
.chart  a#B2 {
	background:url(images/mentor_button.jpg) no-repeat
}
.chart  a#B3 {
	background:url(images/certificate_button.jpg) no-repeat
}
.chart  a#B4 {
	background:url(images/community_button.jpg) no-repeat
}

.chart  a#B1:hover {
	background-position: -92px 0px
}
.chart  a#B2:hover {
	background-position: -92px 0px
}
.chart  a#B3:hover {
	background-position: -92px 0px
}
.chart  a#B4:hover {
	background-position: -92px 0px
}
.chart2{

	text-align:center; 
	margin:0; 
	padding:0 0 0 150px;
	width:142px; 
	text-indent:-10000px; 
	height:57px;
	}
.chart2  a {
	display:block; 
	width:142px; 
	height:57px;
	background:url(images/career_button.jpg) no-repeat;
}

.chart2  a:hover {
	background-position: -142px 0px
}
.chart3{
	text-align:center; 
	margin:0; 
	padding:0 0 0 109px;
	width:225px; 
	text-indent:-10000px; 
	height:34px;
	}
.chart3  a {
	display:block; 
	width:225px; 
	height:34px;
	background:url(images/network_button.jpg) no-repeat;
}

.chart3  a:hover {
	background-position: -225px 0px;
}
.chart4{
	text-align:center; 
	margin:0; 
	padding:0 0 0 109px;
	width:225px; 
	text-indent:-10000px; 
	height:34px;
	}
.chart4  a {
	display:block; 
	width:225px; 
	height:34px;
	background:url(images/success_button.jpg) no-repeat;
}

.chart4  a:hover {
	background-position: -225px 0px;
}