body 

{

/*font-family:"Century Gothic", "Gill Sans", Arial, sans-serif; */

font-family: "Palatino Linotype", "Linotype Linotype", "Book Antiqua", Palatino, serif;

background-color: #2f4f4f;/*#d0d0d0; /*#2f4f4f;/*#e5e5ae;*/

margin:0px;

}



#wrapper {

    width: 900px;

    margin: 5px auto 0 auto;

    border:1px solid gray;

    background-image:url(../images/bg/page4.jpg);

   

}

#wrapperAdmin {

    width: 100%;

    margin: 10px 10px 10px 10px;

    border:1px solid gray;

    background-image:url(../images/bg/page4.jpg);

   

}



#wrapperwide {

    width: 900px;

    margin: 5px auto 0 auto;

    border:1px solid gray;

    background-image:url(../images/bg/page4.jpg);

}



/*********************/

/* BANNER STYLES */

/*********************/

div.wbanner {

  width: 900px;

  height: 135px;

  background-image: url(../images/bg/banner_900x141.png);

  background-position: 0 0;

  margin-top: -10px;   // to fix a firefox bug!!!

  padding: 0px;

}

div.wbanner h2 {

  font-weight: bold;

  color: #000000;

  font-size:14pt;

  padding-top:78px;

  padding-left:250px;

  padding-right:100px

}



#logo {

    display: none; /* this logo is used only for printing */

}



#background {

	background-image: url(../images/1959fd13.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	width: 80;

}

/* image replacement technique */

#banner p.logo {

	background: url(../images/bg/logo sample1.png) no-repeat left top;

	height: 70px;

	text-indent: -5000px;

	}



div.header

{

padding:0.5em;

color:white;

background-color:#4c5844;

clear:left;

height: 70px;

}

div.footer

{

padding:0.5em;

color:white;

background-color:#2f4f4f;

clear:both;

}

div.footer a {
text-decoration:none;
}

div.footer a:hover {
text-decoration:underline;
}



h1.header
{
/*font-family: Arial, sans-serif; */
padding:0;
margin:0;
}

#leftads
{
float:left;
width:138px; 
height:100%;
margin:0;
padding:4px;
/* border-top: 5px solid #b22222;*/
border-right:1px solid #b22222; 
border-bottom:1px solid #b22222; 
/*background-color:#b22222; /* #b22222; */
}

#leftads a {text-decoration:underline;border:0;}
#leftads a:hover {color:#b22222; } /* #567995} */

#rightads
{
float:right;
width:138px;
height:100%;
margin:0;
padding:2px;
border: 1px solid teal;
//background-color:#2f4f4f;
}

div.content
{
margin-left:140px;
/*border-left:1px solid gray;*/
padding:1em;
//background-image:url(../images/bg/page4.jpg);
//background-repeat: repeat-y;
}
div.content2
{
margin-left:140px;
margin-right:20px;
/*border-left:1px solid gray;*/
padding:1em 0 1em 1em;
//background-image:url(../images/bg/page4.jpg);
//background-repeat: repeat-y;
}

div.content2 h2
{
font-size: 13pt;
color:red;
font-weight:bold;
}

#navleft
{
float:left;
width:165px;
padding:0;
margin:0;
list-style-type:none;
}

#mainnav
{
height: 45px;
background:  #2f4f4f;
//border-bottom:1px solid #2f4f4f; // only when background is white
//border:0;
//margin-top: -1px;
}

#mainnav ul {
	list-style-type: none;
	margin-left: 5px;
	padding: 0px;
}

#navtop 
{
float:left;  
padding:0;
margin:0;
list-style-type:none;
}

#navtop li 
{
display: inline;
}

#navtop a
{
margin-top:2px;
margin-right:10px;
float:left;
text-decoration:none;
color:white;
font-weight: bold;
font-size: .8em;
background-color:#2f4545;
/*padding:3px; */
padding-top: 3px;  /* inside*/
padding-bottom:3px;
padding-left:4px;
padding-right:4px;
display:block;
text-align:center;
border-top:1px solid gray; /*only when background is not white*/
border-left:1px solid gray; /*only when background is not white*/
border-right:1px solid gray; /*only when background is not white*/
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
}

#navtop a:hover {background-color:teal}

/* a.info is used for the tooltip effect of the menus */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

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:1em; width:12em;
    border:1px solid teal;
    background-color:#cff; color:#000;
    padding: 5px;
    text-align: left;
    font-weight:normal;
    //font-family:Arial, Helvetica, sans-serif;
}

a.leftlink
{
float:left;
width:6em;
text-decoration:none;
color:white;
/*font-weight: bold;*/
padding:0.2em 0.6em;
font-size:.5em;
}

a.leftlink:hover {background-color:#567995} 

li {display:inline}

a.imglink{
color:black;
text-decoration:none;
border:1px solid black;
}

div.ad-banner
{
margin-left:430px;
width:468px;
height:65px;
text-align:right;
}

p {
color:black;
/*font-family:"Century Gothic", "Gill Sans", Arial, sans-serif; */
font-size:1em;
margin-left:20px;
}

div.content ul {
	list-style-type: none;
	margin-left: 20px;
        margin-top:0px;
	padding: 0px;
}

div.content li 
{
margin-left:40px;
display: block;
}

div.content2 ul {
	list-style-type: none;
	margin-left: 20px;
        margin-top:0px;
	padding: 0px;
}

div.content2 li 
{
margin-left:40px;
display: block;
}