/* body
--------------------------------------------------*/
body         { background-color: #FFFFFF; background-repeat: repeat; background-attachment: 
               scroll; 
               font-family: Arial; 
               text-align: right; margin: 0; padding-left: 0; 
               padding-right: 0; padding-top: 0px; padding-bottom: 0px; 
               background-position: 0% }


/* mainbody
--------------------------------------------------*/
#mainbody {
	width:802px;
	margin:0 auto;
	padding:0px;
	text-align:right;	
	border-top: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	border-left: 1px solid #333399;
}

/* main
--------------------------------------------------*/
#main {
	float:left;
	width:652 px;
	padding-top:1px;
	padding-left: 1px;
}


/* navigation
--------------------------------------------------*/
#navigation {
	height:2.2em;
	line-height:2em;
	background-color: #669999;
	border-top-width: 1px;
	border-top-color: #333399;
	border-top-style: solid;
              border-bottom-width: 1px;
	border-bottom-color: #333399;
	border-bottom-style: solid;
	margin: 0px;
	padding: 0px;
              color: #FFFFFF;
              font-weight: bold;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:right;
  margin:0;
  padding:0;
  list-style-type:none;
  border-left:1px solid;
  white-space:nowrap;
  color: #FFFFFF;
  font-weight: bold;
}

#navigation li a {
	display:block;
	padding:0 18px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration: none;
              color: #FFFFFF;
              font-weight: bold;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation li a:hover
  {
	font-weight: bold;
              background-color: #375553;
              color: #FFFFFF;
              font-weight: bold;
	text-decoration: none;
}


/* header
--------------------------------------------------*/
#header     
{ 
        background-color: #669999; 
        padding-top: 20;
        padding-bottom: 20;
        text-align:center;
}

/* title
--------------------------------------------------*/
#title    
{ 
        background-color: #ffffff; 
}


/* footer
--------------------------------------------------*/


#footer {
	font-size:10pt;
              font-weight:bold;
              text-align:center;
              clear:both;
	color: #669999;
              background-color: #333399;
              height:20px;
}


#footer p {
	font-size:10pt;
              font-weight:bold;
              border-top:1px solid #333399;
	color: #FFFFFF;
}

#footer a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}



/* subcontent
--------------------------------------------------*/
#subcontent {
	float:right;
	width: 147px;
	font-size:10pt;
	line-height:1.5em;
	padding-top: 1px;
              padding-left: 1px;
	padding-bottom: 0;
              font-weight: bold;

}

* html #subcontent {padding-top:1px;} 

#subcontent ul { margin:0;}


/* navcontainer
--------------------------------------------------*/
#navcontainer { margin-right: 0px; }

#navcontainer ul
{
	margin: 0;
              margin-top: 1px;
	padding: 0;
	list-style-type: none;
	font-family:  arial;              
	font-size: 12px;
              font-weight: bold;
	
}

#navcontainer li { font-size: 12px;
font-weight: bold;
font-weight: normal;
margin: 0 0 1px 0;  }

#navcontainer a
{
	display: block;
	padding: 4px 15px 5px 10px;
	color: #ffffff;
              background-image: url(images/button-dark.jpg);
	text-decoration: none;
	font-weight: bold;
}

#navcontainer a:hover
{
color: #ffffff;
background-image: url(images/button-blue.jpg);
text-decoration: none;
}


#navcontainer ul ul li { 
font-size: 12px;
font-weight: bold;
font-weight: normal;
margin: 0 0 1px 0; 
}

#navcontainer ul ul a
{
display: block;
height: 20px;
color: #ffffff;
font-weight: bold;
background-image: url(images/button-green.jpg);
text-decoration: none;
margin: 0 0 1px 0;
}

#navcontainer ul ul a:hover{

color: #ffffff;
font-weight: bold;
background-image: url(images/button-blue.jpg);
text-decoration: none;
}

#navcontainer ul ul ul li { 
font-size: 12px;
font-weight: bold;
font-weight: normal;
margin: 0 0 1px 0; 
}

#navcontainer ul ul ul a
{
display: block;
height: 20px;
color: #ffffff;
font-weight: bold;
background-image: url(images/button-dark.jpg);
text-decoration: none;
margin: 0 0 1px 0;
}

#navcontainer ul ul ul a:hover{

color: #ffffff;
font-weight: bold;
background-image: url(images/button-blue.jpg);
text-decoration: none;
}


/* leftmain
--------------------------------------------------*/

#leftmain {
	
	width: 630px; 
              padding-right: 20px;
	padding-left: 20px;	
}
#leftmain p {
	margin: 0px;
              font-family: Arial;
              font-size: 12px;
              color: #375553;
              line-height: 150%; 
              text-align: Justify;
              margin-top: 20px;
}

#leftmain li {
	margin: 0px;
              margin-top: 10px;
              list-style-image: url('images/li.jpg');
              font-family: Arial;
              font-size: 12px;
              color: #375553;
              line-height: 150%
              text-align: Justify;
}

#leftmain h1 {
	padding-top: 15px;
	margin: 0px;
              font-weight: bold;
              font-size: 18px;
              font-family: Arial;
              color: #375553;
              line-height: 150%; 
}

#leftmain h2 {
	padding-top: 15px;
	margin: 0px;
              font-weight: bold;
              font-size: 16px;
              font-family: Arial;
              color: #669999;
              line-height: 150%; 
}

#leftmain td {
	margin: 0;
              padding-left: 20px;
              font-family: Arial;
              font-size: 12px;
              color: #375553;
              line-height: 150%; 
              text-align: Justify;
              margin-top: 20px;
              border-bottom: 1px solid #669999;
}

#leftmain a {
	margin: 0;
              font-family: Arial;
              font-size: 12px;
              color: #669999;
              line-height: 120%; 
              text-align: Justify;
              margin-top: 20px;
              text-decoration: none;
              font-weight: bold;
}

#leftmain a:hover {
	margin: 0;
              font-family: Arial;
              font-size: 12px;
              color: #333399;
              line-height: 120%; 
              text-align: Justify;
              margin-top: 20px;
              text-decoration: none;
              font-weight: bold;
}







