/* +++++++++++++++++++++++++++++ */
/* Start of Body default styling */
/* +++++++++++++++++++++++++++++ */

BODY {font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	color: black;      
	margin: 0px;
	scrollbar-face-color: #A3AAD6; 
    scrollbar-shadow-color: #33517A; 
    scrollbar-highlight-color: #33517A; 
    scrollbar-3dlight-color: #33517A; 
    scrollbar-darkshadow-color: #33517A; 
    scrollbar-track-color: white; 
    scrollbar-arrow-color: #33517A; 
}

/* +++++++++++++++++++++++++++ */
/* End of Body default styling */
/* +++++++++++++++++++++++++++ */





/* +++++++++++++++++++++++++++++++++++++ */
/* Start of Navigation boxes and styling */
/* +++++++++++++++++++++++++++++++++++++ */

/*The navigation on the left side, positioned absolutely*/
.Navigation {
    position: absolute;
    top: 100px;
    left: 3px;
	width: 135px;
    height: auto;
	z-index: 100;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }  
 

/*button-like box for the left-side navigation*/
.navbox {
   font-size: .9em;/*readability for the links*/
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   background-color: #A3AAD6;
   border-color: #FFffff;/*or, in shorthand, the three*/
   border-style: groove; /*border-properties would read:*/
   border-width: 2px;/*border: 2px groove #FF6633;*/
   padding: 1px;
   margin: 2px;
	z-index: 100;
   }


/* Navigation Buttons formatting and mouseover stuff */
a.nav{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration:none;}

a.nav:link {
  	color: white; 
  	text-decoration : none;  
  	font-size:.9em; 
  	background-color:#A3AAD6;}

a.nav:visited {
  	color: #33517A; 
  	text-decoration : none; 
  	font-size:.9em; }
	
a.nav:hover{z-index:25; 
	color: red;
	background-color:#A3AAD6;}

a.nav span {display: none;}

a.nav:hover span {
	display:block;
  	position:absolute;
  	top:1em; 
  	left:10em; 
  	width:15em; 
  	padding: 4px; 
  	color: #333; 
 	background: #eee;
  	border:1px solid #aaa;
  	text-decoration:none;
	}



/* +++++++++++++++++++++++++++++++++++ */
/* End of Navigation boxes and styling */
/* +++++++++++++++++++++++++++++++++++ */




/* +++++++++++++++++++++++++++++ */
/* Start of Mouseover Info popup */
/* +++++++++++++++++++++++++++++ */

/* This is the mouseover info boxes */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:link {
  	color: green; 
  	text-decoration: underline; }
	
a.info:hover{z-index:25; background-color:#ff0;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;}

/* +++++++++++++++++++++++++++ */
/* End of Mouseover Info popup */
/* +++++++++++++++++++++++++++ */




/* +++++++++++++++++++++++++++++++++++++++ */
/* Start of Content area boxes and styling */
/* +++++++++++++++++++++++++++++++++++++++ */

/* this is the main content area when right menu is used */
.content {
	position: absolute;
    left: 146px;
	right: 146px;
    width: auto;
    height: auto;
	z-index: 50;
    background: #FFFFFF;
    /*declare a color together with a contrasting background color*/
    color: #000088;/*to insure readability*/
    /*to position the content area to the right of the navigation*/
    margin-right: 1px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto;
    border: 0.1px solid #FFFFFF; 

   /*to insure that NN4.xx renders the background-color of the content area*/
	}


	

/* this is the main content area when no right menu is used */
.widecontent {
	position: absolute;
    left: 146px;
    width: auto;
    height: auto;
	z-index: 50;
    background: #FFFFFF;
    /*declare a color together with a contrasting background color*/
    color: #000088;/*to insure readability*/
    /*to position the content area to the right of the navigation*/
    margin-right: 1px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
	}


/* The navigation on the right side, positioned absolutely */
	.Rightnav {
    position: absolute;
    top: 100px;
    right: 3px;
    width: 135px;
    height: auto;
	z-index: 100;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    } 



/* Header Div positioning */ 
.Header {
    margin-top: 10px;
    margin-left: 160px;
    } 



/*this is a box where the contact info*/
/* and the copyright will be placed*/
.footer {
  background: #FFFFFF;
  color : #000099;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  padding : 2px;
  margin: 2px;
}

/* +++++++++++++++++++++++++++++++++++++ */
/* End of Content area boxes and styling */
/* +++++++++++++++++++++++++++++++++++++ */




/* ++++++++++++++++++++++++++++++++++ */
/* Start of text and link formatting  */
/* ++++++++++++++++++++++++++++++++++ */


P  {font-size: 1em;       
	font-family: Verdana, Arial, sans-serif;
	line-height: 14pt;     
	text-indent: 12pt;      
	margin-top: 6pt}

H1 {font-size: 2em;
	text-align: center;     
	font-family: Verdana, Arial, sans-serif;
	line-height: 50pt;      
	font-weight: bold;
	color: #33517A;      
	z-index: 0}  

H2 {font-size: 1.5em;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;      
	font-weight: bold;      
	margin-top: 30pt;
	color: #33517A}

H3	{font-size: 1em;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;      
	font-weight: bold;      
	margin-top: 40pt;
	color: #33517A;}

H4	{font-size: 1em;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;      
	font-weight: bold;      
	margin-top: 20pt;
	color: #33517A;}

H5 {font-size: 1.2em;
	font-weight: bold;
	text-align: center;     
	font-family: Verdana, Arial, sans-serif;
	color: red;      } 

H6 {font-size: .7em;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;      
	font-weight: none;      
	margin-top: 10pt;
	color: #A3AAD6;} 

/* Alert text style */
.alert {
	color: Red;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	line-height: 14pt;
}


/* this is a box for notices */
.notice {
	background: #FFFFFF;
  color : #000088;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 1.2em;
  padding : 2px;
  margin: 2px;
  border-color : red;
  border-style : solid;
  border-width : 2px;/* the border property in longhand*/
  }


PRE {font-size: 1em;       
	font-family: Verdana, Arial, sans-serif;       
	line-height: 14pt;
	color: black}

A:link {text-decoration: none;
	color: blue; 
	font-family: Verdana, Arial, sans-serif;}
	
A.footer:link {text-decoration:underline;
	color: #A3AAD6}

A:visited {text-decoration: none;
	color: "#FF00FF"; 
	font-family: Verdana, Arial, sans-serif;}
	
A.footer:visited {color: #A3AAD6}

A:active {text-decoration: none;
	font-family: Verdana, Arial, sans-serif;}
	
A.footer:active {color: #A3AAD6}

A:hover {text-decoration: none;
	color: red}
	
A.footer:hover {color: red}

LI {list-style: diskOutside}

/* ++++++++++++++++++++++++++++++++ */
/* End of text and link formatting  */
/* ++++++++++++++++++++++++++++++++ */



/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* Start of Table formatting for datatable class */
/* +++++++++++++++++++++++++++++++++++++++++++++ */

.datatable {
	border: 1px solid #A3AAD6;	
	border-collapse: collapse;
}

.datatable caption {
	font: bold 1.2em "Verdana", Airal, sans-serif;
	background-color: #A3AAD6;
	azimuth:center;
	color: #33517A;
	padding:2px;
	border: 1px solid #789AC6;}

.datatable th {
	border: 1px solid #A3AAD6;
	font-weight: bold;
	text-align: left;
	padding: 4px;}

.datatable td {
	border: 1px solid #A3AAD6;
	}
.datatable tr {
	border: 1px solid #A3AAD6;
	
}

/* +++++++++++++++++++++++++++++++++++++++++++ */
/* End of Table formatting for datatable class */
/* +++++++++++++++++++++++++++++++++++++++++++ */





/* +++++++++++++++++++++++++++++++++++ */
/* Start of Formatting for input forms */
/* +++++++++++++++++++++++++++++++++++ */

	input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}
input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 30%;
  font: bold 0.9em Arial, Helvetica, sans-serif;
}
fieldset {
  border: 1px dotted #A3AAD6;
  margin-top: 16px;
  padding: 10px;
}
legend {
  font: bold 0.8em Arial, Helvetica, sans-serif;
  color: #00008B;
  background-color: #FFFFFF;
}
/* +++++++++++++++++++++++++++++++++ */
/* End of Formatting for input forms */
/* +++++++++++++++++++++++++++++++++ */