body {
  text-align: center;
 

  margin-top:10px;
  margin-bottom:10px;
}

.class1 A:link {
	COLOR: #FF6347; text-decoration: none;
}
.class1 A:visited {
	COLOR: #FF6347; text-decoration: none;
}
.class1 A:active {
	COLOR: #FF6347; text-decoration: none;
}
.class1 A:hover {
	COLOR: #B22222; text-decoration: underline;
}
#menug A:link {
	COLOR: #666666; text-decoration: none;
}
#menug A:visited {
	COLOR: #666666; text-decoration: none;
}
#menug A:active {
	COLOR: #666666; text-decoration: none;
}
#menug A:hover {
	COLOR: #666666; text-decoration: underline;
}
.class2 A:link {
	COLOR: #FF6347; text-decoration: none;
}
.class2 A:visited {
	COLOR: #FF6347; text-decoration: none;
}
.class2 A:active {
	COLOR: #FF6347; text-decoration: none;
}
.class2 A:hover {
	COLOR: #B22222; text-decoration: underline;
}



#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: left;
 background: url('../img/bgchien1.jpg')  top center  repeat-y;
  border: 1px solid #663300;
}

#page_header {
  height: 120px;
  background: #9ACD34 url('../img/headerdiablo.jpg') top right no-repeat;
  clear: both;
}

#page_header h1 {
  margin: 0px;
  padding-top:30px;
  padding-left:300px;
  font-family: verdana, arial, sans-serif;
  font-size:32px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #663300;
}

#page_header h2 {
  margin: 0px;
  padding-left:305px;
  font-family: verdana, arial, sans-serif;
  font-size:13px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #663300;
}

#menu_bar {
  height:28px;
  background: #00FF99 url('../img/drop_shadow.gif') top left repeat-x;
  clear: both;
}

#menu_bar ul {
  margin-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
  background: #00FF99 url('../img/marron2.jpg') top left repeat-x;
  color: White;
  float: left;
  width: 100%;
  font-family: verdana, arial, sans-serif;
  font-size:14px;
  font-weight: bold;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  padding-right:15px;
  background: #00FF99 url('../img/marron2.jpg') top left repeat-x;
  color: #EFEFEF;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}

#menu_bar ul li a:hover
{
  background: #00FF99 url('../img/marron1.jpg') top left repeat-x;
  color: #FFFFFF;
}

#content_wrapper {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:15px;
  clear:both;
}

#right_side {
  margin-top:5px;
  float: right;
  width:160px;
  border:0px dashed #00FF33;
}

#right_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  padding:4px;
  border: 1px solid #663300;
  background:  url('../img/marron2.jpg') top left repeat-x;
}

#right_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: arial, sans-serif;
  font-size: 22px;
  color: #666666;
  line-height: 16px;
  padding-left:4px;
}

#left_side {
  float: left;
  width:540px;
  
  color: #660000;
  font-size: 15px;
  border:0px dashed #cccccc;
  font-family: Arial, sans-serif; 
}

#left_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 25px;
  color: #663300;
  
  padding:4px;
  border-bottom: 1px solid #663300;
  clear:both;
}

#left_side h4 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 17px;
  font-style: italic;
  color: #993399;
  padding:4px;
  clear:both;
  text-decoration: underline; 
}

#left_side h5 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 14px;
  font-style: italic;
  color: #6699FF;
  padding:4px;
  clear:both;
  text-decoration: underline; 
}


#left_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: arial, sans-serif; 
  font-size: 18px;
  color: #666666;
  line-height: 18px;
  padding-left:4px;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}


#feature_box {
  float: center;
  width:400px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #33FF33;
}

#feature_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

#page_footer {
  height: 40px;
  background-color: #33FF66;
  background:  url('../img/marron2.jpg');
  clear: both;
}

#page_footer p {
  padding-top:12px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  letter-spacing:1px;
}

#spacer {
  height:20px;
  clear:both;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(../img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height:18px;
}

#feature_box_1 {
  float:right;
  width:160px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:5px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:-8px;
}

#feature_box_1 h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box_1 p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

#menug {
  text-align:justify;
  float:center;
  width:430px;
  height:69px;
  font-family: 'Times New Roman', times;
  font-size: 17px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}


#feature_box_2 {
  float:leftt;
  width:155px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:5px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:-8px;
}

#feature_box_2 h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box_2 p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}



#center_side {
  float: center;
  width:720px;
  
  color: #666666;
  font-size: 18px;
  border:0px dashed #cccccc;
  font-family: arial, sans-serif; 
}

#center_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 25px;
  color: #33FF33;
  
  padding:4px;
  border-bottom: 1px solid #018843;
  clear:both;
}

#page_wrapper1 {
  margin-left: auto; 
  margin-right: auto;
  width: 820px;
  text-align: left;
  background: #FFFFFF url('../img/content_bg.jpg') top right repeat-y;
  border: 1px solid #018843;
}

#page_header1 {
  height: 120px;
  background: #9ACD34 url('../img/header1.jpg') top right no-repeat;
  clear: both;
}


#page_header1 h1 {
  margin: 0px;
  padding-top:30px;
  padding-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size:32px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #FFFFFF;
}

#page_header1 h2 {
  margin: 0px;
  padding-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size:13px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #FFFFFF;
}