/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
General divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
body {
font: 76%/140% Arial, Tahoma, arial, sans-serif;
background:#fff;
}
body#home	{
background: #fff url('images/bodyBg.gif') repeat-x 0px 0px;
}
#wrap{
font-size:1.0em;
color: #4A4A95;
margin-left: auto;
margin-right: auto;
width:760px;
height:auto;
border: 0px solid #333;
background: url('images/grid.png1') repeat-x 0px 0px;
}
#masthead01{
background: url('images/logo-2.gif') no-repeat top center;
height:112px
}


#footer1	{
text-align:center;
font-size:0.8em;
float:left;
clear:both;
position:relative;
margin-top:4em;
padding-top:2em;
width:100%;
background: url('images/footerBackground-01.jpg') no-repeat 0px 0px;
height:100px
}



/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Unordered Lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ul{
list-style:none;
padding:0 10px 0 7px;

}
#home ul.boxNav,
#whatsNewHere1 ul,
#On-LineConsultation1 ul{
padding:0 5px 0 25px;
height:9em;
}
#home ul.boxNav{
padding:0 5px 0 10px;
}
#whatsNewHere1 ul,
#On-LineConsultation1 ul{
height:auto;
padding:0;
}
#masthead01 ul{
margin-top:-10px;
text-align:right;
font-size:0.5em;
}
footer1#masthead1 ul{
margin-bottom:-10px;
text-align:right;
font-size:0.5em;
}
li{
background:url(images/dash.gif) no-repeat 0 0;
padding-left:10px;
}
#entry ul li, #article ul li{
margin:0.5em 1em;
}
ul.boxNav li{
padding-left:7px;
margin:0;
}
#whatsNewHere1 li,
#On-LineConsultation1 li{
margin:1em auto;
}
#masthead01 ul li{
background:none;
padding-left:1em;
display:inline;
}
#sponsors-logos ul {
clear: both;
}

 
#sponsors-logos ul li {
float: left;
list-style: none;
border: none;
padding: 10px;
height: 35px;
}


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Ordered Lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ol {

margin-left:20px;
}

ol li	{
background-image:none;
padding:0;
}
#entry ol li, #article ol li{
margin:1em;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
images/site
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a img{
border:0;
}
h1#cdaLogo img{
float:left;
padding:0 0 0 9px; 
z-index:1;
margin:0;
}

#cdaLogo img{
float:left;
position:relative;
padding:0 0 0 9px;
margin:0;
}
.regional-map{
float:left;
margin-top:2em;
}
/*

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#masthead01 form{
margin:15px 0 0 300px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOR PROFESSIONALS HOMEPAGE BOXES01
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Box CSS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*/
#boxCss{
margin:0px;
background:url('images/middleForProfessionals.gif') repeat-y top center;
}
#boxCss .top{
background:url('images/topForProfessionals.gif') no-repeat top center;
}
#boxCss .bottom{
height:122px;
background:url('images/bottomCss.jpg') no-repeat bottom center;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Headings H1-H6 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1 { 
}
h1#cdaLogo{
text-indent:-9999px;
}
div#cdaLogo{
text-indent:-9999px;
}


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main Navigation01 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#Nav {	

padding: 0px;
margin-top: 0px;
position: relative;
left:0px;
top:15px;
border:0px solid;
}

#Nav li {padding: 0; list-style: none; position: absolute; top: 0; }
#Nav li, #Nav a {display: block; border:0px solid; margin-top: 0px; height:48px; text-indent:-9999px;}
li#getInvolved {left: 9px; width:176px; background-image:url('images/about-us1.gif')} 
li#diabetic-care {left: 198px; width:176px; background-image:url('images/Diabetic_care.gif')}
li#aboutDiabetes {left: 386px; width:176px; background-image:url('images/guidebook.gif')}
li#forProfessionals {left: 576px; width:176px; background-image:url('images/other-services1.gif')}
/*


/* chart - 2 column */
.chart-container {width: 550px;}
.chart-heading {float: left; background-color: #ccc; font-weight:bold; padding: 10px; width: 250px; height: 40px;}
.chart-row {width: 540px; border-top:1px solid #333; height:100%;clear:both;}
.chart-column {float:left; padding: 8px; width: 250px; border-left:solid 1px #333;}





/* New */
#overlay{ 
    background-image: url('common/overlay.png');
    position: absolute;
    top: 200px;
    left: 0px;
   z-index: 90;
    width: 100%;
    height: 100%
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url('common/blank.gif');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="common/overlay.png", sizingMethod="scale")
}

#box{
    background:#FFFFFF;
	margin: 200;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:180px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:200px;
	padding:10px;
}