@charset "utf-8";
/* CSS Document */

body {background-color:  #F5F3F5   ;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: small;
padding: 0;
margin: 0
}

#maincontainer {width: 900px;
margin: 1em auto 0 auto;
padding: 0;
border: 14px solid #fff;
 }

#header {background-image:url(images/header.gif);
background-position: top left;
background-repeat:no-repeat;
}


#header3 {background-image:url(images/header3.jpg);
background-position: top left;
background-repeat:no-repeat;
}

#header4 {background-image:url(images/header4.jpg);
background-position: top left;
background-repeat:no-repeat;
}

#header5 {background-image:url(images/header5.jpg);
background-position: top left;
background-repeat:no-repeat;
}
#header6 {background-image:url(images/header6.jpg);
background-position: top left;
background-repeat:no-repeat;
}
#header7 {background-image:url(images/header7.jpg);
background-position: top left;
background-repeat:no-repeat;
}

#header8 {background-image:url(images/header8.jpg);
background-position: top left;
background-repeat:no-repeat;
}

#center {background-image:url(images/background3.gif);
background-position: top left;
background-repeat:repeat-y;
}


#left {float: left;
padding: 2.5em  1em 1em 1.25em;
width: 185px;
font-size: 11px;
}

#left a {color: #336699;
text-decoration: none;}

#left a:hover {color: #000}

#right {width: 575px;
float: right;
padding: 2em 3em 2em 1em}

#right a {color: #336699;
text-decoration: none;}

#right a:hover {color: #000}

.clear {clear: both;
}

h1 {font-size: small;
font-weight:bold;
margin-top: none;
color: #336699}

h2 {font-size: small;
font-weight:bold;
}

#mainnav {
text-align: right;
border-top: 4px solid #ccc ;
padding: 0 0 1em 0;
  }



/*________nav3text_______*/	

 ul#nav3 {margin: 122px 12px 0 0 ;
}

 ul#nav3 li {list-style:none;
display: inline;
padding-right: 1px}


	ul#nav3 li a{
color: #fff;
text-decoration: none;
font-weight: bold ;
padding-right: 1em;
/*-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;*/
	-moz-border-radius-topleft: 2px;
	-khtml-border-top-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-khtml-border-top-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #336699;
	padding: 3px 10px 6px 10px}
	
	
	 ul#nav3 li a:hover {color: #000 ;
background-color: #CCCCCC;
}

ul#nav3 li a.on  {color: #000 ;
background-color: #CCCCCC;
}



/*____________*/ 



#left2 {float: left;
padding: 2.5em  0 1em 0;
width: 222px;
font-size: small}

ul.leftlist {margin: 0}

ul.leftlist li {list-style:none;
margin-left: -3em;
background-color: #336699;;
padding: 6px}

ul.leftlist li a {font-size: small;
color: #fff;
text-decoration: none;
font-weight: bold
}

ul.leftlist li a:hover {color: #000;
}

ul.leftlist li a.on {color: #000;
}

.translogo {text-align:center;
margin-top: 2em}


#base {width: 924px;
margin: 0 auto 1em auto;
font-size: smaller;
text-align: center;
border-top: 1px solid #ccc;
padding-top: 1em}

#base a {text-decoration:none;
color: #336699}

#base a:hover {color: #333}

.translogo {padding-top: 2em;
}

#center ul li {margin-bottom: 6px}

p#subscribe {text-align:left;
margin-top: 1em;
}

#subscribe2 {text-align:left;
margin: 2em 1em 0 1em;
font-size: 11px}



#history {width: 450px;
float: right}

#selfandsociety {width: 100px;
float: left;
padding-top: 5px}