
/*=========================================================================
   default.css
=========================================================================*/

/* .precursorTitle1
-------------------------------------------------------------------------*/
.communityTitle1 {
 width:948px;
 border:1px solid #CCCCCC;
 background:#FFFFFF url(../../../../common/image/special_head_title_bg.jpg) 0 0 repeat-x;
}

.communityTitle1 h3 {
 padding:9px 15px;
 line-height:100%;
 font-weight:bold;
 font-size:140%;
}

/*-------------------------------------------------------------------------
 community health
-------------------------------------------------------------------------*/
#communityHealth {
 width:950px;
 background:#FFFFFF;
}

/* .communityHealthTitle
-------------------------------------------------------------------------*/
#communityHealth .communityHealthTitle {
 padding:0 0 10px;
 width:950px;
 background:#FFFFFF url(../image/communityHealthTitle_bg.jpg) left bottom repeat-x;
 zoom:1;
}

#communityHealth .communityHealthTitle:after{
 content:"";
 display:block;
 clear:both;
}

#communityHealth .communityHealthTitle .title {
 float:left;
}

#communityHealth .communityHealthTitle .lead {
 float:left;
}

/*-------------------------------------------------------------------------
 community health - columnBox
-------------------------------------------------------------------------*/
#communityHealth .columnBox {
 padding:15px 15px 0 10px;
 zoom:1;
}

#communityHealth .columnBox:after {
 content:"";
 display:block;
 clear:both;
}

#communityHealth #columnMain {
 float:left;
 width:725px;
}

#communityHealth .columnInner {
 margin:0 0 10px;
 border:5px solid #E6E6E6;
}

#communityHealth .columnInner#update {
 margin-bottom:20px;
}

#columnSide {
 float:right;
 width:169px;
}

#columnSide ul{
 float:right;
}

#columnSide li{
 margin:10px 0 0;
 float:left;
}

#columnSide li a{
 border:1px solid #BBBBBB;
 float:left;
 display:block;
}

#columnSide li a img{
 float:left;
}

/* .columnTitle
-------------------------------------------------------------------------*/
#communityHealth .columnBox .columnTitle {
 width:715px;
 background:url(../image/column_title_bg.gif) 0 0 repeat;
}

#communityHealth .columnBox .columnTitle .title {
 padding:0 0 0 23px;
 background:url(../image/icon_column_title.gif) 8px .8em no-repeat;
}

#communityHealth .columnBox .columnTitle .title span {
 display:block;
 padding:5px 0;
 font-weight:bold;
 font-size:120%;
 color:#FFFFFF;
}

#communityHealth .columnBox .columnLead {
 padding:10px 15px 7px 10px;
}

/* .updateinfo
-------------------------------------------------------------------------*/
.updateInfo{
}

.updateInfo dl{
 margin:0 10px;
 padding:13px 0 0;
 zoom:1;
}

.updateInfo dl:after{
 content:"";
 display:block;
 clear:both;
}

.updateInfo dt{
 clear:both;
 margin:0 11px 0 0;
 padding:0 0 8px;
 float:left;
 width:7.0em;
}

.updateInfo dd{
 padding:0 0 8px 46px;
 position:relative;
 overflow:hidden;
 zoom:1;
}

.updateInfo dd img{
 position:absolute;
 top:0;
 left:0;
}

.updateInfo p{
 margin:0 0 10px;
 padding:0 10px 0 0;
 float:right;
 min-height:11px;
 height:auto!important;
 height:11px;
 background:url(../image/icon_arrow01.jpg) left center no-repeat;
}

.updateInfo p a{
 padding:0 0 0 15px;
 font-size:.8333em;
}


/* .initiatives
-------------------------------------------------------------------------*/
#communityHealth .columnBox .initiatives {
 width:669px;
 margin:0 0 24px 10px;
 padding:5px 10px 3px 10px;
 border:1px solid #C3CDE0;
 background-color:#F0F3FA;
}

#communityHealth .columnBox .initiatives ul {
 width:669px;
}

#communityHealth .columnBox .initiatives ul li {
 line-height:1.8;
}

#communityHealth .columnBox .initiatives ul li dl {
 width:669px;
 overflow:hidden;
}

#communityHealth .columnBox .initiatives ul li dl dt {
 float:left;
 width:8em;
 font-weight:bold;
 color:#33436C;
 clear:both;
}

#communityHealth .columnBox .initiatives ul li dl dd {
 padding-left:1.7em;
 text-indent:-1.7em;
 overflow:hidden;
}

/* .regional
-------------------------------------------------------------------------*/
#communityHealth .columnBox #regionalWrap{
 margin:0 0 0 10px;
 overflow:hidden;
}

#communityHealth .columnBox #regionalList{
 margin:-10px 0 0;
 width:705px;
 letter-spacing:-.4em;
}

#communityHealth .columnBox .regional {
 margin:0 15px 0 0;
 padding:10px 0 13px;
 border-top:1px solid #E6E6E6;
 display:inline-block;
 /display:inline;
 /zoom:1;
 width:220px;
 letter-spacing:normal;
 vertical-align:top;
}

#communityHealth .columnBox .regional ul{
 padding:8px 0 0 4px;
}

#communityHealth .columnBox .regional li{
 margin:0 0 8px;
 padding:0 0 0 16px;
 min-height:11px;
 height:auto!important;
 height:11px;
 background:url(../image/icon_arrow01.jpg) left center no-repeat;
 font-weight:bold;
}

#communityHealth .columnBox .regional li img{
 margin:0 0 0 4px;
 vertical-align:bottom;
}


#communityHealth .columnBox .regional .regionalTitle {
}

#communityHealth .columnBox .regional .divisionWrap {
 width:696px;
 margin:0;
 padding:10px 0 10px 5px;
 overflow:hidden;
}

#communityHealth .columnBox .regional .divisionWrap .division {
 display:inline;
 float:left;
 width:218px;
 margin:0 6px 0 5px;
}

#communityHealth .columnBox .regional .divisionWrap .division .divisionTitle {
 padding-bottom:6px;
 background:url(../image/division_title_bg_bottom.jpg) 0 bottom no-repeat;
}

#communityHealth .columnBox .regional .divisionWrap .division .divisionTitle .divisionTitleInnner {
 padding-top:10px;
 background:url(../image/division_title_bg_top.jpg) 0 0 no-repeat;
}

#communityHealth .columnBox .regional .divisionWrap .division .divisionTitle .divisionTitleInnner .title {
 padding:0 5px 0 16px;
 font-weight:bold;
}

#communityHealth .columnBox .regional .divisionWrap .division ul {
 width:208px;
 padding-left:10px;
}

#communityHealth .columnBox .regional .divisionWrap .division ul li {
 padding:5px 10px 0 16px;
 background:url(../image/icon_arrow01.jpg) 0 .6em no-repeat;
 line-height:1;
}

#communityHealth .columnBox .regional .divisionWrap .division ul li span {
 line-height:1.4;
}

/* .backNumber
-------------------------------------------------------------------------*/
#communityHealth .columnBox .backNumber {
 margin-bottom:25px;
 border-top:1px solid #C3CDE0;
 text-align:right;
}


/*-------------------------------------------------------------------------
 community health - search
-------------------------------------------------------------------------*/
#search {
 clear:both;
 width:950px;
 background:url(../image/search_bg.jpg) 0 34px repeat-x;
}

#search #kompasOut {
 width:940px;
 padding:5px;
}

#search #kompasWrp {
 width:932px;
 padding:4px;
 background:#FFF;
}

#search #kompas {
 width:932px;
 padding:0 0 0 1px;
 background:url(../image/search_in_bg.gif) 0 0 repeat-y;
}

#search #kompasBox {
 width:932px;
 border-top:1px solid #BBB;
 border-bottom:1px solid #BBB;
 text-align:center;
}

#search #kompas p {
 margin:0 0 15px 0;
 line-height:140%;
}

#search #kompas p.attention {
 padding:78px 0 0 0;
 font-weight:bold;
 line-height:140%;
}

#search #kompas img {
 vertical-align:top;
 padding:22px 0 0 0;
 margin:0 0 80px 0;
}


