body { font-size: 70%; }

/*
 Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; 
  */ 
body { 
  color: #000; 
  font-family: Arial, Verdana, sans-serif; 
}



/* Headings
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { 
  color: #000; 
  font-family: Arial, Verdana, sans-serif; 
  font-weight: normal; 
}

h1 { font-size: 2em; margin-bottom: 0.75em; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3 { font-size: 2em; margin-bottom: -1em; }
h4 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } */
/*p img.top   { margin-top: 0; }  */ /* Use this if the image is at the top of the <p>. */
/*img         { margin: 0 0 1.5em; }*/

ul.squarelist, ol.numlist 
{ 
	margin:0 0em 0em .5em; 
	/* any IE */
	margin: expression('0 0em 0em 3.5em;')
}
ul.squarelist          { list-style-type: square; }
ol.numlist          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

blockquote  { margin: 1.5em; color: #000; font-style: none; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

.title {font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #e70000; text-align: left;}

a {font-family:Arial, Verdana, sans-serif;}
a:link {color:#ca0000;text-decoration: none;}
a:visited {color:#ca0000;text-decoration: none}
a:hover {text-decoration: none; color: #0072e7;
font-weight:none;}

/*
a:active {color: red;text-decoration: none}
a {font-family:Arial, Verdana, sans-serif;}
a:link {color:#20558a;}
a:visited {color:#20558a;text-decoration: none}
a:hover {text-decoration: none; color: #ca0000;
font-weight:none;}
a:active {color:#20558a ;text-decoration: none} 
*/
/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 0px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { padding: 4px 10px 4px 10px; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

.headerfix  { padding: 0px 0px 0px 0px; }


/* Use this if you use span-x classes on th/td. 
table .last { padding-right: 0; } 

*/




p.frontpage { margin: 0 0 0 .3em; }

.frontpage a {font-family:Arial, Verdana, sans-serif;}
.frontpage a:link {color:#20558a; text-decoration:none;}
.frontpage a:visited {color:#20558a;text-decoration: none}
.frontpage a:hover {text-decoration: none; color: #ca0000; font-weight:none;}
.frontpage a:active {color:#20558a ;text-decoration: none}


/* has bad effect for list items 
* { padding: 0; margin: 0; }*/




#content { 
 color: #000;
 border-left: 1px solid #ccc;
 background: #fff;

 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 5px;
 padding-top:0px;
 padding-bottom:0px;
 padding-left: 15px;
 padding-right: 15px;
 width: 625px;
 float: left;
}
#wrapper {
	margin: 0 auto;
	width: 1000px;
}
#leftheader {
 width: 391px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 409px;
 margin: 10px 0px 5px 0px;
 background: #fff;
}
#menu {
 width: 609px;
 float: left;
 padding-top: 40px;
 border: 0px solid #ccc;
 height: 33px;
 margin: 10px 0px 0px 0px;
 background: #fff;
}
#header {
 width: 609px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 336px;
 margin: 0px 0px 5px 0px;
 background: #fff;
}
#dividers{ 
 color: #333;
 border: 0px solid #ccc;
 background: #a3a3a3;
 margin-left: 5px;
 margin-right: 5px;
 padding: 0px;
 height: 185px;
 width: 1px;
 float: left;
}
#leftcolumn { 
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 5px 0px;
 padding-left: 77px;
 padding-right: 5px;
 height:300px;
 width: 186px;
 
}
#leftmiddle { 
 color: #000;
 border: 0px solid #ccc;
 background: #fff;
 padding-left: 100px;
 padding-top: 0px;
 padding-right: 5px;
 padding-bottom: 0px;
 
 height: 200px;
 width: 186px;

}



#left2middle { 
 color: #000;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding-left: 0px;
 
 
}

#rightmiddle { 
 border: 0px solid #fff;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding-left: 5px;
/* height: 200px;*/
 width: 180px;
/* float: left; */
}
#rightcolumn { 
 color: #000;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding-left: 5px;
 height: 200px;
 width: 176px;
 float: left;
}
#gap{ 
 width: 77px;
 color: #fff;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 float: left;
}
.footer { 
 width: 858px;
 color: #000;
 border-top: 1px solid #a3a3a3;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;

}

