/* ******************************************************** */
/* *** Defaults when class or id has not been specified  */
/* ******************************************************** */
body {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10.5pt;
	line-height: 14pt;
	color: #000077;
	background-color: white;
	text-align: justify;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	}
sup {
	vertical-align: 20%;
	}
div, p, ul, ol {
	text-align: justify;
	font-size: 10.5pt;
	line-height: 14pt;
	}
h1 {
	font-size: 18pt;
	}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 14pt;
	line-height: 17pt;
	font-weight: lighter;
	text-align: center;
	}
h3 {
	margin-top: 24px;
	font-size: 13pt;
	margin-bottom: -4px;
	}
h4 {	
	font-size: 12pt;
	text-align: center;
	}
h5 {
	margin-top: 20px;
	font-size: 11pt;
	margin-bottom: 6px;
	}
h6 {
	font-size: 10pt;
	}
h7 {
	font-size: 9pt;
	}
small {
	font-size: 10pt;
	line-height: 13pt;
	}
/* ****************************************************** */
/* *** These classes are under 'style' in the browser editor. Changes also to be made in config.php  */
/* ****************************************************** */
.small {
    font-size: 10pt;
	line-height: 11pt;
	}
.verysmall {
    font-size: 8pt;
	line-height: 10pt;
	}
div.rightAlign, p.rightAlign {
	text-align: right;
	}
div.centerAlign, p.centerAlign {
	text-align: center;
	}
.leftFloat {
    float: left;
    margin-right: 10px;
	}
.rightFloat {
	float: right;
    margin-left: 10px;
	}
.bottomDotted {
    border-bottom: 1px dotted gray;
	}
.solidBorder {   
    border: 1px solid gray;
	text-align: center;
	}
/* ****************************************************** */
img {
	border-style: none;
	}
table, td {
	border-collapse: collapse ;
	border-style: none;
	border-width: 1px;
	margin-right: 0px;
	font-size: 10.5pt;
	line-height: 14pt;
	text-align: justify;
	}
a, a:link, a:visited {
	color: purple;
	text-decoration: none;
	}
a:active, a:hover {
	color: red;
	text-decoration: underline;
	}
hr {
	text-align: center;
	}
/* ***************************************************** */
/* *** The high level layout for every page  */
/* ***************************************************** */
table.PageTable {	
	border-style: none;
	border-width: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

/* ****************************************************** */
/* *** The common header for every page  */
/* ****************************************************** */
.Header {
	font-size: 10pt;
	line-height: 140%;
	font-weight: normal;
	color: #220077;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 0px;
	}
.PrintHeader {
	font-size: 10pt;
	line-height: 140%;
	font-weight: normal;
	color: #220077;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: center;
	}
.SiteSlogan1 {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 16pt;
	line-height: 140%;
	font-weight: normal;
	color: #000077;
	font-style:normal;
	text-align: justify;
	}
.SiteSlogan2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 140%;
	font-weight: normal;
	color: #220077;
	font-style:normal;
	font-weight: bold;
	text-align: justify;
	}
.HeaderRuler {
	color: purple;
	background-color: purple; /* should be same as color to ensure MSIE & Mozilla render the same */
	border-style: none;
	border-width: 0px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
.RulerCell {
	font-size: 9pt;
	line-height: 12pt;
	border-style: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-color: gray;
	color: white;
	text-align: left;
	}
/* ****************************************************** */
/* *** The 3 columns of the main body of every page  */
/* ****************************************************** */
.BodyLeft {
	background-color: #DFDFDF;
	}
.BodyMiddle {
	width: 100%;
/* to prevent the menu from becoming too wide; to set a minimum width for the menu, just put a non-breaking object, like a search text box or a desired number of consecutive   in a row of the menu, can't be less than 100% or it screws up the print page */
	background-color: white;
	padding: 10px;
	}
.BodyRight {
	width: 200px;
	background-color: #DFDFDF;
	}
/* ******************************************************** */
/* *** Browse pages  */
/* ******************************************************** */
.PaginationLine	/* the line on top of the browse pages, which shows the paging numbers */
	{
	font-size: 12pt;
	line-height: 24pt;
	color: red;			/* this is the color of the currently displayed page */
	font-style: normal;
	vertical-align: middle;
	font-weight: bold;
	}
div.PaginationLine {
	text-align: center ;
	}
a.PaginationLine
a.PaginationLine, a:link.PaginationLine, a:visited.PaginationLine {
	color: purple ;
	text-decoration: none;
	}
a:active.PaginationLine, a:hover.PaginationLine {
	text-decoration: underline;
	color: red; 
	}
.PaginationInactive {
	color: #c0c0c0;	/* this is the color of the paging arrows, when they are inactive */
	}
/* ********************************************* */
/* *** The listing of items on a browse list */ 
/* ********************************************* */
.BrowseItemRuler /* the ruler separating the items in the browse listing */
	{
	height: 3px;
	color: #CCCCCC;
	background-color: #CCCCCC; /* should be same as color to ensure MSIE & Mozilla render the same */
	border-style: none;
	}
/* ********************************************* */
.BrowseItemTable	/* specifies the defaults for all text in the browse listing */
	{
	}
table.BrowseItemTable	/* specifies the defaults for all text in the browse listing */
	{
	width: 100%;  
	}
td.BrowseItemTable	/* specifies the defaults for all text in the browse listing */
	{
	width: auto;
	}
/* *********************************************** */
.BrowseItemAuthor {
	font-size: 9pt;
	line-height: 14pt;
	color: #000080;
	font-weight: bold;
	text-align: left ;	
	}
/* ************************************************ */
.BrowseItemTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 10pt ;
	line-height: normal ;
	font-weight: bold;
	color: #002288 ;
	}
/* ************************************************* */
a.BrowseItemTitle, a:link.BrowseItemTitle, a:visited.BrowseItemTitle {
	text-decoration: none;
	}
a:active.BrowseItemTitle, a:hover.BrowseItemTitle {
	text-decoration: underline;
	color: black;
	}
/* ************************************************** */
.BrowseItemDescription {
	font-size: 9pt ;
	line-height: normal ;
	font-weight: normal;
	color: #000080 ;
	text-align: justify ;
	}
/* *************************************************** */
.BrowseItemDatePosted {
	font-size: 9pt;
	color: gray;
	font-style: normal;
	text-align: left;
	}
/* **************************************************** */
.BrowseItemAreaCategoryId	/* common display format for Area, Category and Id fields */
	{
	font-size: 9pt;
	color: gray;
	font-style: normal;
	text-align: right;
	}
/* **************************************************** */
/* *** The common footer for every page ****************** */
/* **************************************************** */
hr.FooterRuler	/* NOTE: for maximum browser compatibility, this is a combination of ruler and table cell background */
	{
	height: 3px;	
	color: gray;
	background-color: gray; /* keep the same as color for browser compatibility */
	text-align: center ;
	border-style: none ;
	}
td.FooterRuler {
	background-color: white;
	}
.Footer {
	color: #7A0585;
	font-size: 8.5pt;
	text-decoration: none ;
	text-align: center ;
	}
td.Footer {
	border-style: none;
	border-width: 0px;
	}
a.Footer, a:link.Footer, a:visited.Footer {
	text-decoration: none;
	}
a:active.Footer, a:hover.Footer {
	text-decoration: underline;
	color: red;
	}
/* **************************************************** */
/* *** Menu ******************************************* */
/* **************************************************** */
.vMenuRuler	/* Optional ruler to seprate sections of the menu */
	{
	height: 1px;
	color: red;
	background-color: red; /* should be same as color to ensure MSIE & Mozilla render the same */
	text-align: center ;
	border-style: none ;
	}
.vMenuPreAreaBreak	/* optional formatting if something else than a ruler is used to separate menu items */
	{
	}
.vMenuTable	/* the overall layout for the vertical menu */
	{
	width: 100%;
	vertical-align: top;
	border-width: 0px;
	padding: 0px;
	margin: 10px;
	}
/* **************************************************** */
/* formatting Area fields in the menu */
/* **************************************************** */
.vMenu-Area	{
	font-size: 10pt;
	color: #FF6600;	/* The color used for displaying the currently active Area or Category  -- orange */
	font-style: normal;
	font-weight: bolder;
	text-align: left;
	}
td.vMenu-Area	/* this section drives the separation of menu items */
	{
	margin-top: 15px;
	margin-left: 10px;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	}	
a.vMenu-Area, a:link.vMenu-Area, a:visited.vMenu-Area {
	color: purple;
	text-decoration: none;
	}
a:active.vMenu-Area, a:hover.vMenu-Area {
	text-decoration: underline;
	color: #FF6600; /* 0range */
	}
/* ****************************************************** */
/* formatting Category fields in the menu */
/* ****************************************************** */
.vMenu-Category {
 	font-size: 8.5pt;
	color: red;
/*	background-color: #F5F5F5;*/
	text-align: left;
	}
td.vMenu-Category	/* this section drives the separation of menu items */
	{
	border-style: solid;	
	border-color: #DFDFDF;	/* for nice effect, make this the same color as the background for #BodyLeft */
	border-top-width: 3px;
	border-right-width: 1px;
	padding-left: 10px;
	padding-right: 0px;
	}
a.vMenu-Category, a:link.vMenu-Category, a:visited.vMenu-Category {
	text-decoration: none;
	}
a:active.vMenu-Category, a:hover.vMenu-Category {
	text-decoration: underline;
	color: red;
	}
.vMenu-ItemCount {
	color: gray;
 	font-size: 8.5pt;
	}
/* ******************************************************** */
/* *** Search Form ***************************************** */
/* ******************************************************** */
.SearchForm {
	font-size: 9.5pt;
	color: black;
	font-style: normal;
	float: left;
	}
.Buttons {
	font-style: normal;
	text-align: center;
	}
/* ********************************************************* */
/* *** Styles for Item Pages  ********************************** */
/* ********************************************************* */
/* NOTE: most formatting for individual Item pages is picked up from the overall defaults */
.DisplayPrintFriendlyVersion {
	text-align: right;
	color: gray;
	}
.ItemAuthor {
	text-align: center;
	font-weight: bold;
	}
.ItemDate {
	font-weight: normal;
	text-align: right;
	color: gray;
	}	
.ItemDateAuthor {
	font-weight: bolder;
	text-align: left;
	color: 000080;
	}
.ItemDescription {
	margin-top: 10px;
	}
.ItemBody {
	margin-top: 10px;
	}
/* *********************************************************** */
.MailTo {
	text-decoration: none;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 10pt ;
	line-height: normal ;
	font-weight: normal;
	color: gray;
	}
/* ************************************************************ */