/* general styles*/
* { margin: 0; padding: 0; }
img { border: none; }
a { color: #104162; }
a:hover { text-decoration: none; }
li { list-style: none; }
/* li span { color: #e62f0d } */
/*img, div { behavior: url(iepngfix.htc) }*/ /* moved to separate file */
p { padding-top: 15px; line-height: 20px;}
body { background: #00609F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1b1b1b; line-height: 16px; }
h1 { font-size: 24px; font-weight: normal; margin-top: 10px; }
h2 { font-size: 13px; font-weight: bold;  color: #184a53; margin-bottom: 0px; }
h3 { font-size: 24px; color: #e62f0d; font-weight: normal; margin-bottom: 10px; }

/* header */
#wrap { width: 858px;  margin: 5px auto;}
#header { width: 858px; height: 117px;  }

/*menu */
#menu ul { border-left: solid 1px #0765a5; }
#menu li { display: block; float: left }
#menu li a {  color: #fff; text-decoration: none; font-size: 14px; line-height: 24px; float:left; width: 167px; height: 24px; text-align: center; border-right: solid 1px #fff; padding-top: 4px; }
#menu li a.yellow { background: #ffa801; width: 174px; }
#menu li a.blue { background: #0765a5; width: 167px; }
#menu li a.orange { background: #ff6600; width: 167px; }
#menu li a.green { background: #72a701; width: 167px;}
#menu li a.red { background: #e62f0d; border-right: none; width: 177px; }

/* content */
#contenttop { background: url(/shabbox/images/bkg_content_top.gif) no-repeat top; width: 858px; height: 28px; display: block; }
#contentbottom { background: url(/shabbox/images/bkg_content_bottom.png) no-repeat top; width: 858px; height: 28px;  padding: 28px 0px 0px 0px;  }
#content { background: url(/shabbox/images/bkg_content.gif) repeat-y top; width: 798px; padding: 20px 30px 0px 30px; }


.col1 { width: 456px;  }
.col2 { width: 310px;}

.essentials {
	float: left;
	padding: 5px;
	width: 202px;
	height: 102px;
	display: block;
	text-align: center;
	margin-top: 16px;
	margin-right: 13px;
	margin-bottom: 5px;
	margin-left: 35px;
	background-image: url(/shabbox/images/newhome/boxe.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.essentials img.btns {
	margin-top: 5px;
	margin-right: 0.05em;
	margin-bottom: 5px;
}
.essentialsbig a { float: left; margin: 15px 4px; width: 149px; height: 131px; display: block; }

.essentialsbig a.candles { background: url(/shabbox/images/btn_candles_big.png) no-repeat top; }
.essentialsbig a.wine { background: url(/shabbox/images/btn_wine_big.png) no-repeat top; }
.essentialsbig a.hands { background: url(/shabbox/images/btn_hands_big.png) no-repeat top; }
.essentialsbig a.bread { background: url(/shabbox/images/btn_bread_big.png) no-repeat top; }
.essentialsbig a.blessings { background: url(/shabbox/images/btn_blessings_big.png) no-repeat top; }

.essentialsbig a.candles:hover { background: url(/shabbox/images/btn_candles_big_on.png) no-repeat top; }
.essentialsbig a.wine:hover { background: url(/shabbox/images/btn_wine_big_on.png) no-repeat top; }
.essentialsbig a.hands:hover { background: url(/shabbox/images/btn_hands_big_on.png) no-repeat top; }
.essentialsbig a.bread:hover { background: url(/shabbox/images/btn_bread_big_on.png) no-repeat top; }
.essentialsbig a.blessings:hover { background: url(/shabbox/images/btn_blessings_big_on.png) no-repeat top; }

.essentialsdetails ul { margin: 20px 0 0 20px; }
.essentialsdetails li { margin-top: 5px; }

/* categories pages */
.category-wrapper .mainCategoryItem { float:left; width: 70%; margin-right: 20px; }
.category-wrapper .mainCategoryItem .tipText{ font-size: 20px; line-height:30px; letter-spacing:-1px; padding: 15px 13px 30px 13px; margin-top:70px; background:#F0F8FB url(/shabbox/images/tip_bg.png) repeat-x; top left; border: 1px solid #B7D9F0; border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.category-wrapper .recipeName { color: #ff6600; font-size: 18px; margin-bottom: 10px; }
.category-wrapper .recipeIngredients li { list-style: url(/shabbox/images/arrow_blue.gif); margin-left: 20px; }

.category-wrapper .mealImage { float:left; margin: 20px 10px 0 0; }

.category-wrapper .otherCategoryItems { float:left; width: 200px; padding: 20px 0 0 10px; background: url(/shabbox/images/menu_line_vertical.gif) no-repeat left; }
.category-wrapper .otherCategoryItems li { text-align: center; background: url(/shabbox/images/menu_line.gif) no-repeat bottom; padding: 10px 0; }
.category-wrapper .otherCategoryItems li a { text-decoration:none; color: #0765a5; height: 50px; }
.category-wrapper .otherCategoryItems li a:hover { text-decoration: underline; }

/*boxes */

.box2 { width: 230px; height: 150px; padding: 8px 8px; margin: 20px 10px 0; color: #184a53; font-size: 11px; position: relative;}
.lightblue { background: url(images/box_lightblue.gif) no-repeat top left;  }
.topblue { background: url(images/box_blue_top.gif) no-repeat top; }
.bottomblue { background: url(images/box_blue_bottom.gif) no-repeat bottom; }
.toplightblue { background: url(images/box_blue_top.gif) no-repeat top; }
.bottomlightblue { background: url(images/box_blue_bottom.gif) no-repeat bottom; }

.boxtiptop, .boxtipbottom { width: 153px; height: 12px; display: block; background: url(images/box_tip_top.gif) no-repeat top; }
.boxtipbottom { background: url(images/box_tip_bottom.gif) no-repeat bottom; }
.boxtip { border-left: solid 1px #456c85; border-right: solid 1px #456c85; background: #eef5f9; padding: 0 5px; width: 141px; }
.boxtip p.title { color: #e62f0d; margin: 0!important; padding: 0!important; line-height: normal; }
.boxtip ul { margin: 0 0 0 20px }
.boxtip li { list-style: disc; font-size: 10px; }

/* buttons */
.btnleft { margin-left: 5px; }
.btnleft, .btnright { background: url(/shabbox/images/btn_left.gif) no-repeat top left; width: 7px; height: 27px; display: block; float: left; }
.btnright { background: url(/shabbox/images/btn_right.gif) no-repeat top right; margin-right: 5px; }
.btn { background: #025187; float: left; padding: 5px 10px 6px; }
html>body .btn { padding: 5px 5px 6px!important; }
.btn a { color: #fff!important; text-decoration: none; font-weight: bold;  }

/* footer */
#footer { font-size: 10px; }
#footer li { display: inline; border-right: solid 1px #ff6600; padding: 0 5px; }
#footer li a {  color: #ff6600; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
#footer li.last { border: none; }
#footer .sponsors img { margin: 10px 20px; }


/* contentbottom */
#contentbottom ul {padding-right: 10px; float: left;}
#contentbottom li { display: inline; padding: 0px 5px 0px 0px; color: #ffffff;}
#contentbottom li a { color: #ffffff; text-decoration: none; }
#contentbottom li a:hover { text-decoration: underline; }

/* forms */
.form { background: url(/shabbox/images/registration_top.gif) no-repeat top #E4F1F1; width: 771px; position: relative; color: #104e78; margin: 30px 0 0 14px; }

.form .leftcolumn { float: left; width: 158px; background: url(images/line_vertical.gif) no-repeat right 20px #e4f1f1; margin-top: 10px; padding: 0 15px; min-height: 350px; }
.form .leftcolumn h1 { color: #104e78; font-size: 19px; font-weight: bold; text-align: center; background: url(images/line_small.gif) no-repeat center bottom; padding-bottom: 15px; line-height: 22px }
.form .leftcolumn .icon { position: absolute; top: -20px; left: 0px; }
.form .leftcolumn .pin { background: url(images/icon_pin.png) no-repeat top; width: 17px; height: 27px; display: block; }
.form .leftcolumn .icon2 { position: absolute; bottom: 0px; left: 10px; display: block; }
.form .leftcolumn .candles { background: url(images/candles.png) no-repeat top; width: 61px; height: 111px; }
.form .leftcolumn .wine { background: url(images/wine.png) no-repeat top; width: 85px; height: 125px; left: 0; }
.form .leftcolumn .hands { background: url(images/hands.png) no-repeat top; width: 123px; height: 128px; left: 65px; }
.form .leftcolumn .bread { background: url(images/bread.png) no-repeat top; width: 114px; height: 82px; left: 0; bottom: 10px; }
.form .leftcolumn .blessings { background: url(images/blessings.png) no-repeat top; width: 129px; height: 28px; bottom: 20px; left: 25px }

.form .main { float: left; background: #d6e7f7; padding: 10px 10px 40px 50px; margin-top: 40px; width: 523px; min-height: 300px; position: relative; }
.form .main table { margin-right: 0px; }
.form .main table h1 { font-size: 21px; color: #025187; margin-bottom: 10px; }
.form .main table h2 { font-size: 18px; color: #025187; margin-bottom: 10px; }
.form .main input, .form .main select { border: none; height: 21px; background: #adcede; width: 200px; padding: 4px 5px 0; color: #2d6394; margin: 5px 3px; }
.form .main select { width: 211px; height: 26px; padding: 0; }
.form .main select.day { width: 50px; }
.form .main select.year { width: 52px; }
.form .main select.month { width: 88px; }
.form .main input.radio { width: 20px; height: 13px; background: #D6E7F7; float: left; margin-top: 0px; }
.form .main .sendbtn { position: absolute; width: auto; bottom: 10px; right: 10px; }
.form .main input.submit { width: auto; background: #025187; color: #fff; font-weight: bold; font-size: 11px; margin:0; padding: 0!important; height: 15px; cursor: pointer; }
html>body .form .main input.submit { padding: 0!important; }
.form .main td p, .form main td input.radio { line-height: 13px; margin: 0; padding: 0 }
.form .main input.check { width: 20px; height: 15px; margin-top: 10px; background: #D6E7F7; }
.form .main textarea { width: 200px; height: 100px; background: #ADCEDE; border: none; color: #2d6394; padding: 5px; margin: 5px 3px; }

.time-picker ul { width: 70px; }

/* navigation bar 
.navbarleft { margin-left: 45px; }
*html .navbarleft { margin-left: 34px; }
.navbarleft, .navbarright { width: 9px; height: 41px; display: block; background: url(images/navbar_left.png) no-repeat left; float: left; }
.navbarright { background: url(images/navbar_right.png) no-repeat right; }
.navbar { background: #D6E7F7; color: #025187; height: 30px; float: left; padding: 11px 0 0; font-size: 13px; }
.navbar .item { float: left; background: url(images/arrow_blue2.png) no-repeat right; padding: 0 45px 0 5px; margin-right: 10px; }
*html .navbar .item { padding: 0 37px 0 5px; margin-right: 7px; }
.navbar .last { padding: 0 0 0 10px; background: none; }
.navbar .selected { color: #FF6600; }
*/

/* navigation bar */
.navbar, .navbar2 { background: url(images/navbar.png) no-repeat top; width: 770px; height: 49px; display: block; margin-left: 15px; }
.navbar .item { float: left; color: #fff; width: 125px; height: 33px; padding: 16px 0 0; font-size: 14px; text-align: center; margin-right: 10px; }
.navbar .first { padding: 16px 0 0; width: 125px; height: 33px; margin: 0; }
.navbar .last { padding: 16px 0 0; width: 95px; height: 33px; margin: 0; }
.navbar .selectedfirst { background: url(images/navbar_selected_first.png) no-repeat top; }
.navbar .selectedlast { background: url(images/navbar_selected_last.png) no-repeat top; width: 100px; padding-left: 22px; }
.navbar .selected { background: url(images/navbar_selected.png) no-repeat top; width: 140px; padding-left: 7px; margin-left: -15px; }
.navbar .contact { margin-left: -22px; }
.navbar .event { margin-left: -22px; }
.navbar .confirmation { margin-left: -23px; }

.navbar2 { background: url(images/navbar2.png) no-repeat top; width: 770px; height: 49px; display: block; margin-left: 15px; margin-bottom: 10px; }
.navbar2 .item { float: left; color: #fff; width: 90px; height: 33px; padding: 16px 0 0; font-size: 14px; text-align: center; margin-right: 25px; }
.navbar2 .first { padding: 16px 0 0; width: 88px; height: 33px; margin: 0 25px 0 0; }
.navbar2 .last { padding: 16px 0 0; width: 81px; height: 33px; margin: 0; }
.navbar2 .selectedfirst { background: url(images/navbar_selected_first2.png) no-repeat top; width: 107px; margin:0; }
.navbar2 .selectedlast { background: url(images/navbar_selected_last2.png) no-repeat top; width: 103px; margin: 0 0 0 -15px; }
.navbar2 .selected { background: url(images/navbar_selected2.png) no-repeat top; width: 123px; padding-left: 7px; margin: 0 0 0 -15px; }


/* other */
.slogan { text-align:center;}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.word { margin-bottom: 15px; }
.register { text-align: center; }
.register-bottom { height: 15px; }
.phrase { text-align: center; font-size: 14px; }
.copyright{color: #272727; padding-left: 18px;}
.link a { color: #184a53; padding-left: 20px; line-height: 28px; text-decoration: none; vertical-align:bottom;}
.link a:hover { text-decoration: none; }

h2 a.headerLink {text-decoration:none;}
h2 a.headerLink:hover {text-decoration:underline;}


.show {font-weight: bold;position: absolute; right: 44px; bottom: 20px;}
.edit { background: url(images/edit.png) no-repeat left; position: absolute; right: 10px; bottom: 20px;}
.doc { background: url(images/doc.png) no-repeat left; }
.more { background: url(images/more.png) no-repeat left; position: absolute; left: 16px; bottom: 20px;}
.pencil { background: url(images/icon_pencil.png) no-repeat top; width: 20px; height: 20px; display: block; }

/*dropdown navigation*/
#navbar { z-index:999; padding-bottom:0px; width:100%;  }
#nav {z-index:999; width:859px } /* 859 = 858 + 1 so the donations submenu can show in IE6 !!!!!!*/
#navbar a {z-index:999; width:148px; float:left; }


#nav li { z-index:999;list-style:none; display:inline; float:left; position:relative; overflow:visible;}
#nav li ul { width:167px; z-index:998;	display: none; position: absolute;	top:0px;	left: 0px;}
#nav li ul li a { display:block; background:none; padding:4px 0px 4px 10px; color:#333; text-decoration:none; border:1px solid #000; border-top:none; font-size:.9em; height:auto; text-align:left;font-size: 12px;}
#nav li ul { position:absolute;	top: 28px;	left: 0px;	z-index:999; border: none;}
#nav li:hover ul, #nav li.over ul {	z-index:999;	display:block;}


#navbar .aboutus a:link{  background-position:0px 0px;}
#navbar .aboutus a:visited{  background-position:0px 0px;}
#navbar .aboutus a:hover{  background-position:-0px 32px;}
#navbar li.aboutus ul {  border-top: solid 7px #FFA801; }
#navbar li.aboutus ul li a { background-color:#FDEFD5; border-color:#F4DCAE; width:162px; }
#navbar li.aboutus ul li a:hover { background-color:#FEE1AA; }

#navbar .thetrip a:link{  background-position:-480px 0px;}
#navbar .thetrip a:visited{  background-position:-480px 0px;}
#navbar .thetrip a:hover{  background-position:-480px 32px;}
#navbar li.thetrip ul {  border-top: solid 7px #0765A5; }
#navbar li.thetrip ul li a { background-color:#C7E7FD; border-color:#A2CDEB; width:155px; }
#navbar li.thetrip ul li a:hover { background-color:#B0DFFF; }

#navbar .next a:link{  background-position:-160px -0px;}
#navbar .next a:visited{  background-position:-160px 0px;}
#navbar .next a:hover{  background-position:-160px 32px;}
#navbar li.next ul {  border-top: solid 7px #FF6600; }
#navbar li.next ul li a { background-color:#FEEADC; border-color:#F1CBB3; width:155px; }
#navbar li.next ul li a:hover { background-color:#FED5B8; }

#navbar .golearn a:link{  background-position:-320px 0px;}
#navbar .golearn a:visited{  background-position:-320px 0px;}
#navbar .golearn a:hover{  background-position:-320px 32px;}
#navbar li.golearn ul {  border-top: solid 7px #72A701; }
#navbar li.golearn ul li a { background-color:#EFF8DE; border-color:#D5E7B2; width:155px; }
#navbar li.golearn ul li a:hover { background-color:#E1F5B9; }

#navbar .donate a:link{  background-position:-640px 0px;}
#navbar .donate a:visited{  background-position:-640px 0px;}
#navbar .donate a:hover{  background-position:-640px 32px;}
#navbar li.donate ul {  border-top: solid 7px #E62F0D; width:177px;}
#navbar li.donate ul li a { background-color:#FDDED8; border-color:#F0BEB4; width:165px; }
#navbar li.donate ul li a:hover { background-color:#FDC8BD; }