body { background-color: #2C3341; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #3D4045; background: url('images/bg_main.gif') repeat-x  #4E5055; margin: 0px; padding: 0px; text-align:center; }

a { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #3D4045 }
a:hover { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: black}
h1 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 16px; color: #797C81; margin:0px; padding:0px 0px 5px 0px;}
h2 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #3D4045 margin:0px; padding:0px;}
th { text-align: left; }

.normal
{
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #3D4045;
}

table.info
{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(160, 160, 160);
    border-spacing: 0px;
    border-collapse: collapse;
}

td.info, th.info
{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(160, 160, 160);
    border-spacing: 0px;
    border-collapse: collapse;
    font-family: verdana, arial, "lucida console", sans-serif;
    color: rgb(50, 50, 50);
    font-size: 12px;
    padding: 3px;
}

/* Layout */

#header { height: 104px; width: 750px;  border:0; margin: 0px; padding: 0px; margin:auto; }

#navbar { padding: 0px; height:22px; width: 750px; margin:auto; background-color:#222937; line-height:0em; }
#navbar ul.nav { list-style:none; margin:0px; padding:0px; }
#navbar ul.nav li { float:left; }

#footer { text-align:left; margin:auto; width:750px; background-color:#c5c6c8; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; color: #3D4045; padding:10px 0px 10px 0px;}
#footer a:hover { color:black;}


/* Homepage */

#centrebackground { text-align:left; margin:auto; width: 750px; background-color: #FFFFFF; min-height:460px; background-image: url('images/couple.jpg'); background-repeat:no-repeat; background-position:bottom left;}

#welcome { width: 518px; background-image: url('images/welcome_background.jpg'); background-repeat:no-repeat; }
#welcome-text { width: 230px; padding:206px 0px 15px 0px; margin:0px 0px 0px 275px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; line-height:1.2em; }

#quick-links { width: 210px; float:right; padding:0px 0px 20px 0px;}

#quick-links ul.main { padding: 0; margin: 0; list-style-type: none; height: 76px; }
#quick-links ul.main li { padding: 0; margin: 0; }
/* #quick-links ul.main a { overflow: hidden; position: relative; height: 76px; display: block; }
  #quick-links ul.main li.kidscity a:hover img { top: -77px; } 
  #quick-links ul.main li.signal a { width: 186px; margin: 10px 0px 0px 0px;}
  #quick-links ul.main li.id a { width: 186px; margin: 10px 0px 0px 0px;}
  #quick-links ul.main li.missions a { width: 186px; margin: 10px 0px 0px 0px;}
  #quick-links ul.main li.connectgroups a { width: 186px; margin: 10px 0px 0px 0px;}
#quick-links ul.main a img { position: absolute; top: 0; left: 0; } */

.feature_box {
    display: block; width: 186px; height: 76px;   
    margin: 12px 0px 0px 0px;
}

a.feature_box:hover {
    background-position: 0px -77px;   
}

.kidscity {
    background: url(images/kidscity.jpg)
}

.signal {
    background: url(images/signal.jpg)
}


.idx {
    background: url(images/id.jpg)
}


.missions {
    background: url(images/missions.jpg)
}


.connect {
    background: url(images/connect_groups.jpg)
}

.hidden {
    display: none;
}

/* Sub Pages */

#sub-background { text-align:left; margin:auto; width: 750px; background-color: #FFFFFF; min-height:460px; background-image: url('images/aboutus_background.gif'); background-repeat:repeat-y; }

#sub-nav-holder { float:left; width:154px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#sub-nav-holder a { text-decoration:none; }
#sub-nav-holder a:hover { color:black;}

#sub-nav-holder p { padding:0px; margin:21px 0px 0px 21px; }


#sub-content-holder { padding:20px 0px 0px 0px; margin:0px 0px 0px 180px; width:533px; }
#sub-content-holder li { padding:0px 0px 10px 0px; }
#sub-content-holder a:hover { color:black;}

#sub-content-holder p { padding:0px 0px 10px 0px; margin:0px; line-height:1.5em;}

#sub-content-holder img { float:right; padding: 0px 0px 10px 20px;}

#leader-photo img { float:left; padding: 0px 10px 10px 0px;}

/* Events Page */

#events-background { text-align:left; margin:auto; width: 750px; background-color: #FFFFFF; min-height:460px; background-image: url('images/events_background.gif'); background-repeat:repeat-y; background-position:top right;}

#event-ads { width:303px; float:right; padding:0px 18px 0px 0px;}
#event-ads img { padding: 0px 0px 0px 0px; margin:20px 0px 0px 0px;}

#events-content-holder { text-align:left; padding:21px 0px 21px 21px; margin:0px; width:360px; }
#events-content-holder li { padding:0px 0px 10px 0px; }
#events-content-holder a:hover { color:black;}

#events-content-holder p { padding:0px 0px 15px 0px; margin:0px;}
#events-content-holder h2 { padding:0px 0px 10px 0px; margin:0px;}
#events-content-holder h1 { padding:0px 0px 20px 0px; margin:0px;}
#events-content-holder img { float:left; padding: 0px 10px 10px 0px; margin:0px 0px 0px 0px;}