/* **************************************************************************************** */
/* *** 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
{
	text-align: justify;
	font-size: 10.5pt;
	line-height: 14pt;
}
p, td
{
	text-align: justify;
	font-size: 10.5pt;
	line-height: 14pt;
}
ul, ol
{
	text-align: justify;
	font-size: 10.5pt;
	line-height: 15pt;
}
h1
{
	font-size: 18pt;
	text-align: center;
	line-height: 24pt;
	color: purple;
}
h2
{
	font-size: 16pt;
	line-height: 20pt;
	text-align: center;
}
h3
{
	margin-top: 24px;
	font-size: 13pt;
	margin-bottom: -4px;
}
h4
{
	font-size: 11pt;
	text-align: center;
}
h5
{
	font-size: 11pt;
	margin-bottom: -6px;
}
h6
{
	font-size: 12pt;
	font-weight: light;
}
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;
	}
.dotted {
    border-bottom: 1px dotted gray;
	}
.solidBorder {   
    border-style: 1px solid gray;
	text-align: center;
	}
.border {
	border: 1px solid purple;
	border-collapse: collapse;
	}
/* ****************************************************** */

img
{
	border-style: none;
	border-color: red;
}


/* **************************************************************************************** */
/* *** debugging: change border-style to solid in the default "table" and "td" to show all table outlines */
/* **************************************************************************************** */
table
{
	border-style: none;
	border-width: 1px;
	margin: 0px;
	border-color: #000080;
}
td
{
	border-style: none;
	border-width: 1px;
	margin: 0px;
	border-color: green;
	/*font-size: 10.5pt;*/
	/*line-height: 14pt;*/
}
a
{
	text-decoration: underline
	color: #000080;
}
a:link
{
	color: #000080;
	text-decoration: underline
}

a:visited
{
	color: #000080;
	text-decoration: underline
}
a:active
{
	color: red;
	text-decoration: underline
}

a:hover
{
	color: red;
	text-decoration: underline
}
hr
{
	line-height:1pt;
	color: #000080
}

/* **************************************************************************************** */
/* *** The high level layout for every page  */
/* **************************************************************************************** */
table.PageTable
{
	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;
}
.HeaderRuler
{
	color: yellow;
	background-color: yellow; /* should be same as color to ensure MSIE & Mozilla render the same */
	border-style: none;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.RulerCell
{
	font-size: 9pt;
	line-height: 16pt;
	border-style: none;
	border-width: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-color: #CCCE05;
	color: black;
	text-align: left;
}

/* **************************************************************************************** */
/* *** The 3 columns of the main body of every page  */
/* **************************************************************************************** */
.BodyLeft
{
	background-color: #000080;
}

.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: 6px;
}

.BodyRight
{
	width: 1px;
	background-color: #9BBAE8;
}

/* ****************************************************************************************** */
/* *** 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
{
	color: purple ;
	text-decoration: none;
}
a:link.PaginationLine
{
	color: purple ;
	text-decoration: none;
}
a:visited.PaginationLine
{
	color: purple ;
	text-decoration: none;
}
a:active.PaginationLine
{
	text-decoration: underline;
	color: red  ;
}
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: 10.5pt;
	color: gray;
	font-style: normal;
	text-align: left ;	
}
/* ****************************************************************************************** */
.BrowseItemTitle
{
	font-size: 11pt ;
	line-height: normal ;
	font-weight: normal;
	color: #0000aa ;
}
/* ****************************************************************************************** */
a.BrowseItemTitle
{
	text-decoration: underline;
}
a:link.BrowseItemTitle
{
	text-decoration: underline;
}
a:visited.BrowseItemTitle
{
	text-decoration: underline;
}
a:active.BrowseItemTitle
{
	text-decoration: underline;
	color: red;
}
a:hover.BrowseItemTitle
{
	text-decoration: underline;
	color: red;
}
/* ****************************************************************************************** */
.BrowseItemDescription
{
	font-size: 9pt ;
	line-height: normal ;
	font-weight: normal;
	color: #000080 ;
	text-align: justify ;
}
/* ****************************************************************************************** */
.BrowseItemDatePosted
{
	font-size: 9pt;
	line-height: 10.5pt;
	color: gray;
	font-style: normal;
	text-align: left ;
}
/* ****************************************************************************************** */
.BrowseItemAreaCategoryId	/* common display format for Area, Category and Id fields */
{
	font-size: 9pt;
	line-height: 10.5pt;
	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: #000080;
	background-color: #000080; /* keep the same as color for browser compatibility */
	text-align: center ;
	border-style: none ;
}
td.FooterRuler
{
	background-color: white;
}
.Footer
{
	color: #000080;
	font-size: 8.5pt;
	text-decoration: none ;
	text-align: center
}
a.Footer
{
	text-decoration: none
}
a:link.Footer
{
	text-decoration: none
}
a:active.Footer
{
	text-decoration: underline;
	color: red;
}
a:visited.Footer
{
	text-decoration: none;
}
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: 3px;
	margin: 10px;
}
/* **************************************************************************************** */
/* formatting Area fields in the menu */
/* **************************************************************************************** */
.vMenu-Area	
{
	font-size: 9.5pt;
	color: red;	/* The color used for displaying the currently active Area or Category */
	font-style: normal;
	font-weight: bolder;
	text-align: left;
	text-shadow: white 20px 20px;
}
td.vMenu-Area	/* this section drives the separation of menu items */
{
	border-top-width: 2px;
	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
{
	color: white;
	text-decoration: none;
}
a:link.vMenu-Area
{
	text-decoration: none;
}
a:visited.vMenu-Area
{
	color: white;
	text-decoration: none;
}
a:active.vMenu-Area
{
	text-decoration: underline;
	color: red;
}
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: #F5F5F5;
	text-align: left;
}
td.vMenu-Category	/* this section drives the separation of menu items */
{
	border-style: solid;	
	border-color: #EBEBEB;	/* for nice effect, make this the same color as the background for #BodyLeft */
	border-top-width: 2px;
	border-right-width: 5px;
	border-bottom-width: 2px;
	border-left-width: 3px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.vMenu-Category
{
	color: black;
	text-decoration: none;
}
a:link.vMenu-Category
{
	text-decoration: none;
}
a:visited.vMenu-Category
{
	text-decoration: none;
}
a:active.vMenu-Category
{
	text-decoration: underline;
	color: red;
}
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 items pages is picked up from  the overall defaults */

.DisplayPrintFriendlyVersion
{
	text-align: right;
	color: gray;
}
.ItemDescription
{
}
.ItemBody
{
}