@import url(global/user.css);
@import url(global/common.css);
@import url(apps/calendar01.css);

body {
	background: #dad7cd;
	color: #333;
	font: 13px/16px arial, verdana, helvetica, sans-serif;
	text-align: center;
}

#wrap {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 760px;
}

html>body #wrap {
} 

/* HEADER
-------------------------------------------*/
#header {
	background: url(../images/header.jpg) 0 38px no-repeat;
	height: 148px;
	position: relative;
}
	#logo {
		position: absolute;
		left: 19px;
		top: 56px;
		width: 249px;
        height: 41px;
		background: url(../images/logo.png) no-repeat;
	}
	* html #logo {
	    background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/template/assets/home_template_chicagoasthma_410/images/logo.png", sizingMethod='crop');
    }
		#logo a {
            display: block;
            height: 0 !important;
            padding-top: 41px;
            overflow: hidden;
		}
		#printlogo {
			display: none;
			height: 15px;
			color: #000;
			font-size: 12px;
		}
	#tagline {
	    position: absolute;
	    left: 104px;
	    top: 106px;
	    width: 200px;
	    height: 0 !important;
	    padding-top: 16px;
	    overflow: hidden;
	    background: url(../images/tagline.png) no-repeat;
	}
	* html #tagline {
	    background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/template/assets/home_template_chicagoasthma_410/images/tagline.png", sizingMethod='crop');
    }
    #util {
	    position: absolute;
	    left: 380px;
	    top: 126px;
	    width: 380px;
	    height: 0 !important;
	    padding-top: 22px;
	    overflow: hidden;
	    background: url(../images/util_v2.gif) no-repeat;
	}

/* MAIN NAVIGATION
-------------------------------------------*/
#tabs {
	position: absolute;
    background: url(../images/tabs.gif) no-repeat;
	height: 38px;
	left: 0;
	top: 0;
	margin: 0 -7px;
	width: 774px;
}
	#nav {
	    position: absolute;
	    left: 14px; 
	    top: 5px;
	    width: 746px;
    }
		#nav ul {
		    margin: 0;
		}
			#nav li {
				list-style: none;
				float: left;
				height: 22px;
				background:none;
			}
				#nav a {
				    padding-top: 22px;
					height: 0 !important;
					overflow: hidden;
                    display: block;
                    position: absolute;
                    background: url(../images/nav_bg.gif) no-repeat;
                }
                #nav a.active:hover {
                    cursor: default;
                }

                    /* Home */
                    li#t12588 a {
                        background-position: 0 0;
                        width: 45px;
                        left: 0;
                    }
                    li#t12588 a:hover, li#t12588 a.active {
                        background-position: 0 -22px;
                    }

                    /* About CAC */
                    li#t12590 a {
                        background-position: -45px 0;
                        width: 76px;
                        left: 45px;
                    }
                    li#t12590 a:hover, li#t12590 a.active {
                        background-position: -45px -22px;
                    }

                    /* Asthma Basics */
                    li#t12805 a {
                        background-position: -121px 0;
                        width: 100px;
                        left: 121px;
                    }
                    li#t12805 a:hover, li#t12805 a.active {
                        background-position: -121px -22px;
                    }
					
					/* Clinic Search */
                    li#t46454 a {
                        background-position: -221px 0;
                        width: 90px;
                        left: 221px;
                    }
                    li#t46454 a:hover, li#t46454 a.active {
                        background-position: -221px -22px;
                    }

                    /* Community Calendar */
                    li#t42859 a {
                        background-position: -311px 0;
                        width: 132px;
                        left: 311px;
                    }
                    li#t42859 a:hover, li#t42859 a.active {
                        background-position: -311px -22px;
                    }

                    /* CAC Programs */
                    li#t12596 a {
                        background-position: -443px 0;
                        width:96px;
                        left: 443px;
                    }
                    li#t12596 a:hover, li#t12596 a.active {
                        background-position: -443px -22px;
                    }

                    /* Task Forces */
                    li#t12593 a {
                        background-position: -539px 0;
                        width: 84px;
                        left: 539px;
                    }
                    li#t12593 a:hover, li#t12593 a.active {
                        background-position: -539px -22px;
                    }

                    /* Resource Directory */
                    li#t12595 a {
                        background-position: -623px 0;
                        width: 123px;
                        left: 623px;
                    }
                    li#t12595 a:hover, li#t12595 a.active {
                        background-position: -623px -22px;
                    }
				
                li#t12597 a, li#t12592 a, li#t12598 a {
                 /* left: 368px; */
                    top: 121px;
                    background: url(../images/util_v2.gif) no-repeat;
                    
                }
					/* Contact */
                    li#t12597 a {
                        background-position: -4px 0;
                        width: 62px;
                        left: 372px;
                        
                    }
                    li#t12597 a:hover {
                        background-position: -4px -22px;
                    }
					
					/* Mmebership */
                    li#t12592 a {
                        background-position: -64px 0;
                        width: 89px;
                        left: 432px;
                    }
                    li#t12592 a:hover {
                        background-position: -64px -22px;
                    }

                    /* Login */
                    li#t12598 a {
                        background-position: -155px 0;
                        width: 66px;
                        left: 521px;
                    }
                    li#t12598 a:hover {
                        background-position: -155px -22px;
                    }
                    
#main-body {
    position: relative;
    margin: 0 -7px;
    width: 774px;
    background: url(../images/body.gif) repeat-y;
    padding-bottom: 26px;
}
	#main-table-body {
		border-collapse: separate;
		margin-right: 21px;
		height:400px;
	}
	#main-table-body-leftcell {
		vertical-align: top;
        position: relative;
        background: #f4f4f4 url(../images/menu.gif) left repeat-y;
	}
	#main-table-body-rightcell {
		vertical-align: top;
		
	}

/* SUB MENU
-------------------------------------------*/
#sidebar {
	width: 156px;
	
}

#menu-header {
    position: absolute;
    bottom: 26px;
    width: 156px;
    height: 6px;
    background: url(../images/menu-bottom.gif) bottom left no-repeat;
}

* html #menu-header {
    bottom: 0;
}

#menu {
	background: url(../images/menu-header.gif) no-repeat;
    padding-top: 65px;
}
	#menu ul {
	    margin: 0;
	    font-size: 15px;
	}
		#menu ul li ul {
		    padding: 3px 5px;
		}
	
	#menu li {
		list-style: none;
		background:none;
		margin:0;
		padding:0 5px;
		height:1%;
	}
	
	#menu a {
		margin:0;
	    display: block;
		color: #007F56;
		text-decoration: none;
		padding:7px 0;
		font-size:80%;
	}
		#menu a:hover {
			color: #005cb2;
		}
		#menu a.subcurrent, #menu a.current {
			text-decoration: underline;
			color: #005cb2;
		}

	#menu-footer {
	}
        #banner {
            margin: 65px 0 15px 0;
        }
        #banner a {
            display: block;
            height: 0 !important;
            overflow: hidden;
            padding-top: 58px;
            width: 126px;
            margin: 0 auto;
            background: url(../images/banner.gif) no-repeat;
        }

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar {
    background: url(../images/main-top.gif) no-repeat;
    width: 774px;
    height: 31px;
    padding-top: 4px;
    line-height: 31px;
}
	#breadcrumblist {
	    padding-left: 23px;
	    float: left;
        font-size: 11px;
	}
		#breadcrumblist a:link, #breadcrumblist a:visited {
			color: #005cb2;
			text-decoration: underline;
		}
		#breadcrumblist a:hover, #breadcrumblist a:active {
			color: #005cb2;
			text-decoration: none;
		}
		#breadcrumbemail, #breadcrumbprint {
			float: right;
			text-align: right;
			background-repeat: no-repeat;
			background-position: left;
			font-size: 10px;
		}
        #breadcrumbemail {
            background-image: url(../images/email.gif);
            padding-right: 23px;
        }
        #breadcrumbprint {
            background-image: url(../images/printer.gif);
            padding-right: 33px;
        }
		#breadcrumbemail a, #breadcrumbprint a {
		    padding-left: 15px;
		}
			#breadcrumbemail a:link, #breadcrumbemail a:visited,
			#breadcrumbprint a:link, #breadcrumbprint a:visited {
			    color: #999;
				text-decoration: none;
			}
            #breadcrumbemail a:hover, #breadcrumbemail a:active,
            #breadcrumbprint a:hover, #breadcrumbprint a:active {
                color: #005cb2;
                text-decoration: underline;
            }

/* CONTENT AREA
-------------------------------------------*/
#content {
    padding: 78px 22px 0 31px;
}
    #content-header {
		display: none;
	}
	#content-body {
		overflow: hidden;
		width:540px;
	}
	#content ul {
		list-style-type:none;
	}
	#pagetitle {
	    position: absolute;
	    top: 35px;
	    left: 20px;
	    height: 49px;
	    width: 577px;
	    background: #f4f4f4 url(../images/pagetitle.gif) no-repeat;
	}
		#pagetitletext h1 {
		    margin: 0;
		    border: none;
		    line-height: 49px;
		    padding: 0 0 0 11px;
		    font-size: 24px;
			font-weight: normal;
			color: #007F56;
		}
    #pagetitle + br {
        display: none;
    }
	#content-footer {
		display: none;
	}

/* FOOTER
-------------------------------------------*/
#footer {
	clear: both;
	width: 774px;
	margin: 0 auto;
	height: 102px;
}
	#footerwrap {
	}
	#footercontent {
        background: url(../images/body.gif) repeat-y;
        height: 59px;
	}
	#footernav {
		height: 59px;
        background: url(../images/footer.gif) bottom no-repeat;
	}
	#footernav ul {
	    margin: 0 10px;
	    border-top: 3px solid #f4f4f4;
	    list-style: none;
        text-align: center;
        font-size: 10px;
	}
        #footernav li {
            list-style: none;
            display: inline;
            line-height: 46px;
            border-left: 1px solid #ccc;
			background-image:none;
			text-align:center;
			margin:0;
			padding:0;
        }
        #footernav li:first-child, #footernav li.first {
            border-left: none;
        }
        #footernav a {
            margin-left: 5px;
            text-decoration: none;
        }
        #footernav a:link, #footernav a:visited {
            color: #666;
        }
        #footernav a:hover, #footernav a:active {
            color: #005cb2;
            text-decoration: underline;
        }

    #credit {
        position: absolute;
        top: 60px;
        left: 7px;
        font-size: 11px;
        line-height: 15px;
        color: #666;
        text-align: left;
    }

	#copyright, #poweredby {
		font-size: 10px;
		text-align:left;
		margin:0 0 0 25px;
	}
		#poweredby a {
			color: #666;
			text-decoration: none;
		}
		#poweredby a:hover {
		    color: #666;
		    text-decoration: underline;
		}