@import url(../reset.css);
@import url(base.css);
@import url(typography.css);

.fllft { float: left; }
.flrgt { float: right; }
.cllft { clear: left; }
.clrgt { clear: right; }
.clbth { clear: both; }

div div.container { position: relative; overflow: visible; margin: 0px auto; padding: 0px; width: 954px; }

div#header { width: 100%; height: 227px; margin: 0px; padding: 0px; background: #fff url(../../images/shared/bg-top-rpt.gif) repeat-x top left; }
	div#header div.container { position: relative; height: 227px; background: url(../../images/shared/bg-top-center.gif) no-repeat top center; }
div#content { width: 100%; margin: 0px; padding: 0px; left: 0px; top: 227px; background: #fff; }
	div#content div.container { padding: 0px 0px 40px 0px; background: #fff; overflow: visible;}
div#footer { width: 100%; height: 187px; margin: 0px; padding: 0px; background: #ababab url(../../images/shared/bg-btm-rpt.gif) repeat-x top left; }
	div#footer div.container { position: relative; text-align: center; }
	
h1 { position: absolute; width: 264px; height: 128px; margin: 0px 0px 0px 20px; padding: 0px; text-indent: -999999px; left: 0px; top: 82px; background: url(../../images/shared/kioku-study-logo.png) no-repeat center center; }
	h1 a { display: block; width: 264px; height: 128px; }
	
ul.utils { position: absolute; right: 0px; top: 161px; width: 248px; height: 42px; margin: 10px 0px 0px 0px; padding: 0px; background: #fff url(../../images/shared/bg-ul-utils.gif) no-repeat bottom center; }
	ul.utils li { display: inline; margin: 0px; padding: 0px; font-weight: bold; }
		ul.utils li a { display: block; height: 26px; margin: 0px; padding: 0px 16px; float: left; }

div#main-nav { width: 240px; height: 366px; margin: 0px; background: #fff url(../../images/shared/bg-main-nav.gif) no-repeat top center; }
	div#main-nav h3 { text-indent: -999999px; display: block; width: 200px; margin: 0px 20px 0px 20px;}
		div#main-nav h3#patients-caregivers { height: 38px; background: #e8e8e8 url(../../images/shared/nav-patients-caregivers.gif) no-repeat center center; }
		div#main-nav h3#physicians { margin-top: 10px; height: 20px; background: #e8e8e8 url(../../images/shared/nav-physicians.gif) no-repeat center center; }
		div#main-nav h3#add-info { margin-top: 10px; height: 38px; background: #e8e8e8 url(../../images/shared/nav-add-info.gif) no-repeat center center; }
	div#main-nav ul { margin: 0px 20px 0px 20px; padding: 4px 0px; width: 200px; }	
		div#main-nav ul li { list-style-type: none; margin: 0px; width: 200px; }
			div#main-nav ul li a, div#main-nav ul li a:visited { display: block; width: 100%; height: 100%; padding: 5px 0px 5px 40px; width: 159px; background: #fff; border-right: solid 1px #fff; border-bottom: solid 1px #fff; }
			div#main-nav ul li.pdf-item a, div#main-nav ul li.pdf-item a:visited { width: 133px; padding: 5px 26px 5px 40px; background: #fff url(../../images/shared/icon-pdf.gif) no-repeat 172px center; }
					div#main-nav ul li a:hover { display: block; width: 100%; height: 100%; padding: 5px 0px 5px 40px; width: 159px; background: #efe5d2; border-right: solid 1px #c29a50; border-bottom: solid 1px #c29a50; color: #666; text-decoration: none;  }
								div#main-nav ul li.pdf-item a:hover { width: 133px; padding: 5px 26px 5px 40px; background: #efe5d2 url(../../images/shared/icon-pdf.gif) no-repeat 172px center; }

div#callout { width: 194px; height: 193px; margin: 0px; background: #fff url(../../images/shared/bg-callout.gif) no-repeat top center; }
	div#callout dl { width: 154px; margin: 0px 20px; padding: 0px; text-align: center; font-weight: bold; color: #666666; font-size: 13px; line-height: 20px; }
	div#callout dl dt, div#callout dl dd { width: 134px; margin: 0px; padding: 20px 10px; }
		div#callout dl dt { background: #efe5d2 url(../../images/shared/bg-callout-top.gif) repeat-x bottom left; }
		div#callout dl dd { margin: 0px; padding: 0px; width: 154px; font-size: 12px; }
			div#callout dl dd a { display: block; width: 134px; height: 100%; padding: 20px 10px; }

h2 { height: 30px; margin: 40px 214px 16px 260px; padding: 8px 0px 0px 18px; text-indent: 0px; background: url(../../images/shared/bg-h2.gif) no-repeat center left; }			
h2.first { margin: 0px 214px 16px 260px; }

div#content img { margin: 0px 0px 20px 20px; border: solid 4px #c1984d; float: right; }

div#content p { margin: 0px 214px 16px 260px; line-height: 24px; }
	div#content p.indent { text-indent: 18px; `}
	div#content p.indent a { line-height: 4px; }
	div#content p.ul-title, div#content p.ol-title { margin: 0px 214px 0px 260px; }

div#content ul.content-ul, div#content ol { margin: 0px 214px 0px 260px; padding: 0px 0px 20px 0px; color: #c1984d; }
	div#content ul.content-ul li, div#content ol li { margin: 0px; padding: 0px 0px 0px 40px; list-style-position: inside; line-height: 24px; }
		div#content ol li { color: #231f20; }
	div#content ul.content-ul li span { color: #231f20; }

/* START site locations page */	
div#locs { width: 480px; height: 420px !important; margin: 0px 0px 0px 260px; padding: 0px; overflow; visible; }
	div#locs ul { width: 160px; margin: 0px; padding: 0px; }
	div#locs ul li { padding: 0px; list-style-type: none; }
	div#locs ul li a { display: block; padding: 10px 0px 10px 40px; }

div#loc-details { width: 480px; min-height: 160px; margin: 10px 214px 16px 260px; padding: 0px; visibility: hidden; }
	div#loc-details h2 { margin: 0px; }
	div#loc-details p { margin: 0px; padding: 0px; text-indent: 40px; line-height: normal; }
	div#loc-details p#co-name { font-weight: bold; }
/* END site locations page */

/* START privacy policy page */
p.address { margin: 0px; padding: 0px 0px 0px 40px; text-indent: 0px; line-height: 10px; }
/* END privacy policy page */

/* START height fix */
div.space { min-height: 200px; }
/* END height fix */
	
div#big-leaf { position: absolute; right: 0px; bottom: -78px; display: block; width: 154px; height: 178px; background: url(../../images/shared/kioku-study-leaf.png) no-repeat center center; }

div#footer ul.ft-utils { width: 248px; height: 86px; margin: 0px auto; background: url(../../images/shared/bg-ft-motif.png) no-repeat bottom center;}
div#footer ul.ft-utils li { display: inline; margin: 0px padding: 0px; font-weight: normal; }
	div#footer ul.ft-utils li a { display: block; margin: 0px; padding: 30px 16px; float: left; }
	/*more on this in typography.css */
	
p.copyright { margin: 30px 0px 0px 0px; text-align: center; }