@charset "utf-8";
body {
background-color : #f3f3f3;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
margin : 0 auto;
padding-top : 20px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
width : 1000px;
}
#header {
height : 300px;
}
#wrapper {
width : 1000px;
margin : 0 auto;
text-align : left;
padding : 0;
}
#content {
float : left;
width : 1000px;
height : 100%;
margin : 0 auto;
padding : 0;
background-image : url(images/body-background.png);
background-repeat : repeat-y;
}
#left-content {
position : relative;
float : left;
margin : 0 auto 0 auto;
padding-left : 50px;
padding-top : 10px;
padding-bottom : 0;
padding-right : 0;
width : 500px;
}
#top-content {
float : right;
margin : 0 auto 0 auto;
padding : 0 8px 0 0;
width : 420px;
}
#mid-content {
position : relative;
float : right;
margin-right : 215px;
margin-bottom : 0;
margin-left : 0;
margin-top : 0;
padding : 5px;
width : 200px;
background-color : #ffffff;
border : thin solid #cccccc;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
#right-content {
position : absolute;
float : left;
margin-left : 790px;
margin-top : 110px;
margin-right : 0;
margin-bottom : 0;
padding : 0;
width : 200px;

}
h1 {
color : #333333;
font-size : 16px;
font-family : Arial, Helvetica, sans-serif;
}
h2 {
color : #ff9900;
font-size : 16px;
font-family : Arial, Helvetica, sans-serif;
}
h3 {
color : #ff9900;
font-size : 14px;
}
#menu7 ul {
list-style : none;
margin : 0;
padding : 0;
}
#menu7 li {
list-style : none;
margin : 0;
padding : 0;
}
#menu7 {
width : 217px;
margin : 0;
}
#menu7 li a {
voice-family : "\"}\"";
voice-family : inherit;
height : 35px;
text-decoration : none;
}
#menu7 li a:link, #menu7 li a:visited {
color : #ffffff;
display : block;
background : url(images/menu-hover.png) no-repeat;
padding : 0 0 0 31px;
line-height : 30px;
}
#menu7 li a:hover {
color : #f19d4d;
display : block;
background : url(images/menu-still.png) no-repeat;
padding : 0 0 0 31px;
line-height : 30px;
}
#welcome {
width : 329px;
height : 25px;
position : relative;
}
#welcome span {
background : url(images/welcome.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#jcf {
width : 329px;
height : 25px;
position : relative;
}
#jcf span {
background : url(images/jcf.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#leadership {
width : 329px;
height : 25px;
position : relative;
}
#leadership span {
background : url(images/leadership.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#vision {
width : 329px;
height : 25px;
position : relative;
}
#vision span {
background : url(images/vision.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#puppet span {
background : url(images/puppets.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#youth span {
background : url(images/youth.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#bp span {
background : url(images/bp.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#g-town span {
background : url(images/g-town-market.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}
#discipleship span {
background : url(images/discipleship.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#nations span {
background : url(images/nations.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#transport span {
background : url(images/transport.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#events span {
background : url(images/events.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#camp span {
background : url(images/camp.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#meet span {
background : url(images/meet.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#encounter span {
background : url(images/encounter.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#family span {
background : url(images/family.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#contact span {
background : url(images/contact.png) no-repeat;
position : absolute;
width : 485px;
height : 71px;
}

#bottom {
background : #494949 url(images/footer-back.png) repeat-x;
clear : both;
float : left;
width : 995px;
height : 200px;
margin-left : 5px;
margin-bottom : 20px;
padding-top : 10px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
font-size : 12px;
text-align : left;
color : #fff;
}
#bottom-links {
float : left;
width : 800px;
height : 58px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding-top : 80px;
padding-left : 0;
padding-bottom : 0;
padding-right : 0;
}
#bottom a:link, a:visited {
color : #669900;
}
#bottom a:hover {
color : #ffffff;
}
#bottom-divs {
float : left;
clear : both;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding-top : 50px;
padding-bottom : 50px;
padding-left : 50px;
padding-right : 50px;
width : 900px;
}
#bottom-mid, #bottom-right {
width : 200px;
padding-top : 50px;
padding-right : 200px;
padding-bottom : 20px;
padding-left : 350px;
float : left;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : 400px;
}
#bottom-mid {
width : 200px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding-top : 20px;
padding-right : 0;
padding-bottom : 0;
padding-left : 400px;
}
#bottom-right {
width : 200px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding-top : 20px;
padding-right : 0;
padding-bottom : 0;
padding-left : 100px;
}
#bottom h2 {
margin-top : 0;
margin-right : auto;
margin-bottom : 10px;
margin-left : auto;
padding-top : 0;
padding-right : 8px;
padding-bottom : 0;
padding-left : 0;
font-size : 1.6em;
color : #fff;
}
#bottom h2 span {
color : #888;
}
#bottom ul {
list-style : none;
margin : 0;
padding : 0;
border : none;
}
#bottom ul li {
margin : 0;
padding : 0;
}
#bottom ul li a {
display : block;
padding : 5px 0 3px 4px;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
width : 200px;
border-bottom : 1px solid #676767;
color : #676767;
}
#bottom ul li a:hover {
background : #191919;
color : #ffffff;
}
#bottom-sep {
clear : both;
}
#bottom h1 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 14px;
color : #fff;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 0;
padding-right : 0;
margin : 0;
}
#bottom a:link, a:active {
color : #ffffff;
text-decoration : none;
}
#bottom a:hover {
color : #669933;
}