/***** Page *****/

body {
  background: #d2d2d2 url(bg.png);
  font:70% Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  color:#333;
}

#wrapper {
  color:#000000;
  border-right:1px solid #666666;
  border-left:1px solid #666666;
  border-bottom:1px solid #666666;
  background:#ffffff;
  width:740px;
  margin:0 auto;
  padding:0;
}

/***** Top *****/

#top {
  color:#fff;
  background: #6699CC url(front.jpg);
  height:200px;
  margin:0;
  padding:0;
}

#top .topleft { 
  text-align:left;
  display:inline;
  float:left;
  margin:4px 0 0 8px;
}

#top .topright {
  text-align:right;
  display:inline;
  float:right;
  margin:4px 20px 0 0;
}

#top a {
  text-decoration:none;
  color:#0072a8;
  background:inherit;
}

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

/***** Navigation *****/

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

#navigation {
  font-size:1em;
  background:#000066;
  height:2em;
  line-height:2em;
  color:#fff;
}

#navigation li{
  
  list-style-type:none;
  white-space:nowrap;
  float:left;
}

#navigation li a{
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  background:inherit;
  color: #fff;
  float:left;
  padding:0 10px 0 10px;
}

#navigation .selected, {
  background:#44DD3C;
  color:#ffffff;
}

#navigation a:hover{
  background:#00ffff;
  color: #ffffff
}

.navigation2 {
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  background:inherit;
  color: #e28a4b;
  float:left;
  padding:0 10px 0 10px;
}

/***** Main *****/

#main {
  width:720px;
  padding:10px;
}

/***** Content *****/

#content {
  float:right;
  width:500px;
  padding: 5px 35px 5px 5px
}


#content h2 {
  text-align:left;
  font-size:1.2em;
  margin:0px 0 0 0;
  padding: 0px 0px 0px 0px;
  color:inherit;  
}

#content p {
padding-left:0px;
padding-right:5px;
margin: 10px 5px 10px 0px
}

#content a {
text-decoration:none;
}

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

/***** Content2 *****/

#content2 {
  float:right;
  width:700px;
  padding: 5px 5px 5px 5px
}


#content2 h2 {
  text-align:left;
  font-size:1.2em;
  margin:0px 0 0 0;
  padding: 10px 5px 0px 0px;
  color:inherit;  
}

#content2 p {
padding-left:10px;
padding-right:10px;
margin:10px 5px 10px 5px;
}

#content2 a {
text-decoration:none;
}

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

/***** Sub Content *****/

#subcontent {
  float:left;
  width:160px;
  margin:0;
  padding:5px 5px 5px 0;
}

.menu h4 {
  text-align:center; 
  font-size:1em;
  margin:0;
  padding:5px;
  color:inherit;
  background: top left no-repeat;
}

.menu {
  color: #ffffff;
  padding:0;
  margin:0 0 10px 0;
  background:inherit;
}

.menu ul {
  list-style: none;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
		

.menu li a {
  display: block;
  background-color: #F8F8F8; 
  color: #2586d7;
  text-decoration: none;
  border:0;
  padding:5px;
}

.menu li a:hover {
  border:0;
  background-color: #00FFFF;
  color: #fff;
}

html>body .menu li a {
  width: auto;
}

html>body .menu h4 {
  width: auto;
}

/***** Footer *****/

#footer {
  font-size:0.9em;
  background:#000066;
  clear:both;
  padding:0;
  line-height:1.8em;
  height:1.8em;
  color:#fff;
  text-align:center;
}

#footer a {
color:#fff;
text-decoration:none;
}

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

IMG {
margin:	3px 3px 3px 3px;
padding: 3px 3px 3px 3px;	
}