/**************** body and tag styles ****************/
body
{
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	font-size: 80%;
	color: #666666;
	background-color: #ffffff;
	line-height: 200%;
	margin-top: 0px;
	text-align:justify;
	background-image: url('images/bg.gif');
	background-repeat: repeat-x;
	background-position: left 0%;
}

#container
{
	width: 770px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border: 0px solid #669900;
}

.splitright 
{
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 179px;
float: right;
overflow: auto;
text-align: center;
}

.splitleft 
{
background: #ffffff;
margin:auto;
width: 68%;
float: left;
text-align: justify;
}

h1
{
	font-size: 14pt;
	color: #626E2B;
}

h2
{
	font-size: 150%;
	color: #666666;
}

h3
{
	color:#9aba11;
	font-family:geneva,arial,sans-serif;
/*	font-weight:normal;*/
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}

h4
{
	font-size: 100%;
	color: #666666;
	font-weight: bold;
}

h5
{
	line-height:1.5em;
	font-size: 100%;
	color: #666666;
	font-weight: lighter;
}

pre
{
	line-height:1.5em;
	color:#666666;
	font-size:1em;
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	letter-spacing:0px;
	text-align: justify;
}

/*a:visited	    			{
	color: #673256;
	text-decoration: none;
	font-style: normal;
}*/

/*a:active, a:link, a:visited	    			{
	color: #673256; #626E2B;
	text-decoration: none;
	font-style: normal;
}
a:hover					{
	color: #b8ce83;
	text-decoration: none;
	font-style: normal;
}*/

a:link, a:visited
{
	color:#552B47;
	text-decoration: none;
	font-style: normal;
}

a:hover
{
	color:#b8ce83;
	text-decoration: none;
	font-style: normal;
}

#border
{
border: 0px ;
width: 800px;
background-color: #FFFFFF;
background-image: url(images/backround.gif);
margin: 0 auto;
background-repeat: no-repeat;
}

/**************** sidebar styles ****************/
#introduction
{
	float:right;
	width:180px;
	padding:0px 0px 75px 0px;
	margin:20px 0 20px 20px;
	background: url(images/menu.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
	color:#666666;
	font-size:1em;
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	letter-spacing:0px;

}

#introduction ul, #introduction li 
{
text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#introduction a 
{
	border-bottom: none;
	color:#666666;
}

#introduction h3
{
	text-align: center;
	position:static;
}

/*#introduction a:link, a:visited
{
	color:#673256;
}
*/
#introduction a:hover, a:active
{
	color:#b8ce83;
}

/**************** for the logo ****************/
#rightcol 
{
	/*padding: 4px;*/
position:relative;
	/*left:820px;*/
top:100px;
	width:180px;
	padding:100px 0px;
	margin:20px 0 20px 20px;
	float:right;
	background: url(images/logo.png) no-repeat center;
	text-align:center;
	line-height:1.5em;
	color:#666666;
	font-size:1em;
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	letter-spacing:0px;/*	overflow:auto;*/
/*	min-height: 75px;	logo box height*/
}

/**************** header styles ****************/
#header
{
height: 120px;
border-bottom: 1px solid White; 
background-image:url('images/header.png');
}

/**************** content styles ****************/
#content
{
	padding: 0.5em 1em;
	max-width: 740px;
	background-color: #FFFFFF;
	/*	min-height: 550px;*/
	overflow:hidden;  /*	changed to hiddens instead of auto and fixed IE scroll bar appearance problem*/
}

/**************** footer styles ****************/
#footer
{
	text-align: right;
	margin:100px 0 0 0; /*adjust from 180px reduce the gap at bottom*/
	height: 40px;
	padding: 0 1em;
	background-color: #D4D4D4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	
}

/*#footer a:link, a:visited
{
	color:#b8ce83;
}*/

#footer a:hover, a:active
{
	color:#666666;
}

.footerlink
{
text-align: left;
}

/**************** images styles ****************/		
a img
{
border: none;
}

img.left,img.center,img.right 
{
padding: 4px;
border: 1px solid #a0a0a0;
}

img.left 
{
float: left;
margin: 0 12px 5px 0;
}

img.center 
{
display: block;
margin: 0 auto 5px auto;
}

img.right 
{
float: right;
margin: 0 0 5px 12px;
}

/**************** menu styles ****************/
#topmenu 
{
position: relative;
top: 13px;
left: 15px;
width: 540px;
font-size:93%;
margin: 0;
line-height:normal;
height: 41px;
}
#topmenu ul 
{
margin:0;
padding:0px 0px 0 2px;
list-style:none;
}
#topmenu li 
{
display:inline;
margin:0;
padding:0;
}
#topmenu a 
{
float:left;
background:url(images/menuleft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#topmenu a span 
{
	float:left;
	display:block;
	background:url(images/menuright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#626E2B;
}

/* 
ol {
 list-style-type: upper-roman;
 	font-size: 180%;
}
ol ol {
	padding-left:2em;
	list-style-type: circle;
}
ol ol ol {
 list-style-type: decimal;
}
ol ol ol ol {
 list-style-type: lower-alpha;
}
ol ol ol ol ol {
 list-style-type: lower-roman;
}
*/

ul.res {
	list-style-type: circle;
	list-style-image: none;
	list-style-position: outside;
}
ol.res {
	list-style-type: circle;
	list-style-position: inside;
}
ol.res ol {
/*	list-style-type: decimal;*/
	list-style-type: circle;
}
ul.res li {
	font-style: normal;
}
ol.res li {
	font-style: normal;
}
ol.res ol { 
	font-style: normal; 
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span 
{
color:#669900;
}
#topmenu a:hover 
{
background-position:0% -42px;
}
#topmenu a:hover span 
{
background-position:100% -42px;
}