body { font: 0.8em Arial, Sans-Serif, Verdana; line-height: 1.6em; margin: 10px 0 0 0; background: #d9ead3;} 

/* BODY                  { background:#FFF } */
/* BODY,td,th,ul,p       { font: normal normal normal 8pt/1em Verdana; color: #000; } */
td,th       { font: normal normal normal 10pt/1em Verdana; color: #000;} 
textarea,input,select { font: normal normal normal 8pt/1em Verdana; color: #000; background:#FFF}
/* A:link, A:visited     { text-decoration: none; color: #059; } */
/* A:active, A:hover     { text-decoration: underline; color: #D14; } */
fieldset              { padding-left: 10px; padding-bottom: 10px; }
.bordercolor          { background:#666 }
.maincolor            { background:#CCC }
.button               { background:#CCC; font: normal normal bold 10pt/1em Arial; }
.titlebarcolor        { background:#007 }
.titlefont            { font: normal normal bold 10pt/1em Arial; color: #FFF; }
.copyrightfont        { font: normal normal normal 7.5pt/1.5em Verdana; color: #666; }

a { color: #0066B3; background: inherit; }
a:hover { color: #808080; background: inherit; }

h1 { font: bold 1.9em Arial, Arial, Sans-Serif; color: #214584; padding: 0; margin: 0;}
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0; }
ul {  padding: 0; margin: 0;}
li { list-style-type: disc; line-height: 180%; font: 1.1em Arial, Arial, Sans-Serif;}
p  { font: 1.2em Arial, Arial, Sans-Serif; text-align: justify;}

/* Input, select and textarea font are increased here */
input, select, textarea {
	/* width: 100%; */
	padding: 2px 2px; 
	margin: 2px 0;
	font-size: 80%;
}

#logo { float: left; margin: 0 0 1em 1em; }
#menu { float: right; margin: 20px 1em 0 0;}
#menu li { display: inline; margin: 0 0 0 1.4em; }
#menu li a.current{ font-weight: bold; }

#subheader { 
	clear: both; 
	
	background: #eee url('bar1.png') ;
	color: #fff;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	height: 25px;
	line-height: 25px;
}

#breadcrumbs { 
	float: left;
	overflow: auto;
 }


#wrap {
	margin: 0 auto;
	width: 100%;
	background: #fff;
	padding: 0px; /* instead of the original 10px; */

}

.column1 {
  float: left;
  width: 20%;	/* Set a width if you like ie: 200px or 20%*/
  padding: 0;
  margin: 0 0 0 1em;
  height: 420px;	/* this is for the vertical scroll menu */
  overflow-y: auto;	/* this is for the vertical scroll menu */
}
.column1 a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 4px; /* Add some padding between the menu links example leading */
  text-decoration: none; /* Remove underline from links */
}
.column1 a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}
.column1 a.active {
  background-color: #04AA6D; /* Add a green color to the "active/current" link */
  color: white;
}
.column2 {
  float: left;
  width: 59%;
}
.column3 {
  float: left;
  width: 18%;
  padding: 0;
  margin: 0 0 0 1em;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

#left {
	float: left;
	width: 20%;
	padding: 0 0 0 0;
}
#left .box {
	border: 1px solid #ccc;
	padding: 0em;
	margin: 0 1em 0 0em;
}
/* 
#middle {
	float: normal;
	width: 60%;
	padding: 0 0 0 0;
}
*/
#right {
	float: right;
	width: 20%;
	margin: 0 0 0 0;
}

#right .box {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0 0 1em 0;
}
#right .boxad {
	/* border: 1px solid #ccc; */
	padding: 4em;
	margin: 0 0 0 5em;
}



#footer { clear: both; border-top: 1px dotted #ccc; margin: 0 0 0 0; text-align: center; font-size: .8em;}

#ads { background: #fff url('ads-shadows.jpg'); 
	background-repeat: no-repeat;
	width: 510px;
	height: 100px;
	padding-left: 40px;
	padding-top: 50px;
}