/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
/* remember to define focus styles! */
:focus{outline: 0;}
/* remember to highlight inserts somehow! */
ins{text-decoration: none;}
del{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse;border-spacing: 0;}

/* Begin Gathering Style */
body{
    font:normal 12px Arial, sans-serif; /*Helvetica, */
    background:#eeede4 url(../assets/images/bg_brown_tan.gif) center top repeat-x;}

#container{
    margin:0 auto;
    width:900px;
    position:relative;}
	
#logo{
    position:relative;
    left:-22px;
    display:block;
    width:359px;
    height:143px;
    background:transparent url(../assets/images/h1_wesleyan_hope_and_holiness_trust.gif) left no-repeat;
    text-indent:-9999px;}
#nav_upper{
    position:absolute;
    right:0;
    top:75px;}
    #nav_upper li {
        padding-right:2px;
        float:left;
        }
        #nav_upper a{
            display:block;
            height:42px;
            background:transparent url(../assets/images/sp_nav_upper.png) left top no-repeat;
            text-indent:-9999px;}
            #nav_upper #nu_home{background-position:0 0;width:66px;}
                #nav_upper #nu_home:hover{background-position:0 -50px;}
            #nav_upper #nu_abou{background-position:-66px 0;width:70px;}
                #nav_upper #nu_abou:hover{background-position:-66px -50px;}
            #nav_upper #nu_pass{background-position:-136px 0;width:95px;}
                #nav_upper #nu_pass:hover{background-position:-136px -50px;}
            #nav_upper #nu_proj{background-position:-231px 0;width:89px;}
                #nav_upper #nu_proj:hover{background-position:-231px -50px;}
            #nav_upper #nu_updates{background-position:-320px 0;width:86px;}
                #nav_upper #nu_updates:hover{background-position:-320px -50px;}
            #nav_upper #nu_join{background-position:-406px 0;width:100px;}
                #nav_upper #nu_join:hover{background-position:-406px -50px;}
            #nav_upper #nu_cont{background-position:-506px 0;width:84px;}
                #nav_upper #nu_cont:hover{background-position:-506px -50px;}

#box_top{
    position:relative;
    left:-22px;
    margin-top:-25px;
    padding:0 32px;
    display:block;
    width:879px;
    height:32px;
    background:transparent url(../assets/images/bg_content_frame_top.png) left top no-repeat;}
#box_middle{
    position:relative;
    left:-22px;
    padding:0 32px;
    display:block;
    width:879px;
    height:1%;
    background:transparent url(../assets/images/bg_content_frame_middle.png) left top repeat-y;}
    #box_middle a.lg_img{
        margin:0;
        padding:0;
        text-decoration:none;
        line-height:0;}
        #box_middle a.lg_img img{
            margin:0;
            padding:0;}
    #content_header{width:100%;float:left;}
        #content_header h2{
            padding:.4em 0 .4em;
            font-size:1.6em;
            font-weight:normal;
            text-align:center;
            color:#fff;
            background:#a9c5c3;
            display:block;
            float:left;
            clear:none;
            width:215px;}
        #content_header span{
            padding:.4em 0 .4em 44px;
            font-size:1.6em;
            font-weight:normal;
            text-align:left;
            color:#2a2216;
            background:#f5f4e8;
            display:block;
            float:left;
            clear:none;
            width:620px;}
            #content_header span a{
                color:#f68b31;
                text-decoration:none}
                #content_header span:hover a,#content_header span a:hover{text-decoration:underline}
    #sub_menu{
        margin:0 12px 0 0;
        padding-top:1.6em;
        background:transparent url(../assets/images/bg_sub_menu.png) left top no-repeat;
        width:215px;
        height:390px;
        display:inline-block;
        vertical-align:top;}
        #sub_menu h2{
            margin:32px 0 5px 22px;
            color:#9ad2e8;
            line-height:1em;
            font-size:20.83px;
            font-weight:normal;}
        #sub_menu ul li a{
            padding:7px 7px 6px 28px;
            display:block;
            color:#3a2f1e;
            font-size:16.67px;
            text-decoration:none;}
            #sub_menu ul li a:hover{
                text-decoration:underline}
        #sub_menu ul li a.current{
            padding:8px 7px 9px 32px;
            color:#83ac07;
            background:transparent url(../assets/images/bg_sub_menu_current.png) right top no-repeat;
            background-position:right -4px;}
            #sub_menu ul li a.current:hover{
                text-decoration:underline;}
    #sub_menu_rounded{
        margin:0 12px 0 0;
        padding-top:0;
        background:transparent url(../assets/images/bg_sub_menu.png) left top no-repeat;
        width:215px;
        height:390px;
        float:left;
        clear:none;}
        #sub_menu_rounded h2{
            text-indent:-9999px;}
	#content{
            width:645px;
            display:inline-block;
            vertical-align:top;}
            #content .bio{padding:15px;width:615px;float:left;}
            #content .even{background:#f6fae0;}
            #content h1{
                margin:20px 15px 0 15px;
                padding:0;
                line-height:1em;
                color:#1095c8;
                font-size:39.58px;
                font-weight:normal;}
            #content h2{
                margin:13px 15px 5px 15px;
                padding:0;
                line-height:1.2em;
                color:#6d8886;
                font-size:22.83px;
                font-weight:normal;}
            #content p{
                margin:0 15px 13px 15px;
                padding:0;
                line-height:1.4em;
                color:#4d4d4f;
                font-size:14.58px;}
            #content table{
                margin:0 0 0 15px;
                line-height:1.4em;
                color:#4d4d4f;
                font-size:14.58px;}
            #content a{
                color:#1095c8;
                text-decoration:none;}
                #content a:hover{
                    text-decoration:underline;}
                #content .bio h2{margin:10px 0 5px;}
                #content .bio p{
                    margin:0 0 13px;
                    padding:0;
                    width:405px;
                    color:#4d4d4f;
                    font-size:14.58px;}
                #content .column_1, #content .column_2{
                    display:inline-block;
                    vertical-align:top;
                    width:300px}
                    #content .column_1 h1,#content .column_2 h1{
                        font-size:31.25px;}
#box_bottom{
    position:relative;
    left:-22px;
    padding:0 32px;
    display:block;
    width:879px;
    height:32px;
    background:transparent url(../assets/images/bg_content_frame_bottom.png) left top no-repeat;}

#nav_lower{
    position:relative;
    margin:-5px 13px auto 13px;
    float:left;
    position:relative;
    left:-22px;
    padding:0 9px 14px 9px;
    display:block;
    width:899px;
    height:1%;
    background:transparent url(../assets/images/bg_nav_lower_middle.png) left top repeat-y;
    }
	
    #nav_lower li {
    float:left;
    }
	
    #nav_lower a{
        display:block;
        height:65px;
        background:transparent url(../assets/images/sp_nav_lower.png) left top no-repeat;
        text-indent:-9999px;}
        #nav_lower #nl_stor{background-position:0 0;width:226px;}
            #nav_lower #nl_stor:hover{background-position:0 -70px;}
        #nav_lower #nl_proj{background-position:-226px 0;width:225px;}
            #nav_lower #nl_proj:hover{background-position:-226px -70px;}
        #nav_lower #nl_join{background-position:-451px 0;width:220px;}
            #nav_lower #nl_join:hover{background-position:-451px -70px;}
        #nav_lower #nl_memb{background-position:-671px 0;width:228px;}
            #nav_lower #nl_memb:hover{background-position:-671px -70px;}


#footer{
    margin:2em 1.5em 0 1.5em;
    color:#332e25;
    width:864px;
    float:left;
    clear:both;}
    #footer p.slogan {
        position:relative;
        top:-4px;
        float:right;
        clear:none;
        display:block;
        height:18px;
        width:209px;
        text-indent:-9999px;
        background:transparent url(../assets/images/sp_be_part_of_the_story.png) left top no-repeat}
    #footer p.copyright{
        position:relative;
        top:-6px;
        height:36px;
        padding:10px 0 0 45px;
        float:left;
        font-size:10.42px;
        background:transparent url(../assets/images/sp_the_wesleyan_church_logo.png) left top no-repeat}
        #footer p.copyright a{color:#332e25;text-decoration:none;}
            #footer p.copyright a:hover{text-decoration:underline;}

.roundedbox{
    margin-top:15px;
    padding:10px 20px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    float:left}
    .roundedbox img{
        margin:5px 50px 5px 5px;
        float:left}
    .roundedbox h2, .roundedbox p, .roundedbox a{color:#fff !important}
    .roundedbox a{text-decoration:underline !important}

/* Form Styles */
.form .horizontal label{float:left;clear:none}
.form fieldset{
margin:1em 0;
padding:.5em 1em;}
.form legend{
padding:0 .2em;
line-height:1em;
font-size:120%}
.form label{
margin:0 0 1em 1em;
line-height:1em;
display:block;
font-weight:700}
.form input[type=submit]{
margin:0 0 1em 1em;
display:block;
font-weight:700}
.form label.first{padding-top:1em}
.form input[type=text],.form input[type=password],.form textarea{
display:block;
width:15em}
.form select{display:block}
.form input[type=radio],.form input[type=checkbox]{
clear:both;
float:left;
zoom:1;
position:relative;
top:-.4em;
font-weight:400}
.form input[type=button]{
margin-top:1em;
width:auto}
.form p{
margin:0 0 1em 1em;
line-height:1.4em;
width:100%;
display:block;
float:left;
clear:left}