@charset "utf-8";


/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/backcloud.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:50% 0%;
	background-position-x:50%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#336699;
}

.page-wrap {
	width:753px;
	margin:0px auto 0px auto;
}

p, a, h2 {
	font-size:1.3em;
	line-height:1.3em;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}

h1 {
	font-size:2em;
	margin-bottom:0.8em;
	padding:10px 0px 0px 10px;
}

.clear {
	clear:both;
}

ul#nav {

	height:263px;

	background-image:url('images/header2.png');

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	/*background-color:#000000;*/

	list-style-type:none;

	list-style-position:initial;

	list-style-image:initial;

}



ul#nav li {

	display:inline;

}



ul#nav a {

	display:block;

	width:90px;

	float:left;

	margin-top:235px;

	text-align:center;

	color:#000000;

	font-weight:bold;

	text-decoration:none;

	margin-left:0px;

}



ul#nav a:hover, ul#nav a:active {

	color:#999999;

}



.main-content {

	margin-top:20px;

	background-image:initial;

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	background-color:#E2E9F1;

}



.main-content .left-col {

	float:left;

	width:550px;

	min-height:350px;

	padding-bottom:100px;

	border-right:3px solid #666666;

}



/*<---affects pages: about, leader, and news --->*/



.main-content .left-col .subnav {

	height:26px;

	width:550px;

	background-image:initial;

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	background-color:#999999;

	padding:10px 0px 0px 0px;

}



.main-content .left-col .subnav li {

	height:26px;

	width:120px;

	display:inline;

	float:left;

	background-image:initial;

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	background-color:#E2E9F1;

	text-align:center;

}



.main-content .left-col .subnav li a {

	color:#000000;

	font-size:15px;

	text-decoration:none;

}



.calendar {

	padding-left:25px;

}



/*<---affects all left column --->*/



.main-content .left-col li {

	margin-left:20px;

	font-size:1.2em;

	line-height:1.3em;

	padding-left:10px;

	padding-right:10px;

	text-align:justify;

}



.main-content .left-col p {

	padding-top:5px;

	margin-bottom:0.8em;

}



.main-content .left-col a {

	font-size:14px;

	display:inline;

	margin:0px 0px 0.8em 0px;

	padding:0px;

}



.main-content .left-col h1 {

	font-weight:900;

}



/*<--- affects contact page --->*/



.main-content .left-col .contact-form {

	width:500px;

	height:300px;

	background-image:url('images/contact2.png');

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	/*background-color:#000000;*/

	margin:100px 25px 0px 25px;

}



.main-content .left-col #message2 {

	width:300px;

	margin:60px 0px 0px 100px;

}



.main-content .left-col #message2 h2 {

	padding-top:110px;

	font-size:150%;

	color:#184E9E;

}



.main-content .left-col #message2 p {

	color:#184E9E;

	font-weight:bold;

	margin:6px 0px 6px 0px;

}



.main-content .left-col #checkmark {

	position:relative;

	top:-55px;

	left:-50px;

}



form fieldset {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:1.2em;

	width:500px;

	position:relative;

	border-top-width:0px;

	border-right-width:0px;

	border-bottom-width:0px;

	border-left-width:0px;

	border-style:initial;

	border-top-color:#000000;

	border-right-color:#000000;

	border-bottom-color:#000000;

	border-left-color:#000000;

	display:block;

	padding-top:30px;

	margin:0px 0px 0px 12px;

}



form fieldset legend {

	color:#000066;

	font-weight:bold;

	font-variant:small-caps;

	font-size:140%;

	position:relative;

	top:-12px;

	background-image:initial;

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	background-color:#FFFFFF;

	border:1px solid #003366;

	margin:0px 0px 10px 0px;

	padding:4px 8px 4px 8px;

}



.main-content .left-col label {

	font-size:90%;

	display:block;

	float:left;

	width:128px;

	text-align:left;

	color:#184E9E;

	font-weight:bold;

	margin:0.2em 0.2em 0px 0px;

	padding:8px 0px 8px 0px;

}



.main-content .left-col input.text-input {

	color:#333333;

	margin:4px;

	padding:2px 0px 2px 0px;

}



.main-content .left-col label#name_label {

	position:absolute;

	top:0px;

	left:15px;

}



.main-content .left-col input#name {

	position:absolute;

	top:0px;

	left:70px;

	width:190px;

}



.main-content .left-col label#name_error {

	color:#999999;

	font-size:10px;

	text-align:left;

	position:absolute;

	top:22px;

	left:90px;

}



.main-content .left-col label#email_label {

	position:absolute;

	top:45px;

	left:15px;

}



.main-content .left-col input#email {

	position:absolute;

	top:45px;

	left:70px;

	width:190px;

}



.main-content .left-col label#email_error {

	color:#999999;

	font-size:10px;

	text-align:left;

	position:absolute;

	top:67px;

	left:90px;

}



.main-content .left-col label#message_label {

	position:absolute;

	top:90px;

	left:10px;

}



.main-content .left-col textarea#message {

	position:absolute;

	top:90px;

	left:70px;

	height:100px;

	width:190px;

	color:#333333;

	margin:4px;

	padding:2px 0px 2px 0px;

}



.main-content .left-col input.button {

	position:absolute;

	top:159px;

	left:120px;

	color:#3D7169;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background-image:initial;

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	background-color:#CCCCCC;

	border:2px solid #FFFFFF;

	margin:50px 0px 0px 0px;

	padding:3px 6px 3px 6px;

}



/*<--- affects leaders page --->*/



.main-content .left-col div#servant-team li {

	list-style-type:none;

	list-style-position:initial;

	list-style-image:initial;

}



.main-content .left-col div#servant-team div#st-group div#lg-group {

	overflow:visible;

	margin:50px 0px 0px 50px;

}



.main-content .left-col .photo {

	float:right;

	margin-right:5px;
	
	margin-left:15px;

}



.main-content .left-col div#servant-team li a {

	color:#0000FF;

	text-decoration:none;

}



.main-content .left-col div#servant-team p {

	margin-left:40px;

	line-height:1.2em;

}



.main-content .left-col div#sg-leaders li {

	list-style-type:none;

	list-style-position:initial;

	list-style-image:initial;

}

.main-content .left-col div#sg-leaders p {
	margin-left:40px;
	
	line-height:1.2em;

}


.main-content .left-col div#sg-leaders li a {

	color:#0000FF;

	text-decoration:none;

}



.main-content .left-col div#sg-leaders li {

	list-style-type:none;

	list-style-position:initial;

	list-style-image:initial;

}



.main-content .left-col div#lg-leaders li {

	list-style-type:none;

	list-style-position:initial;

	list-style-image:initial;

}



.main-content .left-col div#lg-leaders li a {

	color:#0000FF;

	text-decoration:none;

}



.main-content .left-col div#lg-leaders p {

	margin-left:40px;

	line-height:1.2em;

}



/*<--- affects index page --->*/



/*.main-content .left-col div#slideshow {

	width:xxxpx;

	height:175px;

	float:left;

	padding:10px 10px 5px 10px;

} <--- old slideshow css code --->*/ 

#slideshow {
    position:relative;
    width:250px;
    height:188px;
    margin-left: 10px;
    margin-right: 10px;
    float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*<--- affects all pages --->*/



.main-content .right-col {

	float:right;

	width:200px;

}



.main-content .right-col h2 {

	margin-bottom:0.8em;

	padding:10px 0px 0px 10px;

}



.main-content .right-col h3 {

	font-size:8pt;

	text-decoration:underline;

	padding:0px 0px 0px 10px;

}



.main-content .right-col p {

	font-size:95%;

	padding:0px 10px 0px 10px;

}



div#footer {

	background-image:initial;

	background-repeat-x:no-repeat;

	background-repeat-y:no-repeat;

	background-repeat:no-repeat;

	background-attachment:initial;

	background-position:initial initial;

	background-origin:initial;

	background-clip:initial;

	background-color:#0C4682;

	color:#FFFFFF;

	text-transform:uppercase;

	text-align:center;

	font-size:75%;

	padding:5px 0px 5px 0px;

}



div#footer p {

	text-align:center;

}



