/* **************************************************************************************** */
/* *** Defaults when class or id has not been specified  */
/* **************************************************************************************** */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 10.5pt;
	line-height: 14pt;
	color: #000077;
	background-color: white;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	}
sup {
	vertical-align: 20%;
	}
div, p, ul, ol, blockquote {
	text-align: justify;
	font-size: 10.5pt;
	line-height: 14pt;
	}
h1 {
	font-size: 20pt;
	}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 16pt;
	font-weight: lighter;
	line-height: 22pt;
	text-align: left;
	}
h3 {
	margin-top: 20px;
	text-align: left;
	font-size: 14pt;
	font-weight: lighter;
	margin-bottom: -4px;
	}
h4 {
	font-size: 12pt;
	line-height: 16pt;
	text-align: left;
	font-weight: lighter;
	}
h5 {
	margin-top: 18px;
	font-size: 11pt;
	line-height: 16pt;
	margin-bottom: -4px;
	}
h6 {
	font-size: 10pt;
	}
h7 {
	font-size: 9pt;
	}
ol.upperroman {
	list-style-type: upper-roman
	}
ol.loweralpha {
	list-style-type: lower-alpha
	}
ol.upperalpha {
	list-style-type: upper-alpha
	}
/* ****************************************************** */
/* *** 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;
	}
.dotted {
    border-bottom: 1px dotted gray;
	}
.solidBorder {   
    border: 1px solid gray;
	text-align: center;
	}
/* ****************************************************** */
img.ImageLeft {
    float: left;
    margin-right: 10px;
    border-style: none;
	}
img.ImageRight {
    float: right;
    margin-left: 10px;
    border-style: none;
	}
img {
	border-style: none;
	}
table, td {
	border-collapse: collapse ;
	border-style: none;
	border-width: 1px;
	margin: 0px;
	font-size: 10pt;
	line-height: 13pt;
	}
a, a:link, a:visited {
	text-decoration: underline;
	color: #000080;
	}
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;
	}
td.PageTable	{
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	border-color: green;
	font-size: 10.5pt;
	line-height: 14pt;
	}

/* **************************************************************************************** */
/* *** 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: Verdana, Arial, Helvetica, sans-serif ;
/*	font-variant: small-caps; */
	font-variant: normal;
	font-size: 20pt;
	line-height: 140%;
	font-weight: normal;
	color: #000077;
	font-style:normal;
	text-align: justify;
}
.SiteSlogan2 {
	font-family: Verdana, 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: #FFF1C4;
	}
.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 screw up the print page */
	background-color: white;
	padding: 10px;
	}
.BodyRight {
	padding: 30px;
	background-color: white;
	}
/* ****************************************************************************************** */
/* *** 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: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: 10.5pt;
	line-height: 15pt;
	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: 10.5pt ;
	line-height: normal ;
	font-weight: bold;
	color: #002288 ;
	}
/* ****************************************************************************************** */
a.BrowseItemTitle, a:link.BrowseItemTitle, a:visited.BrowseItemTitle {
	text-decoration: underline;
	}
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: 7pt;
	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: 10px;
	margin-left: 10px;
	}
/* **************************************************************************************** */
/* formatting Area fields in the menu */
/* **************************************************************************************** */
.vMenu-Area	{
	font-size: 10pt;
	line-height: 12pt;
	color: red;	/* The color used for displaying the currently active Area or Category */
	font-style: normal;
	font-weight: bolder;
	text-align: left;
	}
td.vMenu-Area	/* this section drives the separation of menu items */ {
	margin-top: 15px;
	border-right-width: 3px;
	border-bottom-width: 10px;
	border-left-width: 0px;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
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: red;
	}
/* **************************************************************************************** */
/* formatting Category fields in the menu */
/* **************************************************************************************** */
.vMenu-Category {
 	font-size: 8.5pt;
	color: red;
	background-color: white;
	text-align: left;
	}
td.vMenu-Category	/* this section drives the separation of menu items */ {
	border-style: solid;	
	border-color: #FFF1C4;	/* for nice effect, make this the same color as the background for #BodyLeft */
	border-left-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;
	}
.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;
	}
/* ****************************************************************************************** */