@charset "UTF-8";
/* CSS Document */

#container {width: 983px; margin-left: auto; margin-right: auto; position: relative; border: 1px solid #FFFFFF; padding-top: 13px;}

#links
{
	position: absolute;
	top: 170px;
	left: 11px;
	width: 200px;
	height: 380px; /*345*/
	background-image:url(images/menubar_bkgnd2.png);
	background-repeat:repeat-x;
	z-index:999;
}
/*
table.linkos
{
	font-size:18px;
	
}

table.linkos td
{
	font-size:16px;
	padding:7px 0px 7px 10px;
	color:#3B331E;
	
}
*/
#text {
	position: absolute;
	top: 218px;
	left: 233px;
	width: 462px;
	padding: 5px;
	line-height: 1.5em;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	height: 404px;
}
	
#flash {
	position: absolute;
	left: 217px;
	top: -10px;
	width: 791px;
}

#bonhoeffer
{ 
	position:absolute;
	top:560px;
	left:11px;
	width:197px;
	
}

.copywrite {color: #333; font-size: 10px;}

.text {line-height: 1.5em;}

#sidebar {letter-spacing: 0.1em; line-height: 2em; text-align: left;}
#sidebar a {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; color: #FFFFFF; font-size: 13px;}
#sidebar a:visited {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 13px;}
#sidebar a:hover {background-color: #6699CC; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 13px;}
#sidebar a:active {background-color: #723A2C; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 13px;}
#photos {
	position: absolute;
	left: 860px;
	top: 550px;
}

#photos_homepage {
	position: absolute;
	left: 860px;
	top: 630px;
}

#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {border-bottom: 1px solid #666666;}

.flink {padding: 5px 0px 5px 6px; color: #FFFFFF; font-size: 11px;}
.flink a:link {color: #FFFFFF;}
.flink a:visited {color: #FFFF99;}
.flink a:hover {color: #FFFF00;}
.flink a:active {color: #FFFFFF;}

.clink {padding: 3px 6px 3px 6px; color: #FFFFFF; font-size: 13px; background-color: #FFFF33; border-bottom: 1px solid #FFFFFF;}
.clink a:link {color: #990000;}
.clink a:visited {color: #660000;}
.clink a:hover {color: #006600;}
.clink a:active {color: #006600;}

.menulink a:link {color: #666666;}
.menulink a:visited {color: #333333;}
.menulink a:hover {color: #006600; border-bottom: 1px solid #006600;}
.menulink a:active {color: #666666;}

.title {font-family: Arial, Helvetica, sans-serif; font-size: 24px; padding: 5px 0px; border-bottom: 1px solid #000033; width: 450px; letter-spacing: 1px;}






/* menu */


.menu2
{
	font-family: arial, sans-serif; 
	width:210px; 
	height:385px; 
	position:relative; 
	font-size:14px; 
	margin:-7px 0px 0px; 
	
}

.menu2 ul 
{
	padding:0; 
	margin:0; 
	list-style-type: none;
	width:210px; 
	height:380px;
	border:none;
}

.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:5px; left:190px;
}
.menu2 ul li {
float:left;
}
/*

.menu2 ul li.home a, .menu2 ul li.home a:visited {
display:block; float:left; text-decoration:none; color:#000; width:100px; height:33px; line-height:29px; font-size:11px; background-image:url(images/01_0.jpg); padding-left:10px;
}

.menu2 ul li.home a, .menu2 ul li.home a:hover {
display:block; float:left; text-decoration:none; color:#000; width:190px; height:33px; line-height:29px; font-size:11px; background-image:url(images/01_1.png); padding-left:10px;
}
*/


/*  image links  */

ul.menuo li a.m1
{
	background-image:url(images/01_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:999;
	width: 180px;
	height: 33px; /*height: 33px;*/ /*height: 28px; was set but issues happened in ie*/
	border-bottom: 1px dotted #000000;
	margin-left:5px;
/*	padding-bottom:4px;*/
	
}

/* hover */

ul.menuo li a.m1:hover
{
	background-image:url(images/01_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m2
{
	background-image:url(images/02a_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m2:hover
{
	background-image:url(images/02a_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m3
{
	background-image:url(images/03_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m3:hover
{
	background-image:url(images/03_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m4
{
	background-image:url(images/04_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m4:hover
{
	background-image:url(images/04_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m5
{
	background-image:url(images/05_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m5:hover
{
	background-image:url(images/05_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m6
{
	background-image:url(images/06_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m6:hover
{
	background-image:url(images/06_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m7
{
	background-image:url(images/07_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m7:hover
{
	background-image:url(images/07_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m8
{
	background-image:url(images/08_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m8:hover
{
	background-image:url(images/08_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m9
{
	background-image:url(images/09_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m9:hover
{
	background-image:url(images/09_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/*  image links  */

ul.menuo li a.m10
{
	display:block;
	float:left;
	z-index:110;
	width: 200px;
	border-bottom: none;
	margin:5px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	font-size:13px;
	
}

/* hover */

ul.menuo li a.m10:hover
{
	display:block;
	float:left;
	z-index:110;
	width: 200px;;
	border-bottom: none;
	margin:5px;
	font-weight:bold;
	text-decoration:none;
	color:#039;
	font-size:13px;
	
}

/*  image links  */

ul.menuo li a.m11
{
/*	background-image:url(images/youth_ambassador.png);*/
	background-image:url(images/11_0.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}

/* hover */

ul.menuo li a.m11:hover
{
/*	background-image:url(images/youth_ambassador_shadow.png);*/
	background-image:url(images/11_1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	z-index:110;
	width: 180px;
	height: 33px;
	border-bottom: 1px dotted #000000;
	margin-left:5px;
	
}





/*  image links  */
/*
.menu2 ul.menuo li a span.m1
{
	background-image:url(images/01_0.png) no-repeat;
	display:block;
	z-index:110;
	width: 190px;
	height: 33px;
	
}
*/
/* hover */
/*
.menu2 ul.menuo li a:hover span.m1
{
	background-image:url(images/01_1.png) no-repeat;
	display:block;
	z-index:110;
	width: 190px;
	height: 33px;
	
}
*/
/* active */
/*
.menu2 ul.menuo li.active a span.m1
{
	background-image:url(images/01_1.png) no-repeat;
	display:block;
	z-index:110;
	width: 190px;
	height: 33px;

}
*/

/*

.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:190px; height:33px; line-height:29px; font-size:11px; background:transparent; padding-left:10px;
}
*/
















.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:190px; height:33px; line-height:29px; font-size:14px; padding-left:5px; padding-right: 0px;
}/*
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:100px; w\idth:90px;}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

 first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
/*.menu2 ul li:hover a{
background:#606; color:#fff;
}
/*
.menu2 ul li a:hover{
background:#606; color:#fff;
}
*/
/*end*/

.menu2 ul li:hover {position:relative; z-index:999;}
* html .menu2 ul li a:hover {position:relative; z-index:999;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:none; background:#645D4C; overflow:visible;z-index:999;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; color:#fff; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:none; border-top:1px solid #645D4C; border-bottom:1px solid #645D4C;z-index:999;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background:#EBD561; color:#000000; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;z-index:999;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; color:#ff0;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}

#BobHarden {
	position: absolute;
	top: 560px;
	left: 11px;
}