/* Imagine Health */
/* Designed by Kristen Murphy (juniper at purplelagoon dot org) */

/* NOTE: See iestyle.css for Internet Explorer 5 and 6 hacks. */


/* ============== */
/* PAGE STRUCTURE */
/* ============== */

body {
	margin:0;
	padding:0 0 0 170px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-color: #C8E9ED;
	min-width:600px; /* add this to padding to get the actual min-width */
	/* IE5.x uses this */
	font-size: x-small;
	/* IE5.x is confused by this */
	voice-family: "\"}\"";
  	voice-family: inherit;
	/* Modern browsers use this */
  	font-size: small;
}

#container {
	background-color:#FFFFFF;
	float:left;
	width:100%;	
	border-left:170px solid #C8E9ED; /* The width and color of the menu column */
	margin-left:-170px;
	display:inline; /* So IE plays nice */
}

#content {
	float:left;
	width:100%;
	margin-right:-100%;
}

#header, #footer {
	margin-left:-170px;
	margin-right:0;
	clear:both;
}



/* ========= */
/* MAIN MENU */
/* ========= */

#menu {
	float:left;
	width:170px;
	margin-left:-170px;
	position:relative;
 	font-size:150%;
}

#menu a {
 cursor: pointer;
}

ul.mainmenu, ul.mainmenu ul {
 width: 170px;
 padding-left: 0px;
 cursor: default;
 margin-left: 0px;
 text-align: left;
}

ul.mainmenu li {
 list-style-type: none;
 position: relative;
 padding-top: 5px;
 padding-bottom: 10px;
 padding-left: 10px;
 width:160px;
 background-color:#C8E9ED;}

ul.mainmenu li:hover {
 background-color:#AD7F2C;
}

ul.mainmenu li a {
 font-size: 95%;
 color: #AD7F2C; 
 text-decoration: none;
}

ul.mainmenu li:hover a {
  color:#C8E9ED;
}

ul.mainmenu li a:hover {
 text-decoration: underline;
}

#ie7andup ul.mainmenu {
 position:relative; /* fixes IE7 disappearing list background bug */
}


/* ========== */
/*   BANNER   */
/* ========== */

#banner	{
	width: 100%; height: 100px;
	z-index:50;
	margin: 0; padding: 0;
	background-color: #FFFFFF;
	border-bottom: 2px solid #C8E9ED;
}


#logo {
	width:300px; height:100px;
	margin:0; padding:0;
	background: url(/images/imaginelogo.png) top left no-repeat;
	float:left;
}



/* ====== */
/* FOOTER */
/* ====== */

#footer { 
	width: auto;
	height:44px;
	clear:both;
	padding-top:5px;
	text-align:center;
	font-size:90%;
}



/* =========== */
/*    LISTS    */
/* =========== */


ul.nobullet {
  list-style-type:none;
  font-size: 100%;
  padding:0px;
  margin:0px 0px 0px 20px; }
  
ul.nobullet li ul li {
  list-style-type:square;
  font-size: 100%;
}
  
ul.iconBullet {
  list-style-type:none;
  font-size: 100%;
  margin:0px;
  margin-top:10px;
  padding:0px; }

ul.iconBullet li {
  list-style-type:none;
  margin-left:17px;
  padding: 5px 5px 5px 34px; }

ul.iconBullet li.pdfIcon {
  background-image:url(/images/pdficon_small.gif);
  background-repeat:no-repeat;
  background-position:0px 4px; }
  
ul.bullet {
  list-style-type:square;
  font-size: 100%;
  margin:0px;
  margin-top:10px;
  padding:0px; }

ul.bullet li {
  list-style-type:square;
  margin-left:50px;
  padding: 5px 5px 5px 0; }


/* =================== */
/* TEXT AND MISCELLANY */
/* =================== */

#content a:link, #footer a:link { color:#8E8B34; text-decoration:underline; }
#content a:visited, #footer a:visited { color:#8E8B34; text-decoration:underline; }
#content a:hover, #footer a:hover { color:#FFFFFF; text-decoration:none; background-color:#8E8B34; }
#content a:active, #footer a:active {color:#FFFFFF; text-decoration:none; background-color:#8E8B34; }

img {
 display: block;
 border: 0;
}

img.right {
 float:right;
 margin: 20px 10px 5px 10px;
 border: 1px solid #000000;
}

p {
 padding-left:5px;
 padding-right:5px;
}

h1 { 
 font-size:150%;
 font-weight:bold;
 padding-top:10px;
 padding-left:5px;
}

h2 {
 font-size:110%;
 font-weight:bold;
 padding-left:5px;
}

h3 {
 font-size:100%;
 font-weight:bold;
 padding-left:5px;
}

.lead {
 font-size:115%;
 font-weight:bold;
}

.returntarget {
	font-size: 85%;
	line-height:300%;
	vertical-align:top;
	margin-left:5px;
}

td {
 padding-left:20px;
 padding-right:20px;
}


/* END OF FILE */