/*.container_16 {background: url(16_col.gif) repeat-y}*/

html, body {font-family: trebuchet ms, verdana, arial; }
.clear{clear:both; float:none}

#nav {height: 90px; margin-top: 3em}
#header {height: 205px; margin: 1em 0 1em 0}
#body {min-height:400px}
#footer {height: 70px}

#logo {height: 100%}
#logo a {display:block; width:100%; height: 100%; background: url(../images/logo.png) no-repeat; text-indent:-999em}

#menu ul.menu {text-align:right}
#menu ul.menu li {list-style:none; display:inline;  margin:0;}
#menu ul.menu li a{
    width:115px; vertical-align: top; text-decoration:none;
    color: #666; font-size: 1.2em; font-weight:bold;
    background: url(../images/bkg_menu.jpg) no-repeat left 0;
    min-height: 90px; _height: 90px; position:relative;
    display: -moz-inline-stack;display: inline-block; zoom: 1; *display: inline;
}

#menu ul li a:hover, #menu ul li.active a {background-position: left -89px; color: #fff; }
#menu ul li a span {position:absolute; display:block; bottom:10px;  width:105px;  }

#splash {height: 205px; width: 960px; position:relative; }
    #mask, #flash_container{width:100%; height: 100%; top:0; position:absolute}
#mask {z-index:2; background: url(../images/splash_mask.png) no-repeat}


#sidebar dl {background: url(../images/side_m.jpg) repeat center top;  text-align:right; margin:0 0 1px 0; height: 1% }
#sidebar dt {background: url(../images/side_t.jpg) no-repeat center top; font-weight:bold; padding-top:0.5em;  padding-right: 0.5em }
#sidebar dd {background: url(../images/side_b.jpg) no-repeat center bottom; padding-bottom:0.5em; padding-right: 0.5em; font-size: 0.9em  }
#sidebar a {text-decoration:none; color: #000; }
#sidebar a:hover {color: red; text-decoration:underline}


#content .main-t {background: url(../images/main_t.png) no-repeat; height:20px; margin-top: 1em; padding: 1em }
#content .main-m {background: url(../images/main_m.png) repeat !important; padding: 1em; height: 1% }
#content .main-b {background: url(../images/main_b.png) no-repeat; height:20px}

#content  a {color: red}
#content  a:hover {color: #000}

#content .html {background: #fff}

#footer {border-top: 1px dashed #000; padding-top: 0.5em; margin-top:1em}
#footer ul.menu {float:right}
#footer ul.menu {background: url(../images/footer_bar.jpg) no-repeat right top; height:26px; line-height:26px; margin:0; padding: 0 0.5em 0 0}
#footer ul.menu li {list-style:none; display:inline;margin:0; padding:0 0.5em 0 0.5em;  border-left: 1px solid #ccc}
#footer ul.menu li.first {float:left; display:block; background: url(../images/footer_bar.jpg) no-repeat left top; border:none; padding-left: 1em }
#footer ul.menu li a {color: #000; text-decoration:none}
#footer ul.menu li a:hover {text-decoration:underline}
#footer .copy {float:left; font-size: 0.9em; color: #666}

#sidebar .block .header {text-align:right; font-size: 2em}

#breadcrumb {background: url(../images/bullet_logo.png) no-repeat left center; padding-left: 16px}
#breadcrumb a {text-decoration:none; color: #000; }
#breadcrumb a:hover {color: red; text-decoration:underline}

div.yiiForm {background:none !important; border:none !important; width:100% !important}
div.yiiForm div.simple label, div.yiiForm div.complex span
{ width:20% !important}

.confirmation {border: 2px solid #4061C2; padding: 1em; margin: 1em 0 1em 0}
