/* CSS Document */

a:link {
  color: #2C4C8F;
  font-weight: bold; 
  text-decoration: underline; }
  /*background: #FFFFFF;}*//*white*//*normal links in the text*/
a:visited {
  color: #2C4C8F;
   font-weight: bold;
  text-decoration: none; }
  /*background: #FFFFFF;}*/
a:hover { /*this effect is not shown in NN4.xx*/
  color: #2C4C8F;
  font-weight: bold; 
  text-decoration: underline; 
  background: #FFFFFF;}
a:active {/*colour in NN4.xx is red*/ 
  color: black;
  font-weight: bold; 
  text-decoration: underline; }
 /* background: #FFFFFF;}*/
.colhead:link {
  color: #2C4C8F;
  text-decoration: underline;
  background: #E1F3F2; /*yellow/gold*/
}

.colhead:visited {
color: #2C4C8F; /*also black*/
text-decoration: underline;
background: #E1F3F2;
}

.colhead:hover {
color: #2C4C8F; /*white*/
text-decoration: underline;
background: white;
}
.colhead:active {
  color: #D6D6E2;
  text-decoration: underline;
  background: #E1F3F2; /*yellow/gold*/
}
a.arrows:link {      /* For the arrow graphics */
  text-decoration: none;
 background-color: #E1F3F2;
}

a.arrows:visited {
text-decoration: none;
background-color: #E1F3F2;
}

a.arrows:hover {
text-decoration: none;
background-color: #E1F3F2;
}
a.arrows:active {
text-decoration: none;
background-color: #E1F3F2;
}
a.thumb:link {
  text-decoration: none;
 background-color: #E1F3F2;
}

a.thumb:visited {
text-decoration: none;
background-color: #E1F3F2;
}

a.thumb:hover {
text-decoration: underline;
background-color: #E1F3F2;
}
a.thumb:active {
text-decoration: none;
background-color: #E1F3F2;
}
.thumb { border-color: blue; border-width: 3px } /*the border color for thumbnail photos */
.thumbhover  { border-color: white ; border-width: 3px} /*the border color for thumbnail photos with the mouse over it */
.button input
	{
	background-color: #F7F3F3;
	border-color: #CCCCCC;
	}
.buttonbold input
	{
	background-color: #F7F3F3;
	border-color: #CCCCCC;
	font-weight: bold;
	}
.playbutton input
	{
	background-color: #F7F3F3;
	border-color: #CCCCCC;
	font-weight: bold;
	}	
.msgareaclass {font-weight: bold;}
.msgsentclass {font-weight: bold;}
body {
background-color: #E1F3F2;
/*background-image: url("images/bkg.gif");*/
/*background-position: top right;*/
/*background-repeat: no-repeat;*/
		margin:10px 60px 30px 60px; 
			padding:0px;
        color: black;
		}
	
	#leftcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black; /*this color refers to the text within the container*/
	font-size: 12px;
		position: absolute;
		left:40px;
		top:110px;
		width:130px;
		background:transparent;
		border-right: 0px;
		border-right-style: solid;
		border-right-color: Black;
   		/*z-index: 1;*/
		}

	
   select {background-color: #E1F3F2;
     color: #black;
     }
 /*   input {background-color: #4A4A63;*/
  /*   color: #D6D6E2;*/
  /*   }*/

  

 #banner {
		background:#E1F3F2;
		background-image: url("vgp.gif");
		background-repeat: no-repeat;
		height:99px;
		border-top:0px solid #D6D6E2; /*dark olive green*/
		border-right:0px solid #D6D6E2;
		border-left:0px solid #D6D6E2;
		text-align: right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #D6D6E2; /*this color refers to the text within the container*/
		font-size: 12px;
		font-weight: bold;
		voice-family: "\";}\""; /*box model hack for ie http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
		voice-family: inherit;
		}

	html>body #font-family { /*more of the hack*/
		height:99px;
		}

       
   
}


	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		font-size:18px;
			/*color: #d68d49; *//*burgundy*/
		color: black; /*blue*/
		padding-top:10px;
			}
		
		h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		font-size:16px;
			color: black;
			padding-bottom: 0px;
			padding-left: 10px;
			padding-top: 10px;
		}
		
		h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		font-size:15px;
			color: black; /*white*/
			padding-bottom: 0px;
			padding-left: 10px;
			padding-top: 10px;
		}
		
		h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		font-size:16px;
			color: #000000; /*black*/
			padding-bottom: 0px;
			padding-left: 10px;
			padding-top: 10px;
		}
		h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		font-size:16px;
			color: black; /*white*/
			padding-bottom: 0px;
			padding-left: 10px;
			padding-top: 0px;
		}
		h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		font-size:16px;
			color: black; /*white*/
			padding-bottom: 0px;
			padding-left: 10px;
			padding-top: 0px;
		}


	#banner h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size:14px;
		padding:10px 10px 0px 10px;
		margin:0px;
		}
	
	#rightcontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px
		}
.help a:link {text-decoration: none; }
.help a:visited {text-decoration: none; }
.help a:hover {text-decoration: none; }
.help a:active {text-decoration: none; }