/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WHOLE PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body 			{background-color: #F1F2D5; margin-top:0px; margin-left:auto; margin-right:auto;}

@media screen
{
	.maintable		{width: 775px;}
}
@media print
{
	.maintable		{width: 100%;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ UKDS TITLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header			{background-color:#F1F2D5; padding:0px 0px 0px 0px;}
.headerspacer	{background-color:#F1F2D5; font-size: 1px;}
 
.bannerleft		{border-top:1px solid #000; border-left:1px solid #000;background-color:#6C6C80; width:193.5px;}
.banner			{border:1px solid #000; border-bottom:0px; border-top:1px; width:388px;}
.bannerright	{border-top:1px solid #000; border-right:1px solid #000; background-color:#6C6C80; width:193.5px;}
.bannerspacer	{background-color:#6C6C80; font-size:1px; border-left:1px solid #000; border-right:1px solid #000; height:16px;}
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAV & FOOTNAV Structure */
#nav, #footnav 				{width:100%; height:15px; border:1px solid #000000;}	
#nav table, #footnav table 	{width:100%;}

#nav .endbord, #footnav .endbord {border-left-style:none;}
.fntop	 {border-bottom: 1px solid #807E94;}
.fnbot	 {border-bottom: 1px solid #181835;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAV & FOOTNAV Links */
#nav a,  #footnav a 		{font-family: helvectiva, arial, verdana; font-size:80%; color:#35283C; padding:0.15em 0.4em 0.15em 0.4em; border-left:1px solid #000000; 	
							 text-decoration: none; text-align: center; display: block;}
							 
#footnav p					{font-family: helvectiva, arial, verdana; font-size:80%; color:#35283C; padding:0.15em 0.4em 0.15em 0.4em; border-left:1px solid #000000;   
							 background-color: #ADB7C6; border-bottom: 1px solid #181835; text-align:center; font-weight:bold;}

#nav a:link,  #nav a:visited, #footnav a:link,  #footnav a:visited 	{background-color: #D8D8EB;}
#nav a:hover, #nav a:active,  #footnav a:hover, #footnav a:active	{background-color: #A4A3BF;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAV Chapter Links */
#nav .intro:link,  #nav .intro:visited 	{background-color: #D8D8EB; border-left-style:none;}	/* ==== Introduction = */
#nav .intro:hover, #nav .intro:active 	{background-color: #A4A3BF;}
#nav .chap1:link,  #nav .chap1:visited 	{background-color: #D4B7EB;}	/* ==== Chapter 1 ==== */
#nav .chap1:hover, #nav .chap1:active 	{background-color: #C794D4;}
#nav .chap2:link,  #nav .chap2:visited 	{background-color: #BEE5C3;}	/* ==== Chapter 2 ==== */
#nav .chap2:hover, #nav .chap2:active 	{background-color: #8AE395;}
#nav .chap3:link,  #nav .chap3:visited 	{background-color: #F5C97D;}	/* ==== Chapter 3 ==== */
#nav .chap3:hover, #nav .chap3:active 	{background-color: #F3B447;}
#nav .chap4:link,  #nav .chap4:visited 	{background-color: #F7F5B7;}	/* ==== Chapter 4 ==== */
#nav .chap4:hover, #nav .chap4:active 	{background-color: #FFFA69;}
#nav .chap5:link,  #nav .chap5:visited 	{background-color: #F5ADA2;}	/* ==== Chapter 5 ==== */
#nav .chap5:hover, #nav .chap5:active 	{background-color: #F57A67;}
#nav .chap6:link,  #nav .chap6:visited 	{background-color: #F2B1CD;}	/* ==== Chapter 6 ==== */
#nav .chap6:hover, #nav .chap6:active 	{background-color: #F27CAF;}
#nav .chap7:link,  #nav .chap7:visited 	{background-color: #B0E0F5;}	/* ==== Chapter 7 ==== */
#nav .chap7:hover, #nav .chap7:active 	{background-color: #7AD2F5;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Other navigation classes */
.start					{border-left: 1px solid #000000; background-color: #FFFFFF;}
.end 					{border-right: 1px solid #000000;}
.noLinkLeft				{background-color:#D8D8EB;}
.noLinkRight 			{background-color:#D8D8EB; border-left:1px solid #000000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CHAPTER TITLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.chapsTitle 	{background-color: #D8D8EB; padding: 3px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 25%;}
.introTitle		{background-color: #D8D8EB; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}			
.chap1Title 	{background-color: #D4B7EB; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}
.chap2Title 	{background-color: #BEE5C3; padding: 10px 3px 1px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}
.chap3Title 	{background-color: #F5C97D; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}
.chap4Title 	{background-color: #F7F5B7; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}
.chap5Title 	{background-color: #F5ADA2; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}
.chap6Title 	{background-color: #F2B1CD; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}
.chap7Title 	{background-color: #B0E0F5; padding: 10px 3px 3px 3px; border: 1px solid #000000; color: #35283C; font-size: 105%; text-align:center; font-weight:bold;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ACTUAL CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table of contents structure */
#tableContents			{line-height: 175%; margin-left: 5px;}
#tableContents div		{margin-left: 20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Pre-table text */
#text					{font-size: 80%; padding: 3px 3px 3px 3px;}
#text h4 				{font-size: 130%; font-weight: bold;}
#text .footnote			{text-indent:-1.9em; padding-left:1.9em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General text and links */
.mainBody				{border:1px solid #000000; border-top-style:none; background-color:#FFFFFF;}
td						{font-family: helvectiva, arial, verdana; font-size: 100%;}
a:link, a:visited		{color: blue; text-decoration: none;}
a:hover, a:active 		{color: black; text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table Content cells */
#text table				{font-size: 85%; width: 100%;}

#text td.footnote		{border-style: none; border: 0px none #FFFFFF;}
#text td 				{border: 1px solid #F7F7F7; padding: 1px 1px 1px 1px;}
#text td.blank 			{border: 1px solid #F7F7F7; font-size: 1%; padding: 1px;}
#text td.topRow 		{border: 0px none #FFFFFF; font-size: 1%; padding: 1px;}
#text td.divider 		{border-top: 1px solid #181835; border-bottom: 1px solid #181835; padding: 1px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table title */
#text .tabTitle			{font-size: 150%; padding-bottom: 10px; font-weight: bold; border: 0px none #FFFFFF;}
#text .tabTitleNumber	{font-size: 140%;}
#text .tabTitleSuper	{font-size: 80%; vertical-align: super;}

.sectionTitle			{font-size: 150%; padding-top: 12px; font-weight: bold; border: 0px none #FFFFFF; text-align: center;}

#text .tableText		{border-style: none;}
#text .bulletTable		{border-width: 0px;}
#text .bulletCell		{border-width: 0px; font-size: 120%;}

.subTitle				{font-size: 125%; font-weight: bold;}
.subTitleSmall			{font-size: 110%; font-weight: bold;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Data cells - Superscripted */
#text td.postR 			{border-left: 0px; padding-left: 0px; text-align: left;}
#text span.super		{font-size: 80%; vertical-align: super;}
#text span.sub			{font-size: 80%; vertical-align: sub;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Data cells - Shaded */
#text td.chap1Text 		{background-color: #E7CAEE; border: 1px solid #E7CAEE;}
#text td.chap2Text 		{background-color: #DAF6DD; border: 1px solid #DAF6DD;}
#text td.chap3Text 		{background-color: #F9E1B7; border: 1px solid #F9E1B7;}
#text td.chap4Text 		{background-color: #FAF9D7; border: 1px solid #FAF9D7;}
#text td.chap5Text 		{background-color: #F5D4CF; border: 1px solid #F5D4CF;}
#text td.chap6Text 		{background-color: #F5D9E5; border: 1px solid #F5D9E5;}
#text td.chap7Text		{background-color: #DFEEF5; border: 1px solid #DFEEF5;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Data cells - Shaded and Superscripted */
#text td.chap1TextR		{background-color: #E7CAEE; border: 1px solid #E7CAEE; border-left: 0px; padding-left: 0px; text-align: left;}
#text td.chap2TextR		{background-color: #DAF6DD; border: 1px solid #DAF6DD; border-left: 0px; padding-left: 0px; text-align: left;}
#text td.chap3TextR		{background-color: #FAF9D7; border: 1px solid #FAF9D7; border-left: 0px; padding-left: 0px; text-align: left;}
#text td.chap4TextR		{background-color: #F9E1B7; border: 1px solid #F9E1B7; border-left: 0px; padding-left: 0px; text-align: left;}
#text td.chap5TextR		{background-color: #F5D4CF; border: 1px solid #F5D4CF; border-left: 0px; padding-left: 0px; text-align: left;}
#text td.chap6TextR		{background-color: #F5D9E5; border: 1px solid #F5D9E5; border-left: 0px; padding-left: 0px; text-align: left;}
#text td.chap7TextR		{background-color: #DFEEF5; border: 1px solid #DFEEF5; border-left: 0px; padding-left: 0px; text-align: left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Non-Data pages (Glossary etc) */
#nonstats				{font-size: 75%; padding: 3px 3px 3px 3px;}
#nonstats h4 			{font-size: 130%; font-weight: bold;}
#nonstats .glos 		{background-color: #D8D8EB; padding: 3px; font-size: 115%; border: 1px solid #eeeeee;}
.glosLink:link,  .glosLink:visited 	{color:#35283C; text-decoration: none; font-weight:bold;}
.glosLink:hover, .glosLink:active 	{color:#000000; text-decoration: underline; font-weight:bold;}

/* END */