/* ----- enochnj.org - Designed & Coded with Love & Care by Zach Williams ----- */

/* ----- Reset ----- */

* {margin: 0; padding: 0;}

html {margin: 0; padding: 0;}

img, img a {border: 0; margin: 0; padding: 0;}
p, dl, dd, dt, div {margin: 0; padding: 0;}
form {margin: 0; padding: 0;}

/* ----- General ----- */

body {
background: url(../images/site/bg.jpg) repeat-x top center #eeead4;
color: #754c24;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
margin: 0 auto 0;
padding: 0;
}

html, body {height: 100%;}

a, a:link, a:visited {color: #9d4b3d; text-decoration: underline; border: none;}
a:hover {text-decoration: none;}

#wrap {
background: none;
padding: 0;
position: relative;
width: 960px;
/* sticky footer */
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -150px;
}

* html #wrap {height: 100%;}

hr {clear: both; width: 100%; border: none; height: 1px; background-color: #754c24; margin: 0 0 20px 0; padding: 0;}
p {line-height: 18px; padding-bottom: 20px;}

li ul, 
li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 0 1.5em; line-height: 18px;}

ul { list-style-type: disc; }
ol { list-style-type: decimal; }
/* ----- Classes ----- */

.clear {clear: both;}
.left {float: left}
.bg_dark_red {background-color: #3a2b2b;}

.border_bottom h2 {border-bottom: 1px solid #754c24;}
.gpa_banner img {background-color: #ffffff; padding: 5px; border: 1px solid #754c24; margin: 30px 0 0 0;}
.image_left_padding {padding: 0 20px 20px 0;}
.red_highlight {color: #cc3333; padding: 10px; background-color: #ffffff;}

ul.links {list-style: none; width: 100%; border-top: 1px solid #d9cdbf; margin: 0;}
ul.links li {border-bottom: 1px solid #d9cdbf; position: relative; margin: 0;}
ul.links li a h3 {padding: 0;}
ul.links li a h4 {padding: 0;}

ul.links li a {
color: #9d4b3d;
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 10px;
text-decoration: underline;
}

ul.links li a:hover {background-color: #f5f4e9; text-decoration: none;}

ul.links a span {
color: #754c24;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
position: absolute;
top: 10px;
right: 10px;
}

/* ----- Header ----- */

#header {
width: 960px;
height: 230px;
position: relative;
}

h1#logo {
background: url(../images/site/logo_top.gif) no-repeat 0 0;
width: 210px;
height: 120px;
position: absolute;
top: 5px;
left: 0;
text-indent: -9999px;
overflow: hidden;
}

#tagline {
height: 48px;
left: 0;
padding-top: 12px;
position: absolute;
top: 170px;
width: 960px;
line-height: 36px;
}

#tagline h2 {color: #ffffff;}

/* ----- Menu ----- */

#top_mini_menu {
position: absolute;
right: 0;
top: 0;
background-color: #6f3314;
}

#top_mini_menu ul {list-style: none; margin: 0;}
#top_mini_menu li {float: left; padding: 10px; margin: 0;}
#top_mini_menu li a {color: #ffffff;}

#top_menu {
bottom: 60px;
height: 40px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 960px;
}

#bottom_menu {
height: 40px;
left: 0;
margin: 0 auto 0;
padding: 0;
position: absolute;
top: 12px;
width: 960px;
}

#top_menu ul, #bottom_menu ul, #convention_menu ul {margin: 0; padding: 0;}
#top_menu li, #bottom_menu li, #convention_menu li {float: left; list-style: none; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; }
#top_menu li a, #bottom_menu li a {display: block; height: 40px;}

/* Top Menu */
#top_menu li a {background: url(../images/site/menu/menu_top.gif) no-repeat 0 0;}

/* Bottom Menu */
#bottom_menu li a {background: url(../images/site/menu/menu_bottom.gif) no-repeat 0 0;}

/* Specifics */

#top_menu li a.home, #top_menu li a:link.home, #top_menu li a:visited.home, #bottom_menu li a.home, #bottom_menu li a:link.home, #bottom_menu li a:visited.home {width: 99px; background-position: 0 0;}
#top_menu li a:hover.home, #top_menu li a.home.menu_active, #bottom_menu li a:hover.home, #bottom_menu li a.home.menu_active {background-position: 0 -40px;}

#top_menu li a.getting_started, #top_menu li a:link.getting_started, #top_menu li a:visited.getting_started, #bottom_menu li a.getting_started, #bottom_menu li a:link.getting_started, #bottom_menu li a:visited.getting_started {width: 153px; background-position: -99px 0;}
#top_menu li a:hover.getting_started, #top_menu li a.getting_started.menu_active, #bottom_menu li a:hover.getting_started, #bottom_menu li a.getting_started.menu_active {background-position: -99px -40px;}

#top_menu li a.convention, #top_menu li a:link.convention, #top_menu li a:visited.convention, #bottom_menu li a.convention, #bottom_menu li a:link.convention, #bottom_menu li a:visited.convention {width: 179px; background-position: -252px 0;}
#top_menu li a:hover.convention, #top_menu li a.convention.menu_active, #bottom_menu li a:hover.convention, #bottom_menu li a.convention.menu_active {background-position: -252px -40px;}

#top_menu li a.news, #top_menu li a:link.news, #top_menu li a:visited.news, #bottom_menu li a.news, #bottom_menu li a:link.news, #bottom_menu li a:visited.news {width: 149px; background-position: -431px 0;}
#top_menu li a:hover.news, #top_menu li a.news.menu_active, #bottom_menu li a:hover.news, #bottom_menu li a.news.menu_active {background-position: -431px -40px;}

#top_menu li a.support, #top_menu li a:link.support, #top_menu li a:visited.support, #bottom_menu li a.support, #bottom_menu li a:link.support, #bottom_menu li a:visited.support {width: 104px; background-position: -580px 0;}
#top_menu li a:hover.support, #top_menu li a.support.menu_active, #bottom_menu li a:hover.support, #bottom_menu li a.support.menu_active {background-position: -580px -40px;}

#top_menu li a.laws, #top_menu li a:link.laws, #top_menu li a:visited.laws, #bottom_menu li a.laws, #bottom_menu li a:link.laws, #bottom_menu li a:visited.laws {width: 150px; background-position: -684px 0;}
#top_menu li a:hover.laws, #top_menu li a.laws.menu_active, #bottom_menu li a:hover.laws, #bottom_menu li a.laws.menu_active {background-position: -684px -40px;}

#top_menu li a.resources, #top_menu li a:link.resources, #top_menu li a:visited.resources, #bottom_menu li a.resources, #bottom_menu li a:link.resources, #bottom_menu li a:visited.resources {width: 126px; background-position: -834px 0;}
#top_menu li a:hover.resources, #top_menu li a.resources.menu_active, #bottom_menu li a:hover.resources, #bottom_menu li a.resources.menu_active {background-position: -834px -40px;}

/* Convention Menu */

#convention_menu {
height: 36px;
margin: 20px 0 30px 0;
padding: 0;
width: 960px;
}

#convention_menu li a {background: url(../images/site/menu/menu_convention_2.jpg) no-repeat 0 0; display: block; height: 36px;}

/* Specifics */

#convention_menu li a.convention_home, #convention_menu li a:visited.convention_home {width: 146px; background-position: 0 0;}
#convention_menu li a:hover.convention_home, #convention_menu li a.convention_home.menu_active {background-position: 0 -36px;}

#convention_menu li a.convention_register, #convention_menu li a:visited.convention_register {width: 75px; background-position: -146px 0;}
#convention_menu li a:hover.convention_register, #convention_menu li a.convention_register.menu_active {background-position: -146px -36px;}

#convention_menu li a.convention_workshops, #convention_menu li a:visited.convention_workshops {width: 95px; background-position: -221px 0;}
#convention_menu li a:hover.convention_workshops, #convention_menu li a.convention_workshops.menu_active {background-position: -221px -36px;}

#convention_menu li a.convention_schedule, #convention_menu li a:visited.convention_schedule {width: 82px; background-position: -316px 0;}
#convention_menu li a:hover.convention_schedule, #convention_menu li a.convention_schedule.menu_active {background-position: -316px -36px;}

#convention_menu li a.convention_children, #convention_menu li a:visited.convention_children {width: 76px; background-position: -398px 0;}
#convention_menu li a:hover.convention_children, #convention_menu li a.convention_children.menu_active {background-position: -398px -36px;}

#convention_menu li a.convention_teen, #convention_menu li a:visited.convention_teen {width: 70px; background-position: -468px 0;}
#convention_menu li a:hover.convention_teen, #convention_menu li a.convention_teen.menu_active {background-position: -468px -36px;}

#convention_menu li a.convention_info, #convention_menu li a:visited.convention_info {width: 99px; background-position: -544px 0;}
#convention_menu li a:hover.convention_info, #convention_menu li a.convention_info.menu_active {background-position: -544px -36px;}

#convention_menu li a.convention_exhibitors, #convention_menu li a:visited.convention_exhibitors {width: 103px; background-position: -643px 0;}
#convention_menu li a:hover.convention_exhibitors, #convention_menu li a.convention_exhibitors.menu_active {background-position: -643px -36px;}

#convention_menu li a.convention_curriculum, #convention_menu li a:visited.convention_curriculum {width: 130px; background-position: -746px 0;}
#convention_menu li a:hover.convention_curriculum, #convention_menu li a.convention_curriculum.menu_active {background-position: -746px -36px;}

#convention_menu li a.convention_volunteer, #convention_menu li a:visited.convention_volunteer {width: 84px; background-position: -876px 0;}
#convention_menu li a:hover.convention_volunteer, #convention_menu li a.convention_volunteer.menu_active {background-position: -876px -36px;}

/* Multipurpose menu */

ul.menu {
margin: 0;
padding: 0;
list-style: none;
display: table;
width: 100%;
table-layout: fixed;
}

* html ul.menu li {float: left;}
ul.menu li {*float: left;}

ul.menu li {
height: 36px;
padding: 0;
margin: 0;
list-style: none;
line-height: 36px;
font-size: 12px;
font-family: Arial;
background: url(http://www.enochnj.org/images/site/menu/menu_bg.jpg) repeat 0 0;
display: table-cell;
}

* html ul.menu li a {float: left;}
ul.menu li a {*float: left;}

ul.menu li a, ul.menu li a:link, ul.menu li a:visited {
display: block;
height: 36px;
padding: 0 20px 0 20px;
color: #ffffff;
text-decoration: none;
text-align: center;
cursor: pointer;
}

ul.menu li a:hover {
background: url(http://www.enochnj.org/images/site/menu/menu_bg_arrow.jpg) no-repeat center bottom;
}

/* ----- Footer ----- */

#footer_clear {
clear: both;
/* sticky footer - 30px added for footer top padding */
height: 180px;
}

#footer {
background: url(../images/site/footer_bg.jpg) repeat-x top center;
height: 150px;
margin: 0;
width: 100%;
z-index: 10!important;
}

#footer_content {
margin: 0 auto 0;
position: relative;
width: 960px;
}

#footer_tagline {
width: 300px;
position: absolute;
left: 0;
top: 70px;
color: #eeead4;
text-align: left;
line-height: 18px;
font-weight: bold;
}

#footer_info {
position: absolute;
top: 70px;
right: 0;
color: #eeead4;
text-align: right;
line-height: 18px;
}

#footer_info a {color: #ffffff;}

/* ----- Headers ----- */

h2 {
color: #603913;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 24px;
padding-bottom: 10px;
}

h3 {
color: #603913;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 20px;
padding-bottom: 10px;
}

h3.light {color: #987859;}

h4 {
color: #603913;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
padding-bottom: 10px;
}

/* ----- Columns ----- */

.col_one {
clear: both;
margin: 30px 0 0 0;
width: 960px;
}

.col_one_left {
float: left;
margin: 30px 40px 0 0;
width: 450px;
display: inline;
}

.col_one_right {
float: left;
margin: 30px 0 0 0;
width: 470px;
display: inline;
}

.col_two_left {
float: left;
margin: 30px 40px 0 0;
width: 620px;
display: inline;
}

.col_two_right {
float: left;
margin: 30px 0 0 0;
width: 300px;
display: inline;
}

/* ----- Buttons ----- */

a.archive_button, a:link.archive_button, a:visited.archive_button {
background: url(../images/site/buttons/archive_button.gif) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
overflow: hidden;
text-indent: -9999px;
width: 104px;
z-index: 50!important;
}
a:hover.archive_button {background-position: 0 -26px;}

a.convention_signup_button, a:link.convention_signup_button, a:visited.convention_signup_button {
background: url(../images/site/buttons/convention_signup_button.gif) no-repeat 0 0;
display: block;
height: 34px;
overflow: hidden;
text-indent: -9999px;
width: 180px;
}
a:hover.convention_signup_button {background-position: 0 -34px;}

/* ----- Form Elements ----- */

input.news_signup_button {
background: url(../images/site/buttons/news_signup_button.gif) no-repeat 0 0;
border: none;
cursor: pointer;
display: block;
font-size: 0px;
height: 26px;
line-height: 0px;
overflow: hidden;
text-indent: -9999px;
width: 104px;
}

input.news_signup_button:hover {background-position: 0 -26px;}

input#newsletter_form_input {
background: url(../images/site/inputs/newsletter_input.gif) no-repeat 0 0;
border: none;
font-size: 14px;
margin: 0;
padding: 10px 10px 0 10px;
height: 28px;
width: 302px;
display: block;
color: #9d4b3d;
}

/* ----- Home Page ----- */

/* General */

#news_container ul, #connect_container ul {list-style-type: none; margin: 0;} 

#news_container li, #connect_container li {border-bottom: 1px solid #d9cdbf; margin: 0; padding: 0; list-style-type: none;}

#news_container li a, #connect_container li a {
color: #9d4b3d;
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 10px;
text-decoration: none;
}

#news_container li a:hover, #connect_container li a:hover {background-color: #f5f4e9;}

#news_container a span, #connect_container a span {
color: #754c24;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
line-height: 14px;
padding-top: 5px;
}

/* News & Events Container */

#news_container {padding-bottom: 30px; position: relative; width: 450px;}

#news_container a.archive_button {position: absolute; right: 0; top: 0;}

#news_container ul {width: 450px;} 

* html #news_container li a {  /* make hover effect work in IE */
width: 430px;
}

/* Get Connected Container */

#connect_container {padding-bottom: 30px; width: 450px;}

#connect_img {float: left; margin: 10px 10px 0 0; display: inline;}

#connect_container ul {float: left; width: 310px; display: inline;} 

* html #connect_container li a {  /* make hover effect work in IE */
width: 290px;
}

/* Newsletter Sign Up */

#newsletter_signup {width: 450px;}

.newsletter_form {
background: url(../images/site/newsletter_bg.gif) no-repeat 0 0;
height: 46px;
position: relative;
width: 450px;
}

#newsletter_signup input#newsletter_form_input {position: absolute; left: 4px; top: 4px;}
#newsletter_signup input#newsletter_form_submit {position: absolute; right: 10px; top: 10px;}

/* Convention Sign Up */

#convention_signup {
background-color: #fcf8f8;
padding: 20px;
width: 430px;
}

#convention_rebate {
background-color: #603913;
padding: 20px;
position: relative;
width: 430px;
margin-bottom: 30px;
}

#convention_rebate span#rebate_top {
background: url(../images/site/convention_rebate_top.gif) no-repeat 0 0;
height: 8px;
left: 0;
position: absolute;
top: -8px;
width: 470px;
}

#convention_rebate h2 {color: #ffffff; text-align: center;}

/* Convention Gallery */

#convention_gallery {width: 470px; margin: 0;}

#convention_gallery_image {width: 470px; height: 315px; padding-bottom: 10px; border-bottom: 1px solid #754c24;}

ul.convention_gallery {margin: 0;}
.convention_gallery {list-style:none; width:470px;}
.convention_gallery li {display:block; width:110px; height:74px; overflow:hidden; float:left; margin: 10px 10px 0 0;}
.convention_gallery li.fourth {margin-right: 0;}
.convention_gallery li a {display:none}
.convention_gallery li div {position:absolute; display:none; top:0; left:180px}
.convention_gallery li div img {cursor:pointer}
.convention_gallery li.active div img,.convention_gallery li.active div {display:block}
.convention_gallery li img.thumb {cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto}
.convention_gallery li .caption {display:block;padding-top:.5em}
* html .convention_gallery li div span {width:400px} /* MSIE bug */

/* ----- Convention Page ----- */

#convention_tagline {
width: 960px;
padding-bottom: 20px;
border-bottom: 1px solid #754c24;
position: relative;
}

#convention_tagline a.convention_signup_button {position: absolute; right: 0; top: 0;}

#convention_header {
width: 960px;
text-align: center;
}

#convention_speakers {
width: 450px;
}

.convention_speaker {
width: 450px;
padding-bottom: 20px;
}

.convention_speaker img {
width: 180px;
height: 200px;
float: left;
padding: 5px;
background-color: #ffffff;
}

.speaker_info {
width: 220px;
height: 190px;
float: left;
padding: 20px 20px 0 20px;
position: relative;
}

.speaker_info a.read_bio, .speaker_info a:link.read_bio, .speaker_info a:visited.read_bio {
width: 220px;
display: block;
padding: 20px;
position: absolute;
font-weight: bold;
right: 0;
bottom: 0;
background-color: #f5f4e9;
}
.speaker_info a:hover.read_bio {text-decoration: none;}

.convention_links {padding-bottom: 30px;}
.get_involved {padding-bottom: 20px;}
.get_involved ul {padding-bottom: 10px;}

/* ----- Workshop Schedule Page ----- */

#workshop_schedule {width: 960px; font-size: 13px; text-align: left; border-collapse: collapse;}
#workshop_schedule th, #workshop_schedule td {padding: 10px;}
#workshop_schedule th {border-bottom: 1px solid #754c24;}
#workshop_schedule .oce-first {width: 130px; background-color: #f5f4e9; margin-bottom: 1px;}
#workshop_schedule td {border-bottom: 1px solid #d9cdbf;}
#workshop_schedule tr.schedule_bg {background-color: #6f3314;}
#workshop_schedule tr.schedule_bg th {border: none; text-align: center; color: #ffffff; border-top: 1px solid #eeead4; border-right: 1px solid #eeead4; border-left: 1px solid #eeead4;}

/* ----- Workshops Page ----- */
ul.workshop_description {list-style: none; position: relative; margin-top: 20px; padding-bottom: 10px;}
ul.workshop_description h3.workshop_time {border-bottom: 1px solid #754c24; margin-bottom: 20px; font-weight: bold;}
ul.workshop_description h3.workshop_session {position: absolute; right: 0; top: 0; font-weight: bold;}
ul.workshop_description li {position: relative; border-bottom: 1px solid #d9cdbf; margin-bottom: 20px;}
ul.workshop_description li h4 {font-weight: bold;}
ul.workshop_description li h4.workshop_speaker {position: absolute; right: 0; top: 0; font-weight: bold; z-index: 50!important;}

/* ----- Tables ----- */
table {border-collapse: collapse; font-size: 13px; text-align: left;}
table td {border-bottom: 1px solid #d9cdbf; padding: 10px;}

table.normal_table {border-collapse: collapse; font-size: 13px; text-align: left;}
table.normal_table td {border: none; padding: 0;}

#childrens_table td {border-right: 1px solid #d9cdbf;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}