@charset "utf-8";

/* GLOBAL CSS RULES (to overwrite, just write more specific rules) 
----------------------------------------------------------------------------- */
.clear { clear: both; height: 0; font-size: 1px; line-height: 0; }


/* MAIN STRUCTURE 
----------------------------------------------------------------------------- */
body { background: #f3eeeb url(../images/main_bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; }
#container { background: url(../images/header_bg.jpg) no-repeat top center; }
a { color: #7a6d65; }
a:hover { color: #000; }

/* HEADER 
----------------------------------------------------------------------------- */
#header-wrapper  { margin: 0 auto; width: 1060px; }
#header { margin: 0 auto; padding: 10px 0 25px 0; width: 950px; position: relative; }
#header .lang-selector { float: right; text-align: right; position: absolute; right: 0; top: 10px; }
#header .lang-selector a { color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
#header .lang-selector a:hover { color: #999999; }


/* MAIN MENU 
----------------------------------------------------------------------------- */
#mainmenu-wrapper  { margin: 0 auto; width: 1060px; }
#mainmenu { margin: 0 auto; width: 644px; }
#mainmenu ul { margin: 0; padding: 0; list-style: none; }
#mainmenu ul li { display: block; float: left; height: 130px; line-height: 20px; margin-right: -5px; position: relative; text-align: center; width: 133px; }
#mainmenu ul li.item1 { background: url(../images/menu_item1.png); }
#mainmenu ul li.item2 { background: url(../images/menu_item2.png); }
#mainmenu ul li.item3 { background: url(../images/menu_item3.png); }
#mainmenu ul li.item4 { background: url(../images/menu_item4.png); }
#mainmenu ul li.item5 { background: url(../images/menu_item5.png); }
#mainmenu ul li.item6 { background: url(../images/menu_item6.png); }
#mainmenu ul li.item7 { background: url(../images/menu_item7.png); }
#mainmenu ul li a { color: #fff; display: block; font-size: 18px; font-weight: bold; height: 60px; letter-spacing: -1px; padding: 20px 5px 0 5px; text-decoration: none; }
#mainmenu ul li.active { margin-top: -20px; }


/*  MAIN CONTENT
----------------------------------------------------------------------------- */
#main-wrapper  { margin: 0 auto; width: 1060px; }
#main { color: #7a6d65; font-size: 14px; margin: 0 auto; width: 950px; }
#main .breadcrumb { font-size: 11px; }
#main .breadcrumb a { color: #7a6d65; text-decoration: underline; }
#main h1 { letter-spacing: -2px; }


/* HOME ----------------------------------- */
#main #home h1 { color: #E54D1B; }


/* REGISTER ------------------------------- */
#main #register h1 { color: #FF810A; }
#main #register .left { float: left; width: 510px; }
#main #register .right { background: url(../images/en/crayons.png) no-repeat top center; height: 229px; margin-top: 40px; float: right; width: 385px; }




/* EMPLOYMENT ----------------------------- */
#main #employment h1 { color: #DBC904; }


/* WHAT'S GOING ON? ----------------------- */
#main #whats-going-on h1 { color: #96C101; }


/* CALENDAR ------------------------------- */
#main #calendar h1 { color: #0C9BB7; }


/* FEES ----------------------------------- */
#main #fees h1 { color: #357BBC; }
#main #fees #fees-table { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 700px; }
#main #fees #fees-table td { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#main #fees #fees-table .label { color: #357BBC; }
#main #fees #fees-table .header-desc { border: 0; font-weight: bold; }
#main #fees #fees-table .header { background-color: #357BBC; color: #fff; font-weight: bold; width: 1%; white-space: nowrap; }
#main #fees #fees-table .values { padding: 0 20px; text-align: center; white-space: nowrap; }


/* CONTACT US ----------------------------- */
#main #contact-us h1 { color: #6736A3; }
#main #contact-us .left {  float: left; width: 510px; }
#main #contact-us .left form .sendcopy { font-size: 12px; padding-left: 15px; }
#main #contact-us #confirmation img { vertical-align: middle; }

#main #contact-us .right { float: right; width: 385px; }
#main #contact-us .right .address { text-align: right; margin-top: 10px; }
#main #contact-us .right iframe { border: 5px solid #fff; }


/* FOOTER 
----------------------------------------------------------------------------- */
#footer-wrapper { background-color: #ded4ce; margin-top: 65px; }
#footer { background-color: #ded4ce; margin: 0 auto; width: 1060px; }
#footer .content { background: url(../images/footer_friends.png) no-repeat center bottom; margin: 0 auto; padding: 50px 0 60px 0; width: 950px; }
#footer .content ul { margin: 0; padding: 0; list-style: none; }
#footer .content a { color: #7a6d65; text-decoration: none; }
#footer .content a:hover { color: #000; }
#footer .content .title { color: #7a6d65; font-size: 24px; font-weight: bold; letter-spacing: -2px; padding-bottom: 15px; }
#footer .content .menu { float: left; font-size: 14px; margin-top: -2px; padding-right: 100px; }
#footer .content .menu ul li { border-bottom: 1px dotted #7a6d65; padding: 2px 0; }
#footer .content .activities { float: right; font-size: 14px; margin-top: -2px; padding-right: 50px; }
#footer .content .activities ul li { border-bottom: 1px dotted #7a6d65; padding: 2px 0; }
#footer .content .links { float: right; font-size: 14px; margin-top: -2px; }
#footer .content .links ul li { border-bottom: 1px dotted #7a6d65; padding: 2px 0; }
#footer .addthis_toolbox { margin-top: 30px; }
#footer .content .links, #footer .content .activities { display: none; }

/* COPYRIGHT
----------------------------------------------------------------------------- */
#copyright-wrapper  { margin: 0 auto; width: 1060px; }
#copyright { color: #7a6d65; font-size: 11px; margin: 10px auto; width: 950px; }
#copyright .left { float: left; }
#copyright .right { float: right; }	


/* GENERAL FORMS
----------------------------------------------------------------------------- */
#main form div { position: relative; }
#main .error { font-size: 12px; font-weight: bold; padding: 5px; }
#main form label { font-size: 12px; position: absolute; top: 22px; left: 6px; }
#main form .textbox { border: 1px solid #ded4ce; font-size: 12px; padding: 5px; width: 500px; } 
#main form .note { font-size: 11px; padding-top: 3px; }
#main form .formbutton { background-color: #7a6d65; border: 0; color: #fff; cursor: pointer; margin-top: 20px; padding: 4px 20px; }