body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; margin:0; background-color:#0a3a60;} .alert { font-weight:bold; color:#FF0000;} #container { width:814px; display:block; position:relative; clear:both; float:left; margin:0; padding:0; background:#115992 url(../images/container_bg.gif) top right repeat-y; } #container .header { width:100%; display:block; position:relative; float:left; clear:both; background:url(../images/header_bg.gif) top right no-repeat; margin:0 0 15px 0; padding:0;} #container .header .logo{ width:100%; display:block; position:relative; float:left; clear:both; margin:14px 0 14px 0; padding:0;} #container .header .logo .imgholder{ width:600px; display:block; position:relative; float:left; clear:right; margin:0 0 0 14px; padding:0;} #container .header .logo .companyname{ width:auto; display:block; position:relative; float:left; clear:right; margin:0 0 0 9px; padding:0; height:111px; min-height:111px; vertical-align:middle; line-height:111px; font-weight:bold; font-size:200%; } #container .header .banner{ width:799px; display:block; position:relative; float:left; clear:both; margin:0; padding:0; border-top:1px solid #fff; border-bottom:1px solid #fff; background:none;} #container .header .banner img { display:block; } #container .maincontent { width:100%; display:block; position:relative; float:left; clear:both; background: url(../images/maincontent_bg.gif) bottom right no-repeat; margin:0; padding:9px 0 85px 0;} #container .maincontent .holder{ width:100%; display:block; position:relative; float:left; clear:both; margin:0; padding:0;} #container .maincontent .holder .pricematrix { width:180px; display:block; position:relative; float:left; clear:left; margin:20px 0 20px 0; padding:0; background: url(../images/price_bg.gif) bottom right no-repeat; font-size:90%; } #container .maincontent .holder .pricematrix .pricecontent{ width:142px; display:block; position:relative; float:left; clear:left; margin:0; padding:15px 15px 15px 23px; background:url(../images/nav_top.gif) top right no-repeat;} #container .maincontent .holder .pricematrix .pricecontent .information{ width:28%; display:block; position:relative; float:left; clear:right; margin:5px 0 0 0; padding:0; } #container .maincontent .holder .pricematrix .pricecontent .information .centralize{ text-align:center; display:block; font-size:80%; } #container .maincontent .holder .pricematrix .pricecontent .information .centralize_bold{ text-align:center; font-weight:bold; display:block; } #container .maincontent .holder .navigation { width:180px; display:block; position:relative; float:left; clear:none; margin:0; padding:0; background:#082c49 url(../images/nav_bg.gif) bottom right no-repeat;} #container .maincontent .holder .navigation ul{ display:block; position:relative; width:100%; padding:15px 0 15px 0; margin:0; list-style:none; background:url(../images/nav_top.gif) top right no-repeat; font-size:90%; font-weight:bold;} #container .maincontent .holder .navigation li{ display:block; position:relative; width:100%; margin:0; padding:0; } #container .maincontent .holder .navigation li a{ display:block; position:relative; width:100%; margin:0; padding:6px 0 6px 38px; background:url(../images/nav_bullet.gif) no-repeat center left; color:#fff; text-decoration:none;} #container .maincontent .holder .navigation li a:hover{ display:block; position:relative; width:100%; margin:0; background:url(../images/nav_bullet_over.gif) no-repeat center left; color:#67859c; text-decoration:none;} #container .maincontent .holder .content { width:500px; display:block; position:relative; float:right; clear:right; margin:0 29px 25px 0; padding:0; font-size:80%; text-align:justify;} #container .maincontent .holder .content .legend { display:block; position:relative; float:left; clear:both; width:100%; padding:0; margin:15px 0 15px 0;} #container .maincontent .holder .content .legend .entry{ width:auto; display:block; position:relative; float:left; clear:right; margin:0 5px 0 0; padding:5px; background:#2087d8 url(../images/cal_entry_bg.gif) top left repeat-x; color:#000; font-weight:bold;} #container .maincontent .holder .content .legend .entry_current{ width:auto; display:block; position:relative; float:left; clear:right; margin:0 5px 0 0; padding:5px; background:#fff url(../images/cal_entry_current_bg.gif) top left repeat-x; color:#000; font-weight:bold;} #container .maincontent .holder .content .legend .entry_unavail{ width:auto; display:block; position:relative; float:left; clear:right; margin:0 5px 0 0; padding:5px; background:#cf1515 url(../images/cal_entry_unavail_bg.gif) top left repeat-x; color:#000; font-weight:bold;} #container .maincontent .holder .content .legend .entry_unavail_pend{ width:auto; display:block; position:relative; float:left; clear:right; margin:0 5px 0 0; padding:5px; background:#dd5b5b url(../images/cal_entry_pending_bg.gif) top left repeat-x; color:#000; font-weight:bold;} #container .maincontent .holder .content a{ color:#fff; text-decoration:underline;} #container .maincontent .holder .content a:hover{ color:#000; text-decoration:underline;} #container .maincontent .holder .content h1{ margin:0; padding:0; font-weight:bold; font-size:150%;} #container .maincontent .holder .content .thumbnail{ width:25%; display:block; float:left; clear:right; margin:0 0 15px 0; padding:0; font-size:80%; text-align:center;} #container .maincontent .holder .content .thumbnail img{ display:block; border:4px solid #0a3a60;} #container .maincontent .holder .content form{ display:inline;} #container .maincontent .holder .content form div{ display:block; clear:both;} #container .maincontent .holder .content form div label{ display:block; width:300px; text-align:left; float:left; margin:0 0 8px 0; padding:0; vertical-align:top;} #container .maincontent .holder .content form div label input{ width:300px; display:inline; margin:0; border:1px solid #0a3a60; font-family: Arial, Helvetica, sans-serif; font-size:90%;} #container .maincontent .holder .content form div label select{ width:304px; display:inline; margin:0; border:1px solid #0a3a60; font-family: Arial, Helvetica, sans-serif; font-size:90%;} #container .maincontent .holder .content form div .submit{ width:auto; display:block; margin:0; border:1px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size:90%; padding:0 5px 0 5px; background-color:#0a3a60; color:#fff;} #container .maincontent .holder .content form div label textarea{ width:300px; display:inline; margin:0; border:1px solid #0a3a60; font-family: Arial, Helvetica, sans-serif; font-size:90%;} #container .maincontent .holder .content .cal_holder { width:500px; display:block; position:relative; float:left; clear:both; margin:20px 0 40px 0; padding:0; } #container .maincontent .holder .content .cal_holder a{ color:#709bbe; text-decoration:none; } #container .maincontent .holder .content .cal_holder a:hover{ color:#fff; text-decoration:underline; } #container .maincontent .holder .content .cal_holder .prevmonth{ width:33%; display:block; position:relative; float:left; clear:right; margin:0 0 10px 0; padding:0; text-align:left; } #container .maincontent .holder .content .cal_holder .currentmonth{ width:33%; display:block; position:relative; float:left; clear:right; margin:0 0 10px 0; padding:0; text-align:center; font-weight:bold;} #container .maincontent .holder .content .cal_holder .nextmonth{ width:33%; display:block; position:relative; float:left; clear:right; margin:0 0 10px 0; padding:0; text-align:right; } #container .maincontent .holder .content .cal_holder .entry_header{ width:70px; display:block; position:relative; float:left; clear:right; margin:0 1px 1px 0; padding:5px 0 5px 0; background:#0a3a60 url(../images/cal_head_bg.gif) top left repeat-x; text-align:center; font-size:85%; font-weight:bold;} #container .maincontent .holder .content .cal_holder .entry{ width:65px; display:block; position:relative; float:left; clear:right; margin:0 1px 1px 0; padding:5px 0 20px 5px; background:#2087d8 url(../images/cal_entry_bg.gif) top left repeat-x;} #container .maincontent .holder .content .cal_holder .entry_current{ width:65px; display:block; position:relative; float:left; clear:right; margin:0 1px 1px 0; padding:5px 0 20px 5px; background:#fff url(../images/cal_entry_current_bg.gif) top left repeat-x; color:#000; font-weight:bold;} #container .maincontent .holder .content .cal_holder .entry_blank{ width:65px; display:block; position:relative; float:left; clear:right; margin:0 1px 1px 0; padding:5px 0 20px 5px; background:#acacac url(../images/cal_entry_blank_bg.gif) top left repeat-x; color:#666666;} #container .maincontent .holder .content .cal_holder .entry_unavail{ width:65px; display:block; position:relative; float:left; clear:right; margin:0 1px 1px 0; padding:5px 0 20px 5px; background:#cf1515 url(../images/cal_entry_unavail_bg.gif) top left repeat-x; font-weight:bold;} #container .maincontent .holder .content .cal_holder .entry_unavail_pend{ width:65px; display:block; position:relative; float:left; clear:right; margin:0 1px 1px 0; padding:5px 0 20px 5px; background:#dd5b5b url(../images/cal_entry_pending_bg.gif) top left repeat-x; font-weight:bold;} #container .maincontent .footerbar{ width:785px; display:block; position:relative; float:left; clear:both; margin:30px 0 0 0; padding:5px 20px 5px 0; font-size:75%; background-color:#0a3a60; text-align:right; color:#67859c; border-top:1px solid #67859c; border-bottom:1px solid #67859c;} #container .maincontent .footerbar a{ color:#67859c; text-decoration:none;} #container .maincontent .footerbar a:hover{ color:#fff; text-decoration:none;}