/*

.class
#ID

*/


body	{
		background-image: url(/images/bckgrd2.gif);
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: center;
		}


.pageLayout #container { 
		width: 90%;
		background: #FFFFFF;
		margin: 0 auto; 
		border: 1px solid #000000;
		text-align: left;
		overflow: auto;
}


/* HEADER STYLES */

.pageLayout #header { 	
		padding: 10px 20px 10px 15px;
		height: 100px;
		border-bottom: 2px solid #990000;
} 

.pageLayout #pageLogo {
		margin: 2px 1em; 
}

.pageLayout #pageCaption {
		margin: 15px 0 10px 11em; 
		font-size: 16px;
		font-weight: 500;
		color: #990000;
}

.pageLayout #pageTitle {
		margin: 20px 0 10px 7em;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		color: #990000;
}

.pageLayout #nextPage {
		text-align:right;
		padding-right: 10px;
}


/* SIDEBAR STYLES */

.pageLayout #navbar {
	float: left; 
	width: 10em; /* since this element is floated, a width must be given */
	padding: 25px 0px 0px 10px; /* top and bottom padding create visual space within this div  */
}


.pageLayout #navbar h3, .pageLayout #navbar a {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.amazonLink {
	margin-left: 20px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 20px;
}



/* MAIN CONTENT */

.pageLayout #mainContent { 
	margin: 0px 20px 0px 11em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	padding-left: 15px;
	border-left: 2px solid #990000;  
}



/* FOOTER */

.pageLayout #footer {
	margin: 0px 0px 20px 0px; 
	border-top:  2px solid #990000; 
	text-align: center;
} 


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



h1		{
		text-decoration: none;
		font-size: 16pt;
		font-weight: bold;
		color: #990000;
		line-height: 24px;
		}



h2		{
		text-decoration: none;
		font-size: 10pt;
		font-weight: normal;
		color: #0000ff;
		line-height: 16px;
		}
		

h3		{
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #0000FF;
		line-height: 0px;
		}

		

.head 	{
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		line-height: 25px;
		background-color: #990000;
		text-indent: 10px;
		}

th	{
		color: #000099;
		font-size: 12px;
		line-height: 16px;
		}	

.textNoIndent	{
		color: #000099;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		}


.text	{
		color: #000099;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		text-indent: 50px;
		}

.tableText	{
		color: #000099;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		text-align: center;
		}

.tableLeft	{
		color: #000099;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		text-align: left;
		}

.path 	{
		color: #000000;		
		font-family: Courier New, Courier;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		}


.jtext 	{
		color: #000099;
		font-size: 12px;
		font-weight: normal;
		line-height: 22px;
		}
		

.newsheads 	{
		color: #000099;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		line-height: 16px;
		}


.reglink {
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #990000;
		line-height: 20px;
		}

.nextpagelink {
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #990000;
		}			

.top {
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		line-height: 20px;
		}		

			
.systemVars	{
		padding: 10px;
		border-style: solid;
		border-width: 1px;
		margin: 20px;
		background-color: #CCC;
}	

.tomcatTitle	{
		color: #900;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;
		text-indent: 50px;
		font-weight: bold;
}

a:link	{
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #990000;
		line-height: 20px;
		}

a:visited	{
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #990000;
		line-height: 20px;
		}


a:hover	{
		text-decoration: underline;
		font-size: 10pt;
		font-weight: bold;
		color: #000099;
		line-height: 20px;
		}



a:active	{
		text-decoration: underline;
		font-size: 10pt;
		font-weight: bold;
		color: #000099;
		line-height: 20px;
		}

		

a:link.top	{
		text-decoration: none;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		line-height: 20px;
		}



a:hover.top	{
		text-decoration: underline;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		line-height: 20px;
		}



a:active.top	{
		text-decoration: underline;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		line-height: 20px;
		}