/*  Design by Ken Goff for the Yoder Brothers Foundation  */

* {
margin: 0px;
padding: 0px;
}

a:link {
 color: #ffffff;
}

a:visited {
 color: #ffffff;
}

body {
 background: #dddddd;
 font: 13px Arial, Helvetica, sans-serif; monotype Corsiva;
 color: #ffffff;
 /* change the scroll bar colors */
 scrollbar-face-color: #201e68;
 scrollbar-arrow-color: #ffffff;
 scrollbar-track-color: #ffffff;
}

#main {
 padding-left: 118px;
 padding-top: 20px;
}

#back_all {
 width: 1000px;
 height: 1000px;
 background: url(./img1/background1.png) no-repeat center;
}

#header {
 height: 240px;
 text-align: left;		
}

#padding {
 padding-left: 15px;
}

#logo {
 width: 1000px;
 height: 105px;
 float: left;
 text-align: left;
 padding-top: 35px;
 padding-left: 31px !important /*Non-IE6*/;
 padding-left: 62px /*IE-6*/;
}

#logo a {
 text-decoration: none;
 text-transform: none;
 font-style: italic;
 font-size: 18px;
 color: #FFFFFF;
}

#logo h2 a {
 font-size: 12px;
 color: #00ffff;
}

#MainMenuBar {
 padding-left: 278px !important /*Non-IE6*/;
 padding-left: 308px /*IE6*/; 
 padding-top: 90px !important /*Non-IE6*/;
 padding-top: 10px /*IE6*/; 
 float: left;
 width: 675px;
 height: 55px;
 margin: 0 left !important /*Non-IE6*/;
 margin: 0 left /*IE6*/; 
 border: 0px #ff00ff solid;
 } 

#MainMenuBar a {
 display: block;
 float: left;
 width: 110px;
 height: 32px;
 background: url(./img1/buttons_back.png) repeat-x;
 text-align: center;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 padding-top: 20px;
 border: 1px #000000 solid;
}

#MainMenuBar ul {
 list-style-type:none;}

#MainMenuBar ul li {
  float:left; 
  z-index:auto !important /*Non-IE6*/;
  z-index:800 /*IE6*/; 
  border:solid 0px ;
}


#MainMenuBar ul li ul {
 display:none;
 border:solid 0px;
}

/* ==========================================================================*/
/* Submenu (Non-IE6 hovering) */
#MainMenuBar ul li:hover {
 position:relative;
}
#MainMenuBar ul li:hover a {
 background-color:rgb(110,194,224);
 background: url(./img1/buttons_back2.png) repeat-x;
 text-decoration:none;
 color:#ffffff;
}

#MainMenuBar ul li:hover ul {
 display:block;
 width:10.0em;
 position:absolute;
 z-index:1000;
 top:45px;
 margin-top:0.1em;
 left:-30px;
 padding:0px 16px 0px 16px;
 /*border-top:solid 1px rgb(215,215,215);*/
}
#MainMenuBar ul li:hover ul li a {
 white-space:normal;
 display:block;
 width:10.0em;
 height:auto;
 line-height:32px;
 margin-left:-17px;
 padding:8px 16px 4px 16px;
 background-color:rgb(0,0,153);
 font-weight:normal;
 color:rgb(,0,0);
} 
#MainMenuBar ul li:hover ul li a:hover {
background: url(./img1/buttons_back3.png) no-repeat;
 color:#00ffff;
} 

/* ==========================================================================*/
/* Submenu (IE6 hovering) */
/* MainMenu appearance  */
#MainMenuBar table {
 position:absolute;
 z-index:1000;
 top:1px;
 left:-1px;
 border-collapse:collapse;
}
/* MainMenu hover control */
#MainMenuBar ul li a:hover {
 position:relative;
 z-index:1000;
 background: url(./img1/buttons_back1.png) repeat-x;
 text-decoration:none;
 color:#00ffff
}
/* SubMenu Display */
#MainMenuBar ul li a:hover ul {
 display:block;
 width:10.0em;
 position:absolute;
 z-index:1000;
 top:48px;
 left:-30px;
 margin-top:0.1em;
 }
/* SubMenu appearance */
#MainMenuBar ul li a:hover ul li a {
 white-space:normal;
 display:block;
 width:10.0em;
 height:28px;
 background: url(./img1/buttons_back2.png) no-repeat;
 line-height:23px;
 padding:12px 16px 4px 16px;
 font-weight:normal;
 color:#ffffff;
}

/* SubMenu hover control */
#MainMenuBar ul li a:hover ul li a:hover {
background: url(./img1/buttons_back3.png) no-repeat;
 color:#00ffff;
}


#left {
 padding-left: 10px !important /*Non-IE6*/;
 padding-left: 20px /*IE-6*/;
 padding-top: 3px;
 width: 200px;
}

#left h3 {
 width: 196px;
 height: 25px;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 padding-top: 15px;
 text-transform: uppercase;
 color: #000000;
 background: url(./img1/title1.gif) repeat-x;
 border: 2px solid #ffffff;
}

#left h3:hover {
 text-decoration:none;
 color:#ff0000;
}


#left a {
 display: block;
 width: 196px;
 height: 25px;
 background: url(./img1/buttons_back.gif) repeat-x;
 *text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 color: #000000;
 font-weight: bold;
 font-size: 14px;
 padding-top: 15px;
 border: 2px #ffffff solid;
}

#left p {
 padding: 10px;
 border-bottom: 2px solid #ffffff;
 border-left: 2px solid #ffffff;
 border-right: 2px solid #ffffff;
}


#leftindex {
 padding-left: 70px;
 padding-top: 15px;
 float: left;
 width: 245px;
 height: 380px;
 margin: -1 auto !important /*Non-IE6*/;
 margin: 0 auto /*IE6*/; 
 border: 0px #00ff00 solid;
 } 

#leftindex a {
 display: block;
 float: left;
 width: 225px;
 height: 28px;
 background: url(./img1/buttons_back4.png) repeat-x;
 text-align: center;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 padding-top: 15px;
 border: 0px #ffffff solid;
}

#leftindex ul {list-style-type:none;}

#leftindex ul li {
  float:left; 
  z-index:auto !important /*Non-IE6*/;
  z-index:800 /*IE6*/; 
  border:solid 0px ;
} 

#leftindex ul li ul {
 display:none;
 border:solid 0px;
}

#leftindex p {
 width: 179px;
 padding: 11px;
 border:solid 1px ;
}

/* ==========================================================================*/
/* Submenu (Non-IE6 hovering) */
#leftindex ul li:hover {
 position:relative;
}
#leftindex ul li:hover a {
 background-color:rgb(110,194,224);
 text-decoration:none;
 color:rgb(0,0,0);;
}
#leftindex ul li:hover ul {
 display:block;
 width: 280px;
 position:absolute;
 z-index:1000;
 top:3px;
 margin-top: 0.1em;
 left: 170px;
 padding:0px 16px 0px 16px;
 /*border-top:solid 1px rgb(215,215,215);*/
}
#leftindex ul li:hover ul li a {
 white-space:normal;
 display:block;
 width: 230px;
 height:auto;
 line-height:23px;
 margin-left:-17px;
 padding:8px 16px 4px 16px;
 border-right:solid 1px rgb(215,215,215);
 border-left:solid 1px rgb(215,215,215);
 border-bottom: solid 1px rgb(215,215,215);
 background-color:rgb(0,0,153);
 font-weight:normal;
 color:rgb(,0,0);
}

#leftindex ul li:hover ul li a:hover {
 text-decoration:underline;
 color:rgb(255,255,255);
} 

/* ==========================================================================*/
/* Submenu (IE6 hovering) */
/* LeftIndex appearance  */
#leftindex table {
 position:absolute;
 z-index:1000;
 top:1px;
 left:-1px;
 border-collapse:collapse;
}
/* LeftIndex hover control */
#leftindex ul li a:hover {
 position:relative;
 z-index:1000;
background: url(./img1/buttons_back5.png) repeat-x;
 text-decoration:none;
 color:#00ffff;
}
/* SubMenu Display */
#leftindex ul li a:hover ul {
 display: block;
 width: 280px;
 position: absolute;
 z-index: 1000;
 top: 3px;
 left: 190px;
 margin-top: 0.1em;
 /*border-top: solid 1px rgb(215,215,215);*/
 }
/* SubMenu appearance */
#leftindex ul li a:hover ul li a {
 white-space:normal;
 display:block;
 width: 230px;
 height:23px;
 line-height:23px;
 padding:8px 16px 4px 16px;

 font-weight:normal;
 color:#ffffff;
}
/* SubMenu hover control */
#leftindex ul li a:hover ul li a:hover {

 color:#00ffff;
}

#leftpix1{
 position: absolute;
 left: 155px !important /*Non-IE6*/;
 left:187px /*IE6*/;
 top: 268px;
 border: 0px #00ff00 solid;
}

#leftpix1 a {
 display: block;
 width: 226px;
 left: 10px;
 height: 40px;
 background: url(./img1/buttons_back4.png) no-repeat;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 padding-top: 15px;
 border: 0px #00ff00 solid;
}

#leftpix1 a:hover {
 background: url(./img1/buttons_back5.png) no-repeat;
 color: #00ffff;
}

#leftpix2{
 position: absolute;
 left: 155px !important /*Non-IE6*/;
 left:187px /*IE6*/;
 top: 651px;
 border: 0px #00ff00 solid;
} 

#leftpix2 a {
 display: block;
 width: 226px;
 left: 10px;
 height: 41px;
 background: url(./img1/buttons_back4.png) no-repeat;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 padding-top: 15px;
 border: 0px #000000 solid;
}

#leftpix2 a:hover {
 background: url(./img1/buttons_back5.png) no-repeat;
 color: #00ffff;
}


#leftpix3{
 position: absolute;
 left: 155px !important /*Non-IE6*/;
 left:191px /*IE6*/;
 top: 708px;
 border: 0px #00ff00 solid;
} 


#right {
 /*float: right;*/
 position:absolute;
 left: 416px !important /*Non-IE6*/;
 left: 447px /*IE6*/;
 top:322px;
 width: 620px !important /*Non-IE6*/;
 width: 620px /*IE6*/; 
 height:652px;
 padding-right: 20px;
 padding-left:20px;
 border: 0px solid #ffffff;
 overflow: auto;
}


#right a {
 color: #ff00ff;
 text-decoration: none;
 border: 0px solid #ffffff;
}

#right p {
 padding-bottom: 10px;
 font: 16px garamond;
 text-align: justify;
 border: 0px solid #ffffff;
}

#right h2 {
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: center;
 color: #ffffff;
}

#right h3 {
 font-size: 12px;	
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: center;
 color: #ffffff;
}

#right h4 {
 font: 14px corsiva;
 font-style: italic;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: center;
 color: #ffffff;
}

#right table {
 width: 500px;
}

#right tr {
 /*table-frame:void;*/
 border: 1px solid #ffffff;
}

#right td {
 text-align:center;
 font: 21px garamond;
 font-style: italic;
}


#right1 {
 /*float: right;*/
 position:absolute;
 left: 416px !important /*Non-IE6*/;
 left: 447px /*IE6*/;
 top:322px;
 width: 620px !important /*Non-IE6*/;
 width: 620px /*IE6*/; 
 height:652px;
 padding-right: 20px;
 padding-left:20px;
 border: 0px solid #ffffff;
 overflow: auto;
}

#right1 a {
 /*color: #ffffff;*/
 color: #ff00ff;
 border: 0px solid #ffffff;
 text-decoration: none;
}

#right1 p {
 padding-bottom: 10px;
 font: 21px garamond;
 font-style: italic;
 border: 0px solid #ffffff;
 text-align: center;
}

#right1 p:hover {
 position:relative;
 z-index:1000;
 /*text-decoration:underline;*/
 /*color:rgb(255,255,0);*/
 /*padding: 10px;*/
 /*border: 2px solid #ffffff;*/
}




#right1 h2 {
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: center;
 color: #ffffff;
}

#right1 h3 {
 font-size: 12px;	
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: left;
 color: #ffffff;
}

#right1 h4 {
 font: 14px corsiva;
 font-style: italic;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: center;
 color: #ffffff;
}

#right1 table {
 width: 513px;
}

#right1 tr {
 /*table-frame:void;*/
 border: 1px solid #ffffff;
}

#right1 td {
 /*text-align:center;*/
 padding-left: 2px;
 text-align:left;
 font: 16px garamond;
 font-style: italic;
}


#footer {
 height: 5px;
 position: absolute;
 top: 992px;
 padding-top: 1px;
 padding-left: 236px !important /*Non-IE6*/;
 padding-left: 236px /*IE-6*/;
 width: 1000px !important /*Non-IE6*/;
 width: 1000px /*Non-IE6*/;
}

#footer p {
 margin: 0;
 font-size: 10px;
 text-align: center;
 padding-left: 435px !important /*Non-IE6*/;
 padding-left: 450px/*IE-6*/;
 color: #6ec2e0;
}

#footer a {
 color: #ffffff;
}


