/* CSS by Karim Boukarabila ::: Contemporaray Visual Communication ::: www.boukarabila.com */
html { text-align: center; height: 100%; }
body { background: #e1e1de url(../img/background_body.gif) repeat-x left top; text-align: center; width: 100%; height: 100%; }
p { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-bottom: 0.5em; }
li { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
a:link { color: #534445; text-decoration: none; }
a:visited { color: #534445; text-decoration: none; }
a:hover { color: black; }
a:active { border-bottom-style: dotted; border-bottom-width: 1px; }
/*:::::::::: Structure ::::::::::*/
#pageWrapper { background-image: url(../img/background_page_wrapper.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; margin-right: auto; margin-left: auto; width: 960px; height: auto; min-height: 330px; }
#pageContainer { background-image: url(../img/page_background_gradient.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin-right: auto; margin-left: auto; width: 960px; height: auto; min-height: 330px; }
#pageBottomBorder { background-image: url(../img/page_bottom_border.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin-right: auto; margin-left: auto; width: 960px; height: 15px; clear: both; }
#leftSide { text-align: left; position: relative; left: 40px; width: 300px; float: left; }
#thanksBox { text-align: center; position: relative; top: 50px; width: 600px; margin-right: auto; margin-left: auto; }
.cleanerDivider { margin-right: auto; margin-left: auto; width: 100%; height: 25px; clear: both; }
h1 { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 2em; }
h2 { color: #505050; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.5em; margin-bottom: 1.5em; }
#leftSide p { color: #999; font-size: 14px; line-height: 2em; text-align: left; }
/*:::::::::: Header ::::::::::*/
#header { background-image: url(../img/background_header.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin-right: auto; margin-left: auto; width: 960px; height: 260px; }
#roundTag { background-image: url(../img/round_tag.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center 50%; position: relative; top: 80px; right: -10px; width: 125px; height: 125px; z-index: 9999; float: right; behavior: url(js/IE_pngFix.htc); }
/*:::::::::: Navigation ::::::::::*/
#navigation { position: relative; top: 170px; width: 670px; float: left; }
#navigation ul { position: relative; left: 10px; width: 670px; float: left; }
#navigation li { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; width: auto; overflow: hidden; float: left; margin-right: 20px; margin-left: 20px; list-style-type: none; list-style-image: none; display: block; }
/*:::::::::: Accordion splash ::::::::::*/
#accordionWrapper { position: relative; right: 10px; width: 580px; height: 310px; float: right; }
ul#accordion { position: relative; right: 10px; width: 580px; height: 310px; overflow: hidden; float: right; list-style-image: none; display: block; }
ul#accordion li { background-repeat: no-repeat; background-attachment: scroll; background-position: left 50%; list-style-type: none; list-style-image: none; display: block; width: 80px; height: 310px; float: left; }
ul#accordion li span.menuOptionHover { display: block; width: 100%; height: 310px; }
ul#accordion li#accordion-1 { background-image: url(../img/accordion_1.jpg); }
ul#accordion li#accordion-2 { background-image: url(../img/accordion_2.jpg); }
ul#accordion li#accordion-3 { background-image: url(../img/accordion_3.jpg); }
ul#accordion li#accordion-4 { background-image: url(../img/accordion_4.jpg); }
ul#accordion li#accordion-5 { background-image: url(../img/accordion_5.jpg); }
ul#accordion li#accordion-6 { background-image: url(../img/accordion_6.jpg); }
ul#accordion li#accordion-7 { background-image: url(../img/accordion_7.jpg); }
ul#accordion li#accordion-1 .menuOptionHover { background-image: url(../img/accordion_1_hovered.jpg); }
ul#accordion li#accordion-2 .menuOptionHover { background-image: url(../img/accordion_2_hovered.jpg); }
ul#accordion li#accordion-3 .menuOptionHover { background-image: url(../img/accordion_3_hovered.jpg); }
ul#accordion li#accordion-4 .menuOptionHover { background-image: url(../img/accordion_4_hovered.jpg); }
ul#accordion li#accordion-5 .menuOptionHover { background-image: url(../img/accordion_5_hovered.jpg); }
ul#accordion li#accordion-6 .menuOptionHover { background-image: url(../img/accordion_6_hovered.jpg); }
ul#accordion li#accordion-7 .menuOptionHover { background-image: url(../img/accordion_7_hovered.jpg); }
.borderShadow { background-image: url(../img/accordion_shadow.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 35px; height: 310px; float: right; display: block; behavior: url(js/IE_pngFix.htc); }
/*:::::::::: Restaurants ::::::::::*/
#restaurantDescription { text-align: left; width: 600px; height: auto; margin-right: 310px; margin-left: auto; }
div.locationSchedule { text-align: left; width: 200px; height: auto; float: right; padding: 10px; border: solid 1px #999; }
div.locationSchedule p.title { color: #765241; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; line-height: 1em; }
div.locationSchedule p { color: #999; font-size: 12px; line-height: 1em; }
#newTag { background-image: url(../img/new_tag.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center 50%; position: relative; top: -13px; right: -13px; width: 58px; height: 57px; float: right; }
div.locationSchedule a:link, div.locationSchedule a:visited { color: #198fce; font-weight: bold; text-decoration: none; }
div.locationSchedule a:hover { color: #004b96; text-decoration: none; }
div.locationSchedule a:active { text-decoration: underline; }
a.fancybox {cursor: url(magnifier.cur), pointer; outline: none; }
/*:::::::::: Footer ::::::::::*/
#footer { background-image: url(../img/background_footer.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center 50%; width: 960px; height: 95px; clear: both; margin-right: auto; margin-left: auto; }
#footer #address { position: relative; top: 20px; left: 120px; float: left; }
#address p { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.25em; text-align: left; margin-bottom: 0; }
#copyrights { color: #7a7673; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; margin-right: auto; margin-left: auto; width: auto; height: auto; margin-top: 10px; }
#soundplayer { margin-top: 20px; margin-right: auto; margin-left: auto; }
/*:::::::::: Popups ::::::::::*/
#filter { background-color: gray; background-image: url(../img/background_dots.gif); background-repeat: repeat; background-attachment: scroll; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9900; display: none; opacity: 0.7; filter: alpha(opacity=70); }
.closeBox { background-image: url(../img/closebox.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center 50%; display: block; position: relative; top: -15px; right: -15px; width: 30px; height: 30px; z-index: 9999; float: right; cursor: pointer; behavior: url(js/IE_pngFix.htc); }
#contact { background: white url(../img/contact_wrapper.jpg) no-repeat center 50%; position: absolute; top: 20%; left: 25%; right: 25%; display: none; z-index: 9991; width: 480px; height: 330px; margin-right: auto; margin-left: auto; }
#job { background: white url(../img/job_wrapper.jpg) no-repeat center 50%; display: none; margin-right: auto; margin-left: auto; position: absolute; z-index: 9991; top: 20%; right: 25%; left: 25%; width: 480px; height: 330px; }
#access { background: white url(../img/access.jpg) no-repeat center 50%; display: none; margin-right: auto; margin-left: auto; position: absolute; z-index: 9992; top: 20%; right: 25%; left: 25%; width: 620px; height: 370px; }
#menu { background: white url(../img/menu.jpg) no-repeat center 50%; display: none; margin-right: auto; margin-left: auto; position: absolute; z-index: 9992; top: 5%; right: 25%; left: 25%; width: 640px; height: 931px; }
input.textField { color: black; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-style: normal; text-indent: 5px; height: 1.25em; max-height: 20px; margin-bottom: 0.5em; margin-left: 5px; border-width: 0; }
input.textField:focus { color: #7e6554; background-color: #e6e6e6; }
.dataType { color: #505050; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; margin-right: 15%; margin-left: 15%; }
#contact form { position: relative; top: 70px; }
#job form { position: relative; top: 125px; }
.submitButton { width: 150px; height: 30px; margin-right: auto; margin-left: auto; }
.compulsary { color: #505050; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; text-align: center; margin-top: 5px; }
#promoPopup { background-image: url(../img/promo_popup.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center 50%; width: 660px; height: 420px; }
/*:::::::::: Text attributes ::::::::::*/
.asterisk { color: #8c1e4b; font-weight: bold; margin-right: auto; margin-left: auto; }
.focused { line-height: 2em; background-color: #cee; }
/*:::::::::: UNICEF banner ::::::::::*/
#unicefBanner { right: 20px; position: relative; background-image: url(../img/unicef_banner.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right 50%; width: 580px; height: 125px; float: right; clear: both; margin-top: 10px; padding-top: 30px; }
#unicefBanner p { color: #999; font-size: 12px; line-height: 1.25em; text-align: left; padding-right: 290px; padding-left: 30px; }
#unicefBanner strong { color: black; font-weight: bold; }
a#facebookConnect:link, a#facebookConnect:visited { background-image: url(../img/facebook_connect.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 90px; height: 20px; float: left; display: block; }
a#facebookConnect:hover { background-image: url(../img/facebook_connect.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }