/* General Styles for the entire document */
img
{
	border-width: 0px;
	display: inline;
}

body
{
	font-family: Arial, Verdana, Sans-Serif;	
}

.navGroup
{
	font-size: 10pt;
	float: right;
	clear: right;
	text-align: right;
}

.navGroup img 
{
	display: inline;	
}

.navGroup a {
	text-decoration: none;
	background-color: White;
	cursor: hand;
}

.navGroup a:visited
{
}

.navGroup a:link
{
}

.navGroup a:hover {
	background-color: #CDE1FF; /* light blue */
}

/* Container class */
#container
{
	width: 772px;
	padding: 2px 2px 2px 2px;
}


/* Styles for the Title elements */
.title
{
	font-family: Arial, Verdana, Sans-Serif;	
	padding: 2px 2px 2px 2px;
	text-align: left;
	clear: none;
}
.title img
{
	background-color: White;
	border: solid 2px White;
	display: inline;
}
.title .titleRight
{
	float: right;
	clear: both;
	text-align: right;
	display: block;
}

.title .subTitle
{
	/* text-indent: 20px; */
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 12pt;
	font-weight: bold;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	letter-spacing: 6px;
	margin-bottom: 5px;
}

.title h1
{
	font-variant: small-caps;
	font-weight: bold;
	font-size: 32pt;
	margin: 0px;
	padding: 0px;
}

.titleImageLeft
{
	float: left;
	clear: left;
}

.titleImageRight
{
	float: right;
	clear: right;
}

.titleImage
{
	float: none;
	clear: both;
	text-align: center;
}

/* Styles for main menu */
.mainMenu
{
	background-color: Transparent;
	float: none; 
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 11pt;
	clear: both;
	text-align: center;
	font-variant: small-caps;
	margin-top: 30px;
}

.mainMenu a {
	text-decoration: none;
	color: Black;
	cursor: hand;
	display: inline;
	margin: 0px 4px 0px 4px;
	background-color: Transparent;
}

.mainMenu a:visited
{
	text-decoration: none;
	color: Black;
}

.mainMenu a:link
{
	text-decoration: none;
	color: Black;
}

.mainMenu a:hover {
	color: #6699ff; /* Blue */
/*	background-color: #FFFFBB; */ /* Yellow */
	background-color: #CDE1FF; /* light blue */
}

.mainMenu img 
{
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Styles for top menu */
.topMenu
{
	background-color: Transparent;
	float: none; 
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 11pt;
	clear: both;
	text-align: center;
	font-variant: small-caps;
	margin-top: 0px;
	margin-bottom: 30px;
}

.topMenu a {
	text-decoration: none;
	color: Black;
	cursor: hand;
	display: inline;
	margin: 0px 4px 0px 4px;
	background-color: Transparent;
}

.topMenu a:visited
{
	text-decoration: none;
	color: Black;
}

.topMenu a:link
{
	text-decoration: none;
	color: Black;
}

.topMenu a:hover {
	color: #6699ff; /* Blue */
/*	background-color: #FFFFBB; */ /* Yellow */
	background-color: #CDE1FF; /* light blue */
}

.topMenu img 
{
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#displayMenuOption
{
	background-color: Transparent;
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 11pt;
	text-align: center;
	font-variant: small-caps;
	cursor: auto;
	font-weight: bold;
}

/* Styles for a Navigation pane, used for navigating 
the current page when required */
.sideNavigationPane
{
	color: #000066;
	text-align: left;
	background-color: #ffffcc; /* orange */
	border: solid 1px #ffcc00;
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 10pt; 
	padding-bottom: 2px;
	padding-top: 0px;
	margin-right: 5px;
	margin-top: 5px;
	float: left; 
}

.sideNavigationPane h2
{
	border-bottom: solid 3px #ffcc00; 
	color: #ffffff; 
	background-color: #ffcc66;
	display: block;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px;
	text-indent: 5px;
}

.sideNavigationPane a {
	color: #000066; /* Blue */
	text-decoration: none;
	display: block;
	cursor: hand;
	text-indent: 2px;
	padding: 1px 3px 1px 3px;
}

.sideNavigationPane a:visited
{
	color: #000066; /* Blue */
	text-decoration: none;
}

.sideNavigationPane a:link
{
	color: #000066; /* Blue */
	text-decoration: none;
}

.sideNavigationPane a:hover 
{
	color: #6699ff; /* Blue */
}

/* Styles for the main text area */
.mainText
{
	text-align: left;
	clear: none;
	font-family: Arial, Verdana, Sans-Serif;	
	font-size: 10pt;
}

.mainText li
{
	list-style-type: square; 
	list-style-image: url(./images/bullet.gif); 
	list-style-position: inside;
	text-indent: 3px;
}

.mainText h2
{
	background-color: #6699ff; /* Blue */ /* #FF9100; orange */
	color: White;
	display: block;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: 25px;
}

.mainText h3
{
	color: #6699ff; /* Blue */ /* #FF9100; orange */
	display: block;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 5px;
}

.mainText em
{
	font-weight: bold;
}

.mainText a:link	
{	
	text-decoration:	none;
	color:	#3333cc;
}	
		
.mainText a:visited	
{	
	text-decoration:	none;
	color:	#333399;
}	
		
.mainText a:active	
{	
	text-decoration:	none;
	color:	#333399;
}	
		
.mainText a:hover	
{	
	text-decoration:	underline;
	color:	#3333cc;
}

/* Box for displaying contact data */
.contactBox
{
	float: left; 
	text-align: left;
   background-color: #EFEFEF;
	border: solid 1px #6699ff; /* blue */
	padding: 1px 2px 1px 2px;
	margin: 12pt 3px 3px 3px; /* top margin same as <p></p> top margin */
}

.contactBox h3
{
   background-color: #6699ff; /* blue */
	color: White;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding: 1px 2px 1px 2px;
}

/* Styles for the footer elements */
.footer 
{
	clear: left;
	font-size: 8pt; 
	font-family: Arial, Verdana, Sans-Serif;	
	text-align: right;
	border-top: solid 1px black;
	margin-top: 40px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.footer a {
	text-decoration: none;
	color: Black;
	cursor: hand;
	display: inline;
}

.footer a:visited
{
}

.footer a:link
{
}

.footer a:hover {
	color: #6699ff; /* Blue */
}

.footer .footerLeft
{
	float: left;
	clear: left; 
	text-align: left;
}

.counter
{
	float: right;
	clear: none;
}

.counter img
{
	margin: 1px 6px 1px 1px;
	display: none; /* inline; */
}