body {
margin: 0; 
padding: 0; 
background: #3399FF; /* # */

}
TR {
	valign : top;
}

.text_common {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Black;
}

.text_title {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	text-decoration: underline;
	color : Black;
}
img {
border: 1px solid #ffffff;
}
/*---------------- Layout DIVS -------------------*/
#container {  /* keeps everything together */
position: relative;
text-align: left;
width: 1020px;  
margin-right:auto;
margin-left:auto; 
padding: 422 0 0 0;
/*margin: 0 auto; */
background: #FFFFFF;
/*border: 3px solid #D9D93C;  optional border */

overflow: hidden

}



#hdr {  /* div containing h1, nav and keyboard image */

position:relative;
/*margin-left: 5px; */ /*55px*/
margin-top: 0px;

width: 1020px; 
height: 180px; 
/*background: url(trofee.jpg) 0 0  no-repeat #FFFFFF; *//*#6699FF;#EC59E7;*/  /* Image of keyboard  + top right box */
background-image:url(gradient2.png);
background-repeat:repeat-x;

border-bottom: 3px solid #D9D93C; /* #D9D93C= light olive green */
border-top: 3px solid #D9D93C;


}



#hdr ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .7em;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#hdr li {
	display: inline;
	float: right;
	margin-right: 5px;
	padding-bottom: .5em; /* to display bottom border on links in IE */

}





#contact li a {
	font-size: 1em;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 2em;
	background: transparent;
	border: none;
	padding: 5px;
	height: 2em;
	font-weight: bold;

}

#contact li a:hover {
	color: #10214E;
	background: #ffee99;
}



#leftcol {  
float:left;
left: 0px;
top: 70px; /* menu buttons are 250px below keyboard image */
margin-left: 10px;  /* lv this so bg image lines up with edge of this div */
width: 90px; /*menu buttons are 180px wide*/ 
float: left;
border-style: 3px solid #D9D93C; /*none;*/
border-right: 3px solid #D9D93C;
background-image:url(gradient2.png);
width: 150px;  /*200*/
height:350px;
margin: 0px;
padding: 0px;


}


#rightcol {
float: right; 
width: 688px; 
padding: 20px;
padding-bottom: 150px; 
background: #ffffff;
overflow: hidden
} 





#rightcol p{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .9em;
/* font-family: Times, Times, serif; 
font-size: 1.4em; */
margin: 10px 15px 0px 7px; 
line-height: 1.4em; 
color: #000; 
background-color: #ffffff;
letter-spacing: 0.04em
}





#rightcol h1, h2, h3, h4 {
font-family:  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
color: #dddddd;
margin: 15px 5px 5px 5px; /*left,right,top,bottom */
background-color: #ffffff;
color: #1f3e00; 
font-weight: bold; 
text-decoration: none
}



#rightcol li{

list-style-type: none;
list-style-position: outside;
}



#bottombar {
float: right;
clear: both;
text-align: center; 
font-size: 0.70em; 
height: 4em; 
line-height: 4em; 
width: 888px; 
background: #FFFFFF; /*bottom bar tan background */
border-top: 3px solid #D9D93C

} /* #9EA219=dark olive  #D9B364=light tan  #804000=mahogany brown*/

ul#nav {   /* navigation list */



/* margin: 53px 0 0 0;  the 53px below top image is where the nav begins (margin top)  */



padding: 0;

list-style: none inside

}

	

ul#nav li {float: left;	display: block}



ul#nav li a {

	width: 170px;

	margin: 3px 0 0 0;  /* a little top margin on each button*/

	border: 0;

	border-left: 10px solid #32B0AF; /* #00008b dk blue edge menu         buttons beige left edge */

	padding: 10px 5px;

	font-family: Times, Times, serif;

	font-weight: bold;

	text-decoration: none;

	display: block;

	color: #1648AA; /*#fff; #450F1F*; menu text color */

	background: #CFF79F; /* lt grey; #CFF79F = lt chartreuse; #4BD6DC=brite blue; #FFC75A=lt orange; #56E3A8; #804000;  menu buttons */



}



ul#nav li a#current {

border-color: #d1d1d1; /*lt grey; #fff;*/

}  



ul#nav li #toppage {

border-color: #000065; /* royal blue; #fff;*/

}  





ul#nav li a:hover {

background: #999a94; /*#A1F2CE; dark chartreuse*/

}



ul#nav a.menu { 
 	width: 110px;
	margin: 3px 0 0 0;  /* a little top margin on each button*/
	border: 0;
	border-left: 10px solid #83bed5; /*lt blue; #32B0AF = turquoise; #000065=menu buttons royal blue left edge */
	padding: 10px 5px;
	font-family: Times, Times, serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #1648AA; /*#fff; #450F1F; menu text color */
	background: #66CCFF; /*#CFF79F = lt chartreuse; #4BD6DC=brite blue  #FFC75A lt orange; #56E3A8; #804000  menu buttons dark brown body */
}





ul#nav a.submenu { 

	width: 110px;

	margin: 3px 0 0 0;  /* a little top margin on each button*/

	border: 0;

	border-left: 10px solid #32B0AF; /* #00008b=dk blue edge;  menu buttons */

	padding: 10px 5px;

	font-family: Times, Times, serif;

	font-weight: bold;

	text-decoration: none;

	display: block;

	color: #1648AA; /*#fff; #450F1F; menu text color */

	background: #CFF79F; /*#4BD6DC=brite blue #FFC75A lt orange #56E3A8; #804000  menu buttons dark brown body */

}





ul#nav a.menu #toppage {

border-color: #000065; /* royal blue */

}



ul#nav a.menu:hover, a.submenu:hover { 

   background: #8a9694; =*md grey; #9EA219 = md chartreuse;

   color: #fff;

}