/*general 
------------------------------------------------------
order: top, right, bottom, left
*/

*{margin: 0; padding: 0; }


.bodylist li  
{ 
list-style-type: disc; 
margin-left: 40px;
}

.heading
{
color: #660000;
font-weight: bolder;
font-size: 130%;
}

a.cl_link:link, a.cl_link:visited 
{
color: #000033;
text-decoration: none;
}

a.cl_link:active 
{
background-color: #cccccc;
text-decoration:none;
}

a.cl_link:hover 
{
background-color: #cccccc;
color: #660000;
text-decoration:none;
} 

body 
{
background: url(image/bg_grey.jpg) 0% 0% repeat-x;
text-align: center;
font-family:  "Times New Roman, Times, serif";
color: black;
}

form 
{}

h1
{
padding:13px 0px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #83837e;
background: url(hb.gif) left 14px no-repeat;
}

h2, h3, h4
{}	

table, td
{
border-color: #000033;
border-style: solid;
}

table
{
margin: auto; 
border-width: 0 0 1px 1px;
border-spacing: 0;
/*border-collapse: collapse;*/
}

td, #ts-1-1, #ts-1-2
{padding: 4px;}

td
{border-width: 1px 1px 0 0;}

p 
{padding: 10px 0 10px 0;} 

.hr_h
{
clear: both;
height: 1px;
padding: 5px;
margin: 5px 5px 0 5px;
}

/*********************** Top Nav bar **********************/
#nav
{
width: 730px;
height: 21px; background: url(image/nav_top_b.jpg);
position: relative; outline: none; border: 0
}

#nav span 
{display:none;}

#nav li {list-style: none; position: absolute; top: 0;}
#nav li, #nav a {height: 21px; display: block; outline: none; overflow:hidden;}
#nav_home {left:0; width: 70px;}
#nav_about {left: 70px; width: 76px;}
#nav_app {left: 146px; width: 112px;}
#nav_form {left: 254px; width: 67px;}
#nav_insurance {left: 316px; width: 82px;}
#nav_testing {left: 398px; width: 168px;}
#nav_staff {left: 565px; width: 50px;}
#nav_contact {left: 613px; width: 711px;}

#nav_home a:hover {background: transparent url(image/nav_top_b.jpg) 0 -21px no-repeat; }
#nav_about a:hover {background: transparent url(image/nav_top_b.jpg) -70px -21px no-repeat; }
#nav_app a:hover {background: transparent url(image/nav_top_b.jpg) -146px -21px no-repeat;}
#nav_form a:hover {background: transparent url(image/nav_top_b.jpg) -254px -21px no-repeat;}
#nav_insurance a:hover {background: transparent url(image/nav_top_b.jpg) -316px -21px no-repeat;}
#nav_testing a:hover {background: transparent url(image/nav_top_b.jpg) -398px -21px no-repeat;}
#nav_staff a:hover {background: transparent url(image/nav_top_b.jpg) -565px -21px no-repeat;}
#nav_contact a:hover {background: transparent url(image/nav_top_b.jpg) -613px -21px no-repeat;}

/* 3-column fixed layout
bg color (border band):  #f6f8f9 (light greyish blue)
outer width: 740; inside:730 
----------------------------------------------------
*/ 
#addr_box_right, #box_left1, #box_left2 
{
font-size: 85%;
display: inline;
}

#addr_box_right 
{ 
border: 1px solid black;
float: right;
width: 140px;
padding: 10px 0 5px 10px;
margin-right: 20px;
}

#box_container_left /*wrapper for address box*/
{
float: left;
width: 155px;
}

#box_left1, #box_left2
{margin: 10px 0 10px 10px;} 

#box_left2 /* address box */
{
float: left;
width: 155px;
border: 1px solid #000000;
padding: 10px 0 5px 10px;
}

#box_left1 /* a_name box; width to be added 10px left to li img */
{
float: left;
width: 145px;
border: 1px solid #000000;
padding: 10px;
}

#box_left1 li
{	
background: url(image/li_gif.gif) left center no-repeat;
padding-left: 10px;		
}

#box_left1 ul
{list-style-type: none;}
	
#footer 
{
width: 740px;
clear: both;
color: #000033;
font-size: 12px;
}

#footer_1 
{
text-align: left;
margin: 5px 5px 0px 10px;
}

#footer_2 
{
text-align: center;
margin: 5px 0px 10px 0px;
}

#footer_3 /*grey bar*/
{
border: 1px solid #cccccc;
background-color: #ececec;
padding: 2px;
}

#header /*margins on both sides for to nav part */ 
{
width: 730px;
margin: 0 5px 0 5px;
}

#side-a, #side-b
{
font-size: 85%;
display: inline;
}  

#side-a 
{
float: left;
width: 200px;
margin: 10px 0 10px 20px;
}

#side-b 
{
float: right;
width: 155px;
border: 1px solid black;
padding: 10px 0px 15px 20px;
margin-right: 10px;
}

#ts-1-1 /* very top lettering: CDH Clinic */
{
float: left;
width: 300px;
font-weight: bolder;
color: #666666;
margin-top: 2px;
}

#ts-1-2 /* search box */
{
float: right;
}

#wrapper 
{
width: 740px;
background-color: #f6f8f9;
text-align: left;
margin: 0px auto;
}


/***************************** Other **************************/
.addr_indent
{margin-left: 15px;}

.box_left1_pic 
{
width: 155px;
float: left;
clear: left;
padding: 6px;
margin: 10px 0 0 10px;
}

.container
{
clear: both;
width: 730px;
margin: 10px 0px 0px 10px;
}

.container2
{
clear: both;

width: 560px;
float: right;
margin: 10px 0px 0px 0px;
}

.content, .content_bottom, .content_wm_or, .content_wm_ol, .content_ws, .content_wsx
{
margin-left: 20px;
margin-right: 20px;
display: inline; /*this fix the double float bug in IE5 and IE6 */
} 

.content_ws
{
float: left;
width: 350px;
}

.content_wsx
{
float: left;
width: 300px;
}

.content_wm_or, .content_wm_ol
{
float: left;
width: 480px;
}

.content_wm_or
{margin-left: 40px;}

.content_wm_ol
{margin-right: 40px;}

.content_bottom 
{
float: left;
width: 700px;
}

.content 
{ 
/* for cover page  image: 223x333px */
background: url(image/bg_graph2.gif) 20px no-repeat;
float: left;
width: 440px;
height: 220px;
margin-left: 10px;
}

.image_right, .image_left, .image_cover
{display: inline;}

.image_left 
{
float: left;
margin: 10px 0 5px 10px;
}

.image_right 
{
float: right;
margin: 10px 20px 20px 0;
}

.image_cover 
{height: 350px;}