* { font-family: Verdana, Geneva, sans-serif; font-size: 100%; box-sizing: border-box; } div { vertical-align: top; } a { color: #400500; } a:hover { color: #801000; } body { font-size: 90%; margin: 0px; padding: 0px; background-image: url('../images/background-image.png'); background-repeat: no-repeat; background-position: center 40px; background-color: #f4a944; } div#main_menu { background-color: #1b3e65; height: 40px; display: block; padding: 5px; } div#main_menu ul { margin: 0px; position: relative; margin-left: 50%; left: -480px; paddding: 5px; width: 960px; } div#main_menu ul li { float: left; list-style: none; display: block; height: 30px; border-right: 1px #808080 dotted; } div#main_menu ul li:last { clear: both; border-right 0px; } div#main_menu ul li a { position: relative; top: -5px; color: #ffffff; display: block; height: 40px; padding: 10px; padding-left: 33px; padding-right: 10px; text-transform: uppercase; font-weight: 500; font-family:Tahoma, Geneva, sans-serif; background-image: url('../images/menu-icon.png'); background-repeat: no-repeat; background-position: 5px 7px; } div#main_menu ul li a:hover { background-color: #185ba7; } div#main_menu ul li.active a { background-color: #5b3619; } .size-1-3 { width: 320px; } .size-2-3 { width: 640px; } .size-1-4 { width: 240px; } .size-2-4 { width: 480px; } .size-3-4 { width: 720px; } .side_column { width: 240px; } .component-size-1 { width: 480px; } .component-size-2 { width: 720px } .size-3-3, .size-4-4, .component-size-3 { width: 960px; } .column { text-align: left; height: inherit; display: table-cell; } .row { position: relative; width: 960px; left: -480px; margin-left: 50%; display: table; } img.sz3-banner { margin-bottom: 3px; } div#site_header { height: 150px; display: block; overflow: hidden; background-image: url('../images/header-background-image.png'); background-repeat: no-repeat; margin-bottom: 5px; } div#site_header h1#logo_title { background-image: url('../images/logo-image.png'); background-repeat: no-repeat; display: block; width: 277px; height: 150px; margin: 0px; padding: 0px; line-height: 0px; } div#site_header h1#logo_title span { display: none; } div#site_header em#slogan { display: block; position: relative; width: 960px; text-align: right; top: -30px; padding-right: 20px; font-weight: bold; } div#main_banner { height: 355px; width: 960px; margin-left: 50%; left: -480px; position: relative; overflow: hidden; } div#site_footer { background-color: #303030; color: #ffffff; font-size: 70%; padding: 30px; margin-top: 30px; border-top: 1px #c0c0c0 dashed; text-align: center; } div#site_footer_1 { text-align: center; } div#site_footer a { color: #f0f3ff; } /** * Content Generic */ div#content_top { background-image: url('../images/content-background.png'); padding: 20px; font-size: 90%; margin-bottom: 5px; } div#content_top h2 { font-weight: 500; color: #801000; margin: 0px; padding: 5px; padding-left: 30px; font-size: 150%; border-bottom: 1px #404040 dotted; background-image: url('../images/header-arrow-icon.png'); background-repeat: no-repeat; background-position: 0px 3px; } div#content_top h3 { font-weight: 800; color: #400500; padding: 5px; margin-bottom: 5px; font-weight: 120%; border-bottom: 1px #707070 dotted; border-left: 5px #cc3300 solid; margin-top: 30px; } div#content_top a.button-style { display: block; background-color: #cc2200; font-weight: 500; color: #ffffff; padding: 10px; padding-left: 35px; text-decoration: none; overflow: visible; word-wrap: normal; width: 200px; background-repeat: no-repeat; background-position: 0px 3px; } div#content_top a.button-style:hover { color: #ffee00; } div#content_top a.button-style.type-link { background-image: url('../images/button-icon-link.png'); } div.table { display: table; } div.table-row { display: table-row; } div.table-cell { display: table-cell; } /** * Callendar */ div.callendar_base { display: table; } div.callendar_row, div.callendar_header { display: table-row; } div.callendar_cell { display: table-cell; height: 40px; width: 45px; text-align: center; vertical-align: middle; padding: 1px; } div.callendar_header div.callendar_cell { width: 315px; } div.callendar_header div.callendar_cell span { width: 315px; } div.callendar_header div.callendar_cell span { font-weight: bold; color: #fef0a0; background-color: #402000; } div.callendar_cell.heading span { background-color: #e0a000; font-weight: bold; } div.callendar_cell span { display: table-cell; border: 1px #000000 solid; width: 45px; height: 40px; text-align: center; vertical-align: middle; background-color: #fef0aa; cursor: no-drop; } div.callendar_cell.current_month span { cursor: pointer; } div.callendar_cell.foreign_month span { background-color: #c0c0c0; } div.callendar_cell.day_reserved span { cursor: no-drop; background-color: #aac0ff; } /** * Side Menu */ div.side_column ul.menu { margin: 0px; padding: 0px; border: 0px; list-style: none; width: 240px; overflow: hidden; } div.side_column ul.menu li { padding: 0px; margin: 0px; margin-bottom: 5px; background-color: #400500; background-repeat: no-repeat; background-position: 5px 4px; } div.side_column ul.menu li.active { background-color: #801000; background-image: url('../images/button-icon-link.png'); } div.side_column ul.menu li a { padding: 10px; padding-left: 40px; display: block; font-weight: bold; color: #ffffff; text-decoration: none; } div.side_column ul.menu li a:hover { color: #ffe000; text-decoration: underline; } /** * Testimonials */ div#testimonials { } div#testimonials div.image-cell { width: 100px; } div#testimonials div.image-cell img { border: 1px #aa5522 solid; } div#testimonials div.table-cell { vertical-align: top; } div#testimonials div.item-cell { width: 50%; } div#testimonials div.item-top { width: 99%; margin-right: 5px; margin-bottom: 5px; border-bottom: 5px #ff6600 solid; } div#testimonials div.desc-cell { min-height: 100px; font-size: 85%; margin: 0px; padding: 10px; border: 0px; } div#testimonials div.desc-cell p { margin: 0px; padding: 0px; margin-bottom: 10px; } div#testimonials div.poster-cell { padding: 5px; padding-left: 10px; font-weight: bold; font-size: 85%; border-top: 1px #888888 dotted; } div#testimonials div.poster-cell span.on-date { color: #004466; } div#testimonials div.poster-cell span.by-poster { color: #662200; } form#frmFeedback table.param_table { width: 100%; } form#frmFeedback table.param_table td { padding: 5px; } form#frmFeedback table.param_table td.legend { padding: 20px; font-size: 90%; background-color: #ffe0a0; } form#frmFeedback table.param_table td.pname { font-weight: bold; text-align: right; width: 20%; border-bottom: 1px #772200 dotted; } form#frmFeedback table.param_table td.pname span.required { color: #cc0000; } form#frmFeedback table.param_table td.pvalue { border-bottom: 1px #992200 dotted; } form#frmFeedback table.param_table td.pvalue input, form#frmFeedback table.param_table td.pvalue textarea { border: 1px #772200 solid; width: 50%; padding: 5px; } form#frmFeedback table.param_table td.pvalue textarea { height: 150px; } form#frmFeedback table.param_table td input.cmd { border: 0px; background-color: #cc2200; font-weight: bold; color: #ffffff; width: 120px; height: 40px; padding: 5px; } div.share-options { padding: 10px; margin: 0px; margin-top: 30px; border-top: 1px #400500 dotted; background-color: #ffe0a0; }