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

/*MJBO*/

* {margin:0; padding:0; border:none; font-size: 100.01%; list-style-type:none;}
body {background:#036 url(../images/site-layout/body-bg.png) no-repeat top;; font-size:80%; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal; line-height:1.5em;}
a {color:#FFF; text-decoration:none;}
a:hover {color:#9CF;}
a:focus {outline:none;}
.clear {clear:both;}
h1 {font-size:3.5em; margin:-15px 0 20px 0;}
h2 {font-size:2.5em; color:#9CF; margin-top:-10px; text-align:center;}
h3 {font-size:1.8em; color:#FFF; font-weight:normal;}
h4 {font-size:1.3em; color:#9CF; text-align:center; font-weight:normal;}

#outter-wrapper {width:960px; margin:0 auto;}
#logo {width:960px; height:90px; margin-top:20px;}
#logo a {text-indent:-9999em; display:block; width:940px; height:80px; margin:10px auto; background:url(../images/site-layout/logo.png) no-repeat;}
#main-nav {width:560px; height:30px; margin:0 auto;}

/*MAIN-NAV*/
#main-nav li {display:inline;}
#main-nav li a {display:block; float:left; height:30px; text-indent:-9999em; margin:0 15px;}

li a.nav-one, li a.nav-one:hover, li a.sel-one {width:80px; background:url(../images/site-layout/nav/nav-one.png);}
li a.nav-one {background-position:top;}
li a.nav-one:hover, li a.sel-one {background-position:bottom;}

li a.nav-two, li a.nav-two:hover, li a.sel-two {width:80px; background:url(../images/site-layout/nav/nav-two.png);}
li a.nav-two {background-position:top;}
li a.nav-two:hover, li a.sel-two {background-position:bottom;}

li a.nav-three, li a.nav-three:hover, li a.sel-three {width:100px; background:url(../images/site-layout/nav/nav-three.png);}
li a.nav-three {background-position:top;}
li a.nav-three:hover, li a.sel-three {background-position:bottom;}

li a.nav-four, li a.nav-four:hover, li a.sel-four {width:60px; background:url(../images/site-layout/nav/nav-four.png);}
li a.nav-four {background-position:top;}
li a.nav-four:hover, li a.sel-four {background-position:bottom;}

li a.nav-five, li a.nav-five:hover, li a.sel-five {width:90px; background:url(../images/site-layout/nav/nav-five.png);}
li a.nav-five {background-position:top;}
li a.nav-five:hover, li a.sel-five {background-position:bottom;}

#content-wrapper {width:960px; margin:25px 0 10px 0; font-size:1.05em;}
#content-wrapper a {color:#9CF;}
#content-wrapper a:hover {text-decoration:underline;}

/*FOOTER*/
#footer-wrapper {width:960px; height:50px; padding-top:10px; font-size:.9em; background:url(../images/site-layout/footer-bg.png) no-repeat top;}
#footer-nav {width:640px; height:50px; float:left;}
#footer-nav li {display:inline; margin-right:10px;}
#web {width:320px; height:50px; float:left; text-align:right;}
span.copy {font-size:.85em;}

/*WELCOME LAYOUT*/
#welcome-left {width:290px; padding:0 20px 0 10px; float:left;}
#welcome-right {width:640px; float:left; position:relative;}

/*ABOUT LAYOUT*/
#about-left {width:300px; padding:0 10px; float:left; position:relative;}
#about-mid {width:305px; padding:0 5px 0 10px; float:left;}
#about-right {width:300px; margin-top:-50px; padding:0 10px; float:left; position:relative;}

/*MEMBERSHIP LAYOUT*/
.box, .box2 {background:#333 url(../images/site-layout/box-bg.png) no-repeat; padding:10px; opacity:.8; position:relative; border:1px solid #3e3e3e;}
.box {margin-bottom:10px;}

/*GALLERY LAYOUT*/
#gallery {width:800px; height:442px; margin:10px auto 40px auto; background:url(../images/site-layout/gallery-bg.png) no-repeat; position:relative;}
#gallery img {float:left;}
#gallery img:hover {opacity:.8;}
#gallery-top {width:800px; height:134px; background:#FFF; margin-bottom:174px;}
#gallery-bottom {width:800px; height:134px; background:#FFF;}

/*CONTACT LAYOUT*/
.contact-l {float:left;}
.contact-chap {text-align:center; margin:50px 0 0 0;}
#contact-left {width:300px; padding:0 10px; float:left;}
#contact-mid {width:300px; padding:0 10px; float:left;}
#contact-right {width:300px; padding:0 10px; float:left;}