/*
-----------------------------------------------
A style sheet inspried derived from TRANAKA ISLAND ESTATES LLC
Author:   Douglas Bowman
Modified a lot by lIsa link adding in code by Victor and help from Michael
----------------------------------------------- */
/*	QuickFind:
	=General Page
	=general typography
     =YSN top navigation
	 =Header
	 =Nav
	 =Two column layout
	 =major content styles
	 =minor content stylesv
	 =Footer
	 ----------------------------------------------
*/

/*  mf edits  -   changed image paths to root-relative ../  to /aprnet/  Otherwise files in any subdirectories will break

/* =General Page 
---------------------------------------------------------------------------------------------- */
body {
	margin:0;
	padding:10px;
	font:small Verdana,Sans-serif;
	color:black;
	background-color: #333333;
}
#content-minor h1 a {
	color: #FFFFFF;
	text-decoration: none;
}

a {
  color:#FFFFFF;
}
a:visited {
	color: #5E2E04;
	text-decoration: none;
}

a:link {
	color: #5E2E04;
	text-decoration: none;
}

a:hover {
	color:# b47856;
	text-decoration: underline;
}

a img {
	border-width:0;
	color: #F06D39;
}

h1, h2, h3, ul, li, form {
  margin:0;
  padding:0;
}

ul, li {
  list-style:none;
}
ul.resources {
	padding-bottom: 15px;
	padding-left: 15px;
	list-style-type: disc;
}
ul.resources li {
	padding-left: 5px;
	list-style-type: disc;
}
#outerpage{
	width:844px;
	margin:0 auto;
	background-color: #CC6600;
  }/* seems to keep in in the center */
  
#innerpage {
	float:left;
	width:820px;
	padding:10px;
	font-size:85%;
	line-height:1.5em;
	color:#333333;
	background-color: #FFFFFF;
	border-width: 1px 3px 3px 1px;/* drop shadow border */
	border-style: solid;
	border-color: #666666;
  }



/* =general type
---------------------------------------------------------------------------------------------- */
h2 {
	font-size:130%;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}
h2.resources {
	padding-bottom: 15px;
}
h3 {
	font-size:100%;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-size: 120%;
	line-height: 120%;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 160%;
	padding-bottom: 10px;
}

h1 img {
  display:block;
}
  
p {
  margin:0 0 .75em;
}

table{
	width: 100%;
/*    border;*/
	border-width: thin  thick  thick  thin;
	border-style: solid;
	border-color: #112C50;
    background: #ffffff;
}

table caption {
	margin:0;
	padding: 8px 20px 8px 8px;
	text-align: left;
	color: #112C50;
	font-weight: bolder;
	border-top-width: thin;
	border-right-width: thick;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #112C50;
	border-right-color: #112C50;
	border-left-color: #112C50;
}

table th, table td {
	margin: 0;
	padding: 8px 20px 8px 8px;
	text-align: left;
	border-bottom: 1px solid #333333
}

table th {
	color: #333333
}

table .name {
	text-align: left;
}

table td a {
	display: block;
	font-weight: bold;
}

.largeblue {
	font-size: 160%;
	line-height: 24px;
	font-weight: normal;
	color: #839BBB;
}

.largegrey {
	font-size: 160%;
	line-height: 24px;
	font-weight: normal;
	color: #999999;
}

.articletitle {
	font-weight: normal;
}

.publicationtitle {
	font-style: italic;
}

.headline {
  display:block;
  color:#333333;
}

/* =YSN top navigation
----------------------------------------------- */


#ysn
{
	float:left;
	width: 790px;
	width: 100%; 
	background-color: #FFFFFF;
	background-position: 0 0;
  }
  
#ysn img {
	float:left;
	margin-top: 5px;
	margin-left: 10px;
  }

#ysn ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.1em;
	padding: 0;
	margin: 16px 0 0 0;
	float: right;
}

#ysn ul li { 
	display: inline;
}

#ysn ul li a {
	color: #002B51;
	text-decoration: none;
	padding: 0px 5px;
	float: left;
	border-right: 1px solid #002B51;
}

#ysn ul li a:hover {
	color: #BF582F;
}

#ysn ul li a:active { 
	color: #BF582F; 
}

#ysn ul li a.last { 
	padding-right: 8px;
	border: none;
}






/* =Header
----------------------------------------------- */
#header {
	float:left;
	width:820px;
	padding:10px 0 0;
	background-color: #354E64;
	background-position: 0 0;
	width: 820px;
	background-image: url(images/quilt_logo.jpg);
	background-repeat: no-repeat;
  }
#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #354E64;
	font-size: 200%;
	text-align: left;
	padding-top: 10px;
	line-height: 130%;
	padding-left: 50px;
	margin-left: 50px;
	padding-bottom: 60px;
}
  
#header img {
	margin-top: 0;
	margin-right: 50;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-right: 50px;
}


/* =Nav
----------------------------------------------- */
#navwrap {
	float: left;
}

#nav {
	float:left;
	width:670px;
	list-style:none;
	background-color: #A3A056;
	background-position: 0 0;
	margin: 0 0 0px 0;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0D1319;
	border-bottom-color: #0D1319;
	padding: 0 0 0 150px;
}
header.img {
	margin-left: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
  
#nav li {
	background:none;
	display:inline;
	padding:0;
}

#nav li a, #nav li strong {
	float:left;
	width:auto;
	padding:5px 9px 3px;
	color:#0D1319;
	text-decoration:none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0D1319;
	border-left-color: #354E64;
}
  
#nav li strong {
	color:#fff;
	background-color: #2C3033;
}

#nav li a strong {
  padding:0;
  border-width:0;
}
  
#nav li a:hover {
	border-left-color:#354E64;
	color:#000000;
	background-color: #DFD975;
}


/* =Two column layout
----------------------------------------------- */
#content {
	float:left;
	width:820px;
	background-color: #354E64;
}
  
#content-major {
	float:left;
	width:52%;
	margin-left: 30px;
	background-color: #FFFFFF;
	margin-top: 15px;
	padding: 10px;
	margin-bottom: 30px;
}
 
  
#content-minor {
	float:right;
	width:28%;
	margin-left: 0px;
	margin-right: 15px;
	background-color: #FFFFFF;
	margin-top: 15px;
	padding: 5px;
	margin-bottom: 15px;
	border: 10px solid #9BA7B2;
}
#content-minor h1 {
	color: #FFFFFF;
	background-color:#9BA7B2;
	font-size: 160%;
	margin-bottom: 10px;
	padding: 5px;
}


/* =major content styles
----------------------------------------------- */

 #content-major h2, h1, h3 {
	color: #354E64;
 }
 
  
ul.major {
	margin: 5px 10px 5px 45px;
	padding-top: 0px;
	padding-right: 0;
}
#content-major h1 {
	color: #354E64;
	font-size: 160%;
	padding: 5px;
	margin-bottom: 15px;
}

ul.major li  { /*-- use this instead and ditch the inline calls for li class=major	*/
/*li.major {*/
	list-style-image: url(/aprnet/img/bullet_grey.gif);
	padding-bottom: 8px;
}

ol.majoro {
	margin: 5px 10px 5px 45px;
	padding-top: 0px;
	padding-right: 0;
    }

.bold {
	font-weight: bolder;
}
	
li.majoro {
	padding-bottom: 8px;
	line-height: normal;
	list-style-type: decimal;
  }





  
  /* =minor content styles
----------------------------------------------- */
 #content-minor  h2 {
	color: #354E64;
	font-size: 120%;
	margin-top: 10px;
  }
  
#content-minor  img {
	margin-bottom: 10px;
	display: block;
	margin-top: 10px;	
}

#content-minor  p {
	color: #333333;
	font-size: 100%;
	line-height: 100%;
}
content_minor a:visited, a:active, a:hover, a {
	font-size: 100%;
	line-height: 100%;
	color: #333333;
}
content_minor a:active, a:hover {
	color: #b47856;
	text-decoration: underline;
}

content_minor    a {
	color: #5E2E04;
	text-decoration: none;
  }
  content_minor  a:visited {
    color:#5E2E04;
	text-decoration: none;
  }
#content-minor  ul {
	color: #333333;
	margin-top: 0.75em;
	margin-left: 1.5em; 
}

#content-minor li {
  width:190px;
  padding:0;
}

#content-minor li a {
	display:block;
	width:158px;
	padding:3px 10px 3px 21px;
	text-decoration:none;
	color:#5E2E04;
	background-image: url(/ctendoflifecare.org/images/bullet_grey.gif);
	background-repeat: no-repeat;
	background-position: 6px 15%;
}

#content-minor li a:hover {
	color: #b47856;
	text-decoration: underline;
}

#content-minor blockquote {
	text-indent:-0.5em;
	margin: 0px;
	padding: 0 0 0 .5em;
}

/* =Footer
----------------------------------------------- */
#footer {
	float:none; /* Dreamweaver needs this, better browsers tolerate it from Victor's footer*/
	float: none; /* IE 6 needs this from Victor's foote */
	clear: both;
	width: 800px;
	background-color: #354E64;
	padding: 15px 10px 60px 10px;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #A3A056;
}
  
#footer hr {
	display: none;
	clear: both;
}
  
#footer p {
	text-align:center;
	color:#A3A056;
	font-size: 90%;
	padding: 5px 10px 10px 10px;
	line-height: normal;
}

#footer a {
  	color:#5E2E04;
	text-decoration: none;
}

#footer img {
	float: left;
	padding-right: 50px;
	margin-left: 15px;
}
