body { 
margin: 0; 
padding: 0;
background-color: #fff;
color: #333;
font-family: Verdana,sans-serif;
font-size: 12px;
}

h2 {
font-size:24px;
}

h3 {
font-size:18px;
margin:0 0 10px 0;
}

h4 {
font-size:12pt;
margin:10px 0 10px 0;
}

ul,ol{
font-size:12px;
}

.box ul,ol{
font-size:11px;
}

a {
color: #3671a1;
}

p {
color: #222;
}


h3.green{
text-align:center;
background:#AFD775;
font-size:24px;
font-family:Helvetica, sans-serif;
}
  h3.green a{
  text-decoration:none;
  color:#2C5700;
  }

h3.yellow{
text-align:center;
background:#FFD52F;
font-size:24px;
font-family:Helvetica, sans-serif;
}
  h3.yellow a{
  text-decoration:none;
  color:#6F5900;
  }  

h3.blue{
text-align:center;
background:#95CBE9;
font-size:24px;
font-family:Helvetica, sans-serif;
}
  h3.blue a{
  text-decoration:none;
  color:#024769;
  } 
  
h3.pink{
text-align:center;
background:#DE9D7F;
font-size:24px;
font-family:Helvetica, sans-serif;
}
  h3.pink a{
  text-decoration:none;
  color:#511F1F; 
  }      

strong {
color: #000;
}
 
span.red {
color: #990000;
}

div.header  {
background-color: #BF5500;
font-size: 11px;
font-weight: bold;
line-height: 1.7em;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-top: 3px;
}

div.header div.container {
color: #EF832C;
font-weight:normal
}

div.header a {
color: #FFD02F;
font-size:12px;
font-weight:bold;
text-decoration:none
}

div.header a:hover {
color:#fff
}



div.footer {
border-top: 2px solid #7F3900;
background-color:#BF5500;
color: #ccc;
}

div.footer  a{
color:#EFE877
}

div.footer strong {
color:#ccc
}

div.footer div.container {
background-color:#BF5500;
}

/* MAIN MENU */
div#menu{float:left;width: 80%;padding-top:30px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{ width:700px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7.8em;padding: 5px 0; text-decoration:none;color:#EFE986}
ul#nav a:hover{background:#EEAB12;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

.default-table {
border-left:1px solid #C1DAD7;
border-top:1px solid #C1DAD7;
}

.default-table td {
padding:5px;
border-right:1px solid #C1DAD7;
border-bottom:1px solid #C1DAD7;
text-align:left;
vertical-align:top;
_vertical-align:text-top;
}

.sawsawan {
background:#FFFCCF;
padding:10px;
_height:200px;
}

.sawsawan .default-table{
background:#fff;
float:left; 
width:460px;
height:205px;
line-height:18px; 
}

.sawsawan .margin-right {
margin-right:7px;
}

.sawsawan .margin-bottom {
margin-bottom:10px;
}

.news-content {
width:700px;
float:left
}

.news-content-right {
width:220px;
float:right;
min-height:300px;
_height:300px;
border-left:1px solid #ccc;
padding-left:15px;
}

.news-content .default-table{
float:right;
margin-left:15px;
margin-bottom:10px;
}

.left-page {
float:left; 
width:460px; 
text-align:justify;
border-right: 1px solid #ccc; 
padding-right:15px;
}

.right-page {
float:right;
width:460px;
text-align:justify;
}