/*****************************************************
Layout
*****************************************************/
body{background-color:#f1f1f1;background:url(/image/shadow_white.gif) repeat-y top center;}
.container {width:100%;}
.container-fx {width:1006px;margin:0 auto;}
#frame-topmenu {background:url(/image/top_sh_white.jpg) #ffffff repeat-y top center;border-bottom:1px solid #C9CBC8;}
#frame-header {background:url(/image/shadow_trans.jpg) #EEEFED repeat-y top center;border-bottom:1px solid #C9CBC8;}
#f-sidemenu {display:none;} 
#header {position:relative;height:50px;background-color:#EEEEEC;border:1px solid #EEEEEC;padding-top:16px;}
#header h1 {position:absolute;top:11px;left:24px;z-index:3;width:121px;background:url(/image/cityfos_logo.gif) no-repeat;text-indent:-9000px;}
#header h1 a {display:block;background:url(/image/cityfos_logo.gif) no-repeat;height:53px;font-size:1px;}
#topmenu {height:32px;margin-left:170px;}
#topmenu ul {margin:0;padding:0;list-style:none;float:left;}
#topmenu ul li {float:left;}
#topmenu ul li a {display:block;padding:8px 24px;text-decoration:none;color:#404040;font-size:1.1em;}
#topmenu ul li.tm-on a {font-weight:bold;}
#tm-signin {float:right;}
#tm-signin span {float:left;padding:8px 16px;}
#tm-signin span a {text-decoration:none;color:#000;font-size:1.1em;}
#local-search {width:777px;height:35px;margin-left:190px;background:url(/image/bg_search.gif) no-repeat top left;}
#local-search legend, #local-search label {display:none;}
#local-search input, #local-search img {vertical-align:middle;}
#local-search input#sk, #local-search input#ar {margin:4px 8px;padding:2px;border:0;height:15px;}
#local-search input#sk {width:348px;}
#local-search input#ar {width:330px;}
#sform {width:100%;height:100%;}
#header-signup {position:absolute;top:12px;right:24px;}
#header-signup legend {display:none;}
#header-signup input#h-fid, #header-signup input#h-fpwd {border:solid 1px #959595;padding:2px;padding-top:3px;vertical-align:top;}
#header-signup p {float:left;width:12em;margin-right:10px;}
#header-signup input#h-fid {width:12em;}
#header-signup input#h-fpwd {width:12em;}
#header-signup label {font-style:italic;color:#565759;font-size:11px;margin-left:2px;}
#h-bt-sign {float:left;margin-top:14px;}
#header-link {position:absolute;top:6px;right:24px;list-style:none;}
#header-link li {display: inline;margin-right:10px;padding-left:10px;background:url(/image/bg_footmenu_sep.gif) no-repeat 0 2px;}
#header-link li.first {background:none;}
h1.ptitle {color:#000;padding:10px 18px 18px 18px;font-size:15px;background:url(/image/hor_line.gif) repeat-x left bottom;position:relative;}
#frame-main {padding:12px;}
#frame-mainL {padding:0 18px;}
#site-menu {padding:0 14px;background:url(/image/hor_line.gif) repeat-x left bottom;margin-bottom:8px;height:42px;}
#site-menu ul {margin:0;padding:0;list-style:none;float:left;width:100%;height:33px;display:inline;}	
#site-menu li {float:left;width:25%;height:33px;font-weight:bold;text-align:center;}
#site-menu li a {display:block;float:left;width:100%;height:33px;color:#095891;cursor:pointer;text-decoration:none;}
#site-menu li span {display:block;font-size:1.1em;padding-top:10px;}
#site-menu li.sm-on a {border-bottom:2px solid #095891;font-weight:bold;}
#site-menu li.sm-on span {}
#footmenu {padding:2em 0;background-color:#F1F2F3;border-top:1px solid #CACCCB;}
#footmenu ul {margin:0;padding:0;list-style:none;}
#footmenu ul.fm_lev1 {margin-left:10%;}
#footmenu ul.fm_lev1 li {width:30%;float:left;text-align:left;}
#footmenu ul.fm_lev2 li {width:100%;float:left;text-align:left;}
#footmenu ul.fm_lev2 li.extsve {display:none;}
#footmenu li {line-height:2.0em;}
#footmenu li span {color:#404040;font-weight:bold;font-family:verdana;}
#footmenu li a {color:#2B2B2B;text-decoration:none;}
/*#frame-footer {text-align:center;background:url(/image/shadow_trans.gif) #EEEFED repeat-y top center;padding:1em 0;border-top:1px solid #CACCCB;}*/
#frame-footer {text-align:center;background:url(/image/shadow_trans.jpg) #EEEFED repeat-y top center;border-top:1px solid #CACCCB;}
#copyright, #site-data {font-family:verdana;font-size:0.9em;color:#404040;background-color:#EEEFED;padding:12px 0;}
#copyright {padding-bottom:1em;}
#site-data p {padding-bottom:0.2em;}
.fl4 {float:left;width:24.5%;}
.fl3 {float:left;width:31%;margin-right:2%;}
.fl2 {float:left;width:47.5%;margin-right:2%;}
* html .fl3 {margin-right:1.5%}
#errors li {color:#E47418;}
label.req-fld {padding-right:8px;background:url(/image/icon_req.gif) no-repeat right top;}
/*.content-wrap {background:url(/image/bg_left.gif) transparent  repeat-y 0 0;}
.content-inner {background:url(/image/bg_right.gif) transparent  repeat-y 100% 0;padding:0 16px;}*/
.contents {padding-bottom:36px;}
.posrel {position:relative;}
/*****************************************************
ads
*****************************************************/
#ads-ltop {margin-bottom:24px;}
#ads-lcenter {margin-bottom:24px;}
#ads-lbottom {margin-bottom:24px;}
#ads-ptop {margin:24px 0;}
#ads-pbottom {width:100%;margin:24px 0;}
/*****************************************************
popup
*****************************************************/
.pop-container {text-align:left;}
#frame-popup {padding:1em;}
#frame-popup h2 {margin:8px 0 28px 0;}
#popup-close {padding:8px 12px;border-top:1px solid #9fb7c4;background-color:#efefef;text-align:right;}
#popup-close a {color:#666666;background:url(/image/icon_close.gif) no-repeat 0 4px;padding-left:13px;}
#footmenu li span.sect {float:left;display:block;margin-top:18px;}

@media only screen and (max-width:1024px){
h1.ptitle {padding-left:14px;}
#frame-main {padding:12px 14px;}
#frame-mainL {padding:0 14px;}
body{background:none;}
.container {min-width:300px;}
.container-fx {width:100%;}
#frame-topmenu {background:none;}
#frame-header {background:none;}
#local-search {width:74%;background:none;}
#local-search input#sk {width:40%;height:28px;margin:0 1px;border:1px solid #BFBFBF;border-radius:2px;}
#local-search input#ar {width:40%;height:28px;margin:1px;border:1px solid #BFBFBF;border-radius:2px;}
}			
@media only screen and (max-width:768px){
h1.ptitle {padding-left:10px;}
#frame-main {padding:12px 10px;}
#frame-mainL {padding:0 10px;}
#header h1 {left:7px;}
#local-search {width:69%;margin-left:140px;}
#local-search input#sk {width:35%;}
#local-search input#ar {width:33%;}
#topmenu {margin-left:8px;}
#footmenu ul.fm_lev1 {margin-left:2em;}
#footmenu ul.fm_lev1 li {width:32%;}
#footmenu ul.fm_lev2 li {width:100%;}
#bsn-alpha {display:none;}
#header-signup {display:none;}
#site-menu {padding:0 6px;}
}
@media only screen and (max-width:480px){
#frame-main {padding:12px 6px;}
#frame-mainL {padding:0 6px;}
#frame-popup {padding:6px;}
#header {height:100px;}
#header h1 {left:50%;margin-left:-60px;}
.svc-cont #header {height:50px;}
h1.ptitle {padding-left:6px;}
#local-search {margin:0 auto;padding-top:50px;width:98%;text-align:center;}
#local-search input#sk {width:40%;}
#local-search input#ar {width:35%;}
#frame-topmenu {display:none;}
#footmenu ul.fm_lev1 {margin-left:1em;}
#footmenu ul.fm_lev1 li {float:none;width:100%;margin-bottom:18px;}
#footmenu ul.fm_lev2 li#bsn-alph, #footmenu ul.fm_lev2 li#mycityfos {display:none;}
#footmenu ul.fm_lev2 li {float:none;display:inline;margin-right:0.8em;margin-bottom:0;}
#footmenu ul.fm_lev2 li a {padding-left:0.8em;}
#footmenu ul.fm_lev2 li:before {content:"|";}
#footmenu ul.fm_lev2 li:first-child a {padding-left:0;}
#footmenu ul.fm_lev2 li:first-child:before {content:"";} 
a.fl4 {width:49%;}
#frame-popup h2 {margin-top:4.6em;margin-bottom:1em;}
#site-menu {height:56px;}
#site-menu li {height:48px;}
#site-menu li a {height:48px;}
#footmenu li span.sect {float:none;}
}