/*	This CSS File is intended to replace the standard stylesheet	*/
/*	for all Index Sites, Bringing A Sense Of Order To The Chaos.	*/

/*
	Format of this file
	-=-=-=-=-=-=-==-=-=-
	
	This file is split into the 7 logical areas of the site and it's 'sub areas'.
	 
	+-------------------------------------+
	| 1	                                  |
	|                                     |
	+----+-+-----------------------+-+----+
	| 2  |3| 4                     |5| 6  |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	|    | |                       | |    |
	+----+-+-----------------------+-+----+
	| 7                                   |
	+-------------------------------------+
	
	1. #header			
	2. #leftContent
	3. #leftSpacer
	4. #mainContent
	5. #rightSpacer
	6. #rightBar
	7. #footer

	Other sections are defines as required through out this file, 
						however these main areas are marked within.

	Generic overall styles should be applied at the beginning of this file.
	
	Styles for print media are defined at the end of the file.

*/

body
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: small; 
		color: #000000;
		background-color: #FFFFFF;
		/* background-image: url("../images/background.gif"); */
		/* background-repeat: repeat; */
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center; /* For alignment in MS IE */
	}
body table
	{ 
		margin-left: auto; /* For alignment in all other browsers */
		margin-right: auto;
	}
.smaller
{
		font-size: x-small; 
}	
a	
	{
		text-decoration: none;
	}
a:link 
	{ 
		color: #006699;
	} 
a:visited 
	{ 
		color: #006699;
	} 
a:hover 
	{ 
		color: #336699;
	}
a:active
	{
		color: #006699;
	}	

#header
	{
		text-align: left;
		background-color: #000000;
		width: 80%;
		border-bottom: 1px solid #ffffff;
	}
#header td
	{
		height: 59px;
	}	
#header img
	{
		border: 0px;
	}		
#logo
	{
	
	}
#mainTable
	{
		background-color: #FFFFFF;
		width: 80%;
	}
#leftContent
	{
		border-right: 0px solid #FFFFFF;
		border-left: 0px solid #FFFFFF;
		background-color: #E8E8E8;
		font-size: 80%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	}

/* Navigation Link Styles */
	
.nav {font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight: bolder;} 
a.nav:link {color: #ffffff;}
a.nav:visited {color: #ffffff;}
a.nav:hover {color: #ffffff;}
a.nav:active {color: #ffffff;}

.activenav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight: bolder;} 
a.activenav:link {color: #ffffff;}
a.activenav:visited {color: #ffffff;}
a.activenav:hover {color: #ffffff;}
a.activenav:active {color: #ffffff;}

.subnav {font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; } 
a.subnav:link {color: #000000;}
a.subnav:visited {color: #666666;}
a.subnav:hover {color: #000000;}
a.subnav:active {color: #000000;}

.activesubnav {font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;} 
a.activesubnav:link {color: #000000;}
a.activesubnav:visited {color: #666666;}
a.activesubnav:hover {color: #000000;}
a.activesubnav:active {color: #000000;}

.locked {
			color: #808080; 
			text-decoration: line-through;
			font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bolder;
		}

.topLocked {
			text-decoration: line-through;
			font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bolder;
			color: #ffffff;
		}
		
#linksheader
	{
		line-height: 16px;
		border-bottom: 2px solid #E8E8E8;
		border-top: 1px solid #E8E8E8;
	}
	
#linksheader td
	{
		width: 100%;
		/* background-image: url("../images/header_middle.gif"); */
		/* background-repeat: repeat; */
		line-height: 0px;	
	}	
#cattable
	{
		border-bottom: 1px solid #ffffff;
		width: 100%;
	}
#cattable div
	{
		border-top: 1px solid #ffffff;
		font-size: small;
		white-space: nowrap;
		/*padding-bottom: 3px; 
		padding-top: 1px; */
		line-height: 20px;
		vertical-align: middle;
		background-color: #336699;		
	}
#cattable div, #cattable div img
	{
		vertical-align: top;
	}
#cattable div div
	{
		border-top: 1px solid #ffffff;
		margin-left: 0px;
		white-space: nowrap;
		/* padding-bottom: 3px; 
		padding-top: 1px; */
		line-height: 20px;
		background-color: #E8E8E8;
	}
#cattable div div div
	{
		margin-left: 1em;
		border: 0px solid green;
	}
#search
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px; 
		text-decoration: none;
		border-bottom: 1px solid #ffffff;
	}
#searchheader
	{
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		text-decoration: none;	
		background-color: #cccccc;
	}
#searchheader td
	{
		width: 100%;
		line-height: 20px;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
#searchmain
	{
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; 
		padding-top: 4px;
		background-color: #cccccc;
		font-size: 10px; 
	}
#searchmain td
	{
		text-align: left;
	}

#login
	{
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		text-decoration: none;
		background-color: #cccccc;
		border-bottom: 1px solid #ffffff;
	}
#loginheader
	{
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		text-decoration: none;	
		background-color: #cccccc;
		
	}
#loginheader td
	{
		width: 100%;
		line-height: 20px;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
#loginmain td
	{
		padding-top: 4px;
		text-align: left;	
	}		
#syndication
	{
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		text-decoration: none;
		background-color: #cccccc;
		border-bottom: 1px solid #ffffff;
	}
#syndicationheader
	{
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		text-decoration: none;	
		background-color: #cccccc;
	}
#syndicationheader td
	{
		width: 100%;
		line-height: 20px;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;				
	}	
#syndicationmain
	{	
	}
#syndicationmain td
	{
		padding-top: 4px;
		text-align: left;
		line-height: 20px;
	}
#endline tr td
	{
		width: 100%;
	}
#leftSpacer
	{
		width: 20px;
	}		
#rightSpacer
	{
		width: 20px;
	}	
#mainHeader
	{
		text-align: right;
		background-image: url("../images/top_background.jpg");
		line-height: 0px;
	}
#mainContent
	{
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	}
.printButton
	{
		text-align: right;
 		padding: 0;
 		vertical-align: middle;
		line-height: 100%;
		font-weight: 900;
		font-size: x-small;
	}
.printButton a img
	{
		border: 0;
		width: 16px;
		height: 16px;
	}
#mainContent .breadcrumb
	{
		font-size: x-small;
	}
#mainContent H1
	{
		text-align: left;
		font-size: large;
		color: #000000;
		margin: 0px;
	}
#mainContent H2
	{
		text-align: left;
		font-size: medium;
		color: #000000;
		margin: 10px 0px 10px 0px;
	}
#mainContent H3
	{
		text-align: left;
		font-size: small;
		font-weight: bold;
		color: #000000;
		margin: 0px;		
	}
#mainContent .intro
	{
		text-align: left;
		color: #000000;
		margin: 10px 0px 10px 0px;
	}
#mainContent p
	{
		text-align: left;
		margin: 5px 0px 5px 0px;
		font-size: small;
	}
#mainContent li
	{
		text-align: left;
	}			
#mainContent .thumbnail
	{
		float: left;
		text-align: right;
		padding: 3px 3px 0px 3px;
		margin-right: 3px;
		border: 1px solid #000000;
	}
#mainContent .thumbnail a img
	{
		border: 0px;
	}
#mainContent .linebreak
	{
		clear: both;
	}
#mainContent ul
	{
		list-style: disc outside url(../images/indent.gif); 
		text-indent: 0; 
		margin-left: 0;
		padding-left: 21px;
		margin-bottom: 5;
		margin-top: 0;
		font-style: italic;
		font-size: small;		
	}
#mainContent em 
	{
		font-style: normal; 
		font-weight: bold;
	}
#mainContent cite 
	{
		font-style: italic;
	}
#mainContent .documentDetails
	{
		background-image: url("../images/gray.gif");
		background-repeat: repeat;
		font-size: x-small;
		font-style: italic;
	}
#mainContent .publishOn
	{
		width: 30%;
		text-align: left;
	}
#mainContent .memberOf
	{
		width: 40%;
		text-align: center;
	}
#mainContent .author
	{
		width: 30%;
		text-align: right;
	}
#mainContent .intro
	{

	}
#mainContent .pullquote
	{
		background-image: url("../images/quote.gif");
		background-repeat: repeat;
		font-style: italic; 
		font-weight: bold;
		font-size: small;
		float: right;
	}
#mainContent .itemImages
	{
		background-image: url("../images/gray.gif");
		background-repeat: repeat;
		float: right;	
		width: 10px;
	}

#mainContent .paragraphImagesRight
	{
		background-image: url("../images/gray.gif");
		background-repeat: repeat;
		float: right;
		width: 10px;	

	}

#mainContent .paragraphImagesLeft
	{
		background-image: url("../images/gray.gif");
		background-repeat: repeat;
		float: left;
		width: 10px;	
	}
#mainContent .caption
	{
		font-size: x-small;
	}		
#pages
	{
		background-image: url("../images/gray.gif");
		background-repeat: repeat;
		font-size: small; /* this is a work around for netscape bug */
		
	}
#rightBar
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-color: #E8E8E8;
		font-size: 80%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 130px;
	}
#rightHeader
	{
		line-height: 16px;	
	}
#rightHeaderRow td
	{
		width: 100%;
		/* background-image: url("../images/header_middle.gif"); */
		/* background-repeat: repeat; */		
		line-height: 0px;		
	}		
#rightBar .tasterCategory
	{
		/* background-image: url("../images/mid_gray.gif"); */
		/* background-repeat: repeat; */
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		text-align: center;
		padding: 0px 5px 0px 5px; 
	}
#rightBar .taster
	{
		text-align: left;
		width: 100%;
		padding: 0px 5px 0px 5px;
		background: #e8e8e8;
	}
#rightBar .thumbnail
	{
		float: left;
		height: 45px;
		width: 45px;
		border: 1px solid #000000;
		text-align: right;
		padding: 3px 3px 3px 3px;
		margin: 3px 3px 0px 0px;
	}
#rightBar h1
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: small;	
		color: #006699;
		margin: 0px;
	}	
#rightBar h2
	{
		text-align: left;
		font-size: small;
		color: #000000;
		margin: 0px 0px 5px 0px;
	}
#rightBar h3
	{
		text-align: left;
		font-size: 110%;
		color: #000000;
		margin: 0px;
		font-weight: 700;
	}
#rightBar h4
	{
		text-align: left;
		font-size: 100%;
		color: #000000;
		margin: 0px;		
	}
#rightBar .intro
	{
		text-align: left;
		font-size: 100%;
		color: #000000;
		margin: 0px;
	}
#rightBar P
	{
		text-align: left;
		margin: 0px 0px 0px 0px;
	}	
#footer
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: x-small; 
		color: #FFFFFF;
		background-color: #000000;
		height: 20px;
	}
	
/* Style For Advanced Search Page and Results */

#searchform
	{
		border: 0px solid #FFFFFF;
	}
#searchLeftCol{
	text-align: right;
}
#searchform table td
	{
		background: #F0F0F0;
		padding: 4px;
	}
#searchform table .separate td{
	background: #FFFFFF;
	height: 5px;
}
#searchform a img
	{
		border: 0px;
	}


/* Miscellanious Styles */

.codeblock
	{
	border: solid 2px #FF0000;
	padding: 1em;
	}
.headline
	{
		height: 6.5em;
		position: absolute;
		clip: rect(0 100% 6em 0);
		overflow: hidden;
	}
#headlinescroller
	{
		border-top: 1px solid #E6E6FF;
		border-bottom: 1px solid #E6E6FF;
		height: 8em;
		overflow: hidden;
		color: #333366;
		font-size: 9pt;
		margin: 0 .5em;
	}
layer
	{
		color: #333366;
		font-size: 9pt;
	}
	
.access{
	text-decoration: underline;
}

.warning{
	color: #FF0000;
	font-weight: 900;
}

.treeButton{
	border: 0;
	width: 11px;
	height: 11px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/*	Index Standard Print Area	*/

@media print
	{
		body
			{
				background: #FFFFFF;
			}
		#header
			{
				background-color: #000000;
			}
		#header td
			{
				height: 59px;
				background-color: #000000;
			}	
		#header img
			{
				border: 0px;		
			}
		#mainTable
			{
				background-color: #FFFFFF;
				width:100%;
			}	
		#leftContent,	#endline tr td, 
						#leftSpacer, 
						#rightSpacer, 
						#mainHeader, 
						.printButton, 
						.printButton a img, 
						#mainContent .breadcrumb,
						#pages,
						#rightBar,
						#rightHeader,
						#footer
			{
				display: none;
			}
		#mainContent
			{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				margin-right: 0px;
				margin-left: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
				padding: 0px;
				width: 100%;
			}
		#mainContent ul
			{
				page-break-inside: avoid;
			}
		#mainContent H1
			{
				text-align: left;
				font-size: large;
				color: #CC9900;
			}
		#mainContent H2
			{
				text-align: left;
				font-size: medium;
				color: #000000;
				margin: 10px 0px 10px 0px;
			}
		#mainContent H3
			{
				text-align: left;
				font-size: small;
				color: #000000;
				margin: 0px;		
			}
		#mainContent .intro
			{
				text-align: left;
				color: #000000;
				margin: 10px 0px 10px 0px;
			}
		#mainContent P
			{
				text-align: left;
				margin: 10px 0px 10px 0px;
			}
		#mainContent li
			{
				text-align: left;
			}			
		#mainContent .thumbnail
			{
				float: left;
				text-align: right;
				padding: 0px 3px 0px 0px;
				margin: 10px 0px 0px 0px;
			}
		#mainContent .linebreak
			{
				clear: both;
			}
		#mainContent .documentDetails
			{
				background-image: url("../images/gray.gif");
				background-repeat: repeat;
				font-size: x-small;
				font-style: italic;
			}
		#mainContent .publishOn
			{
				width: 30%;
				text-align: left;
			}
		#mainContent .memberOf
			{
				width: 40%;
				text-align: center;
			}
		#mainContent .author
			{
				width: 30%;
				text-align: right;
			}
		#mainContent .intro
			{

			}
		#mainContent .pullquote
			{
				background-image: url("../images/quote.gif");
				background-repeat: repeat;
				float: right;
				page-break-inside: avoid;
			}
		#mainContent .itemImages
			{
				background-image: url("../images/gray.gif");
				background-repeat: repeat;
				float: right;	
				width: 10px;
				page-break-inside: avoid;
			}

		#mainContent .paragraphImagesRight
			{

				background-image: url("../images/gray.gif");
				background-repeat: repeat;
				float: right;	
				width: 10px;
				page-break-inside: avoid;
			}

		#mainContent .paragraphImagesLeft
			{
				background-image: url("../images/gray.gif");
				background-repeat: repeat;
				float: left;	
				width: 10px;
				page-break-inside: avoid;			
			}
		#mainContent .caption
			{
				font-size: x-small;
			}
	}