body {
	font-family: Arial, Helvetica, sans-serif;
	color: #006;
	background-color: #ccf;
	margin: 6px 10px 10px 10px;
	font-size: 100%;
	behavior:url("/css/csshover.htc");
}
* {margin: 0; padding: 0;}

a:link {
	color: #006;
	text-decoration: none;
}
a:visited {
	color: #006;
	text-decoration: none;
}
a:hover {
	color: #66c;
	text-decoration: underline;
}
a:active {
	color: #006;
	text-decoration: none;
}

/* ---- COMMON FRAMEWORK ---- */
div#accessible {
	display: none;
}

#big-bucket {
	width: 740px;
	position: relative;	
} 

#header {
	width: 740px;
	height: 174px;
	/*removing position: relative from here solved the NN7WIN problem*/
	/*position: absolute; test w wrapper as relative and correct top- nope*/
	/*background-color: #FF0000; test*/
	/*max-height: 154px; nope*/
}

#wrapper {
	background: #fff url(../images/content_bg.gif) repeat-y left;
	width: 740px;
	/*position: relative; test*/
	/*top: 174px; test*/
	/*position: absolute; /*test for NN- works, but messes up others, maybe add margin-btm to body*/
} /* if borders, width needs to be less than big-bucket */

/* content_bg gif has color the width of left column BG */

#container {
	width: 740px;
	background: #fff url(../images/content_bg.gif) repeat-y left;
	float: right;
	margin: 0 0 0 -170px;
} /* this width is main width plus sidebar width
	-if less, then it sticks out on the right
	-if 1px more it pushes in on right to cover border in wrapper 
	-if 2px or more, then breaks layout */

#main {
	width: 570px;
	margin: 0 0 0 170px;
	background-image: url("../images/hm_blue_corner.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

div#content {
	padding: 15px 15px 5px 15px;
	/*position: relative; test */
} /* This sets internal padding
	-will mess up if a width is set
	-move back to content section later */


#sidebar {
	width: 170px;
	float: left;
} /* cannot add padding or borders to sides without effecting width and breaking layout */

div#leftside {
	text-align: center;
	margin: 0px auto;
	padding: 0 0 0 6px;
} /* this styles the contents of the sidebar
	-move back to content section later
	-cannot have a width */

.last {
	margin-bottom: 0;
}

.clearing {
	height: 0;
	clear: both;
}

/*---- Stylin clearing ---*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;} /*for IE mac*/

/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */

/*--- end Stylin clearing ---*/

#footer {
	width: 540px;
	padding: 5px 15px 10px 185px; 
}
#footer p {
	font-size: .75em;
	text-align: center;
	color: #669;
	/*padding: .2em 0;*/
}
#footer a:link {color: #669;}
#footer a:visited {color: #669;}
#footer a:hover {color: #669; text-decoration:underline;}
#footer a:active {color: #669;}

/* ---- END COMMON FRAMEWORK ---- */

	
h1 span, a span, h2 span {
	display: none;
	margin: 0;
	padding: 0;
} /* hides text and links in headers and nav, there for no images */

/* BEGIN: TOP NAVIGATION */
div#homenav {
	background: transparent url(../images/topnav2.gif) no-repeat 0 -34px; /*test putting hover state here and setting bg transp on ro*/
	width: 740px;
	height: 34px;
	position: relative;
}
div#homenav ul li {
    margin: 0px;
	padding: 0px;
	list-style: none;
	/*display: block;*/
	position: absolute; /*essential*/
	/*position: relative;
	height: 34px; messes up layout and only first btn hilites */
	top: 0px;
}
div#homenav ul li a {
	display: block;
	height: 34px;
}

/* below- test putting normal state on inner div*/
#nav01 {background: transparent url(../images/topnav2.gif) 0 0 no-repeat;
position: relative;
width: 170px; 
}

#nav02 {background: transparent url(../images/topnav2.gif) -170px 0 no-repeat;
position: relative;
left: 170px;
width: 122px; 
}

#nav03 {background: transparent url(../images/topnav2.gif) -292px 0 no-repeat;
position: relative;
left: 292px;
width: 102px; 
}
#nav04 {background: transparent url(../images/topnav2.gif) -394px 0 no-repeat;
position: relative;
left: 394px;
width: 89px; 
}
#nav05 {background: transparent url(../images/topnav2.gif) -483px 0 no-repeat;
position: relative;
left: 483px;
width: 98px; 
}
#nav06 {background: transparent url(../images/topnav2.gif) -581px 0 no-repeat;
position: relative;
left: 581px;
width: 159px; 
}

/*----- test setting hover on top li instead of a to see if they'll remain on dropdown ---*/
li#nav01:hover {
    background: transparent; 
}

li#nav02:hover {
    background: transparent; 
}

li#nav03:hover {
    background: transparent;
}

li#nav04:hover {
    background: transparent;
}

li#nav05:hover {
    background: transparent;
}

li#nav06:hover {
    background: transparent;
}
/*-- end li hover test ----*/

/*-------- Start Dropdowns ---------*/
/*hover hiding and revealing*/
body div#homenav ul li ul.dropdown {
display: none;
}
div#homenav ul li:hover ul.dropdown, div#homenav ul li ul.dropdown:hover {
display: block;
}
/*end hover hide, reveal*/

div#homenav ul li ul.dropdown {
width: 170px;
/*height: 300px;*/
background-image: none;
background-color: #99f;
/*position: relative;removing this causes it to slide under flash*/
position: absolute; /*solves flash layer, but still pushdown in NNwin*/
top: auto;
left: 1px;
z-index: 5000;
border: 2px solid #003;
display: block;
list-style-type: none;
font-weight: bold;
font-size: .8em;
}
div#homenav ul li#nav01 ul.dropdown {
left: 21px;
} /*special case for left btn*/

/*div#homenav ul li#nav06 ul.dropdown {
left: -36px;
} /*special case for right btn*/

div#homenav ul li ul.dropdown li {
background-image: none;
width: 166px;
padding: 0 2px;
text-align: center;
height: 20px;
display: block;
position: relative;
}
div#homenav ul li ul.dropdown a {
display: block;
height: 20px;
}
div#homenav ul li ul.dropdown a:link {
width: 100%;
color: #003;
text-decoration: none;
height: 20px;
}
div#homenav ul li ul.dropdown a:visited {
color: #003;
text-decoration: none;
height: 20px;
}
div#homenav ul li ul.dropdown a:hover {
background-image: none;
background-color: #ccf;
color: #003;
text-decoration: none;
height: 20px;
}
div#homenav ul li ul.dropdown a:active {
color: #003;
text-decoration: none;
height: 20px;
}
div#homenav ul li ul.dropdown li:hover {
background-image: none;
background-color: #ccf;
color: #003;
text-decoration: none;
height: 20px;
}

/* END: TOP NAVIGATION */
	
/* BEGIN: BRAND */
div#brand {
	width: 740px;
	/*background-image: url("../images/flash_ptcare.jpg");
	background-position: top right;
	background-repeat: no-repeat;*/
	/*background-color:#990000; for testing*/
	/*position: absolute;
	top: 34px;
	left: 0;*/
}
div#brand img {
float: left;
}
div#flash {
	width: 555px;
	height: 120px;
	float: left;
	background-image: url("../images/flash_ptcare.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	/*position: relative;
	top: 0;
	left: 185px;
	z-index: 0;*/
}
div#flashcontent {
	width: 555px;
	height: 120px;
	max-height: 120px;
	float: left;
	background-image: url("../images/flash_ptcare.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}
/* END: BRAND */
	
/* BEGIN: SIDEBAR */

.searchform {
	width: 158px;
	padding: 0 6px;
	/*background-color: #FFFFFF; test*/
} /* for bottom part of search form */
.searchform img {
padding: 0 25px 0 0;
}
.searchform p {
padding: 4px 0;
}

div.ql_box {
margin: 6px 0 10px 0;
padding: 0 0 2px 0;
text-align: center;
background-color: #66c;
}
div.ql_box h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
color: #ccf;
background-color: #006;
padding: 2px 0 4px 0;
}
div.ql_box p {
font-size: .75em;
color: #fff;
padding: 0 2px 6px 2px;
}
div.ql_box ul {
font-size: .75em;
font-weight: bold;
margin: 4px 0;
}
div.ql_box ul li {
list-style-type: none;
margin: 0;
padding: 0;
/*padding: 0 0 2px 0;*/
}
div.ql_box a:link {
color: #fff;
text-decoration: none;
}
div.ql_box a:visited {
color: #fff;
text-decoration: none;
}
div.ql_box a:hover {
color: #fff;
text-decoration: underline;
}
div.ql_box a:active {
color: #fff;
text-decoration: none;
}

/* END: SIDEBAR */

/*----------- BEGIN: CONTENT AREA STYLES -------------*/

div.alert {
font-weight: bold; 
color: red;
text-align: center; 
border: 4px solid red;
margin-bottom: 15px;
padding: .2em;
}
div.alert a:link {
color: red;
text-decoration: none;
}
div.alert a:visited {
color: red;
text-decoration: none;
}
div.alert a:hover {
color: #66c;
text-decoration: underline;
}
div.alert a:active {
color: red;
text-decoration: none;
}

div#innerleft {
/*background-color: #CC0000;*/
float: left;
width: 370px;
/*position: relative; removing this fixed the drop-down layer problem*/
z-index: 0;
} /*holds the welcome box, news, health info to the left*/

div#welcome {
background-color: #fff; 
width: 351px;
border: 2px solid #339;
margin-right: 15px;
z-index: 1;
}
div#welcome h4 {
background-color: #339;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
padding: 4px;
}
div#welcome p {
font-size: .75em;
padding: 4px;
/*line-height: 1.4em;*/
}
div#welcome ul {
float: left;
font-size: .75em;
margin: 0 0 0 10px;
list-style: disc;
list-style-position: inside;
/*padding: 0 0 0 4px;*/
/*background-color: #339933;*/
}
div#welcome ul.listleft {
width: 175px;
}
div#welcome ul.listright {
width: 145px;
}
div#welcome li {
padding: 1px 0;
/*background-color: #FFFF00;*/
}
.pointer {
text-align: center;
}
.pointer img {
vertical-align: middle;
}

div#news {
/*background-color: #66CC33;*/
width: 170px;
float: left;
margin-right: 15px;
}
div#news h4 {
padding: 10px 0 6px 0;
color: #66c;
font-size: 1em; 
}
div#news p {
font-size: .75em;
padding: 0 0 .6em 0;
/*line-height: 1.4em;*/
}

div#health {
/*background-color: #FF99FF;*/
width: 170px;
float: left;
}
div#health h4 {
padding: 10px 0 6px 0;
color: #66c; 
font-size: 1em;
}
div#health h5 {
font-size: .8em;
/*padding: .4em 0 0 0;*/ 
}
div#health p {
font-size: .75em;
padding: 0 0 .7em 0;
/*line-height: 1.4em;*/
} /*may need to change padding to be above H tags, and not below p tag*/

div#events {
/*background-color: #FFCC33;*/
width: 170px;
float: left;
/*margin-left: 370px;*/
}

div#affiliates {
/*background-color: #999966;*/
width: 540px;
}
div.btmnav {
text-align: center;
font-size: .8em;
color: #66c;
padding: 4px 0 0 0;
}
div.btmnav a:link {
color: #66c;
}
div.btmnav a:visited {
color: #66c;
}
div.btmnav a:hover {
color: #66c;
text-decoration: underline;
}
div.btmnav a:active {
color: #66c;
}

div#VU {
width: 169px;
height: 81px;
}
div#VU2 {
width: 169px;
height: 81px;
}
div#VU3 {
width: 169px;
height: 81px;
}

/*--------------- END: CONTENT AREA STYLES --------------------*/


/*----- IE Hacks ------*/
/*html div#homenav ul {
	float: left;
	/*add first-child part here*/
/*	margin: 0 10px; /*put in half the left-right margins of the ul*/
/*}

/*----- end ie hacks -----*/