body {
margin:0;
padding:0;
background-image:url(images/dot.gif);
background-color:#8ABF5B;
font-size:.75em;
line-height:1.3em;
font-family:georgia, palatino, "book antiqua", serif;

}

html>body body {
margin:0;
padding:0;
background-image:url(images/dot.png);
background-color:#8ABF5B;
font-size:.75em;
line-height:1.3em;
font-family:georgia, palatino, "book antiqua", serif;

}

img {
	border: none;
}

a {
	color:#192f7b;
}

h2 {
color: #192f7b;
font-size:1.1em;
line-height: 1.2em;
font-family:verdana, sans-serif;
font-weight:bold;

}

h3 {
color: #192f7b;
font-size:1.1em;
line-height: 1.3em;

padding-bottom:.7em;
font-family:verdana, sans-serif;
font-weight:bold;
border-bottom:2px solid #f0ea79;

}

h1 {
color: #000000;
padding-top:.7em;
font-size:1em;
line-height:1.3em;
font-family:georgia, palatino, "book antiqua", serif;

padding-bottom:.2em;

font-weight:bold;
border-top:1px dotted #999;
}

h4 {
color: #000000;
padding-top:.7em;
font-size:1em;
line-height:1.3em;
font-family:georgia, palatino, "book antiqua", serif;
clear:right;
padding-bottom:.2em;

font-weight:bold;
border-top:1px dotted #999;
}

h1 a {
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}
	
.header {
color: #192f7b;
font-size:2.5em;
line-height: 1.4em;
font-family:verdana, sans-serif;
font-weight:bold;
padding-right:45px;
background: url(images/trees.gif) right no-repeat;
margin-top:0;
margin-bottom:1.25em;
margin-right:0;
}

.top a{
float:right;
color: #192f7b;
padding-left:10px;
text-decoration:none;
background: url(images/up_arrow.gif) left no-repeat;}

.top a:hover{
text-decoration:underline;
}

a.more {
display: block;
float: left;
color: #192f7b;
padding-right:10px;
text-decoration:none;
background: url(images/right_arrow.gif) right no-repeat;}

a.more:hover{
display: block;
float: left;
text-decoration:underline;
}


a.back {
margin-top: .2em;
display: block;
color: #192f7b;
padding-left:10px;
text-decoration:none;
background: url(images/back_arrow.gif) left no-repeat;}

a.back:hover{
text-decoration:underline;
}

h1 {
font-weight:bold;
}

.large {
	font-size: 1.5em;
}

table {
font-size:.8em;
padding:10px 0px;
font-family:verdana, san-serif;
color:#000;}

#center {
float:left;
width:765px;
margin: 30px 20px;
}

#container {
float:left;
width:759px;
}



#content {

float:right;
width:590px;
margin-right:-2px;
background-image: url(images/drop_shadow.jpg);
background-position:-1px 0px;
min-height: 400px;


}

html>body #content {

float:right;
width:589px;
margin-right:-2px;
background: url(images/drop_shadow.png)right repeat-y;
min-height: 400px;
}

/* ======================inside the content! ================================*/



#left {
width:290px;
float:left;
margin:0px 10px 0px 10px;

}

html>body #left {
width:300px;
float:left;
margin:0px 20px 0px 20px;

}


ul {
margin-left:15px;}

html>body ul {
margin-left:-25px;}

 li {
margin-top:1em;
list-style-image:url(images/arrow.gif);}


li a
{text-decoration:none;
color: #192f7b;}
 
li a:hover
{text-decoration:underline;
color: #333;}

#right {
width:190px;
font-family:verdana, sans-serif;
color: #192f7b;
float:right;
line-height:1.4em;
margin:5.3em 15px 0px 0px;
padding: .5em 10px;
background:#f0ea79;
overflow:hidden;
}

html>body #right {
margin:4em 25px 20px 0px;}

#bottom {
clear-float:both;
width:530px;
float:left;
margin-left:10px;

}

#right label {
	margin-top: 10px;
	display: block;
}

#right img {
	margin-top: 7px;
	margin-left: 5px;
}

html>body #bottom {
clear-float:both;
width:540px;
float:left;
margin-left:20px;

}

img.right {
float:right;
border: none;
margin:0px 0px 10px 10px;}

img.left {
float:left;

padding:0px 10px 10px 0px;}

img.center {
padding:10px 5px 10px 5px;}

#header {
float:right;
margin-right:1px;
height:159;
width:587;
background:url(images/header.jpg);
}

html>body #header {
float:right;
margin-right:0px;
height:159;
width:587;
background:url(images/header.png);}

/* ======================navigation time come on!!!! ================================*/

#nav {
width:171px;
padding-top:236px;
background: url(images/logo.jpg) top right no-repeat;

margin-left:2;
float:left;

font-family:Verdana;
}

html>body #nav {
width:171px;
background:url(images/logo.png) top right no-repeat;
margin-left:1px;
}

#nav li {
float:right;
margin-right:0px;
list-style:none;

}

#nav a {
font-size:.8em;
font-weight:bold;
display:block;
background: #FFD71C url(images/shadow.gif) right no-repeat;
color:cc0822;
border-top:.5px solid #f0ea79;border-right:2px solid #cdac15;
border-left:.5px solid #cdac15;border-bottom:.5px solid #cdac15;
text-decoration:none;
width:139px;
margin-top:2px;
margin-right:-1px;
padding:.5em 0 .5em 5px;}

#nav a:hover {
display:block;
width:139px;
background: #cc0822 url(images/r_shadow.gif) right no-repeat;
border-top:.5px solid #960417;
border-right:2px solid #960417;
border-left:.5px solid #960417;border-bottom:.5px solid #960417;
color:white;
margin-right:-1px;
margin-top:2px;
}

#nav a:active {
display:block;
margin-right:-2;
background: #ffffff;
border-top:.5px solid #999;
border-right:2px solid #ffffff;
border-left:.5px solid #999;border-bottom:.5px solid #999;
color:#192f7b;

margin-top:2px;
}

#nav .active {
display:block;
margin-right:-1;
background: #ffffff;
border-top:.5px solid #999;
border-right:2px solid #ffffff;
border-left:.5px solid #999;border-bottom:.5px solid #999;
color:#192f7b;

margin-top:2px;

font-size:.8em;
font-weight:bold;

width:139px;


padding:.5em 0 .5em 5px;
}


.footer {
float:right;
margin-right:1px;
background:url(images/bottom.jpg);
background-repeat:no-repeat;
width:588px;
padding-top:31px;
text-align:center;

word-spacing:.3em;
}

html>body .footer {
background:url(images/bottom.png);
background-repeat:no-repeat;
margin-right:0px;}

.text_right {
margin-right:-5px;
margin-top:20px;
float:right;
width:100px;
font-style:italic;
color:#333;
}

.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}	
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */

#listing .clearfix {
	width: 530px;
	margin: 0 0 20px 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#listing label {
	display: block;
	font-weight: bold;
}

#listing img {
	float: right;
	border: none;
}

#listing a {
	text-decoration: none;
}

#listing a:hover {
	text-decoration: underline;
}

img.news {
	float: right;
	margin: 15px 0 10px 10px;
	border: none;
}

.partners {
	border-top:2px solid #192f7b;
	padding-top: .5em;
	clear: both;
}