/**************************************************************
   AUTHOR:  Ivan F Gautama (ayolah.com)
   DATE:    2008.03.19
 
 **************************************************************/

html {
height:100%
}

p {
margin:0;
padding:0
}

body {
height:100%;
text-align:center;
font:400 0.8em verdana, arial, sans-serif;
line-height:170%;
color:#5c5c5b;
margin:0;
padding:0
}

ul,ol {
list-style:none;
margin:0;
padding:0
}

h1,h2,.contentheading {
color:#ff6c16
}
small,.createdate{color:#ff6c16;font-size:9px;}
h1 {
clear:both;
font:700 2.5em "trebuchet ms", serif
}

h2 {
font:400 1.5em "trebuchet ms", serif;
color:#ff6c16
}

h3 {
color:#50b24c;
font:400 1.3em "trebuchet ms", serif
}

.clearing {
clear:both
}

#container {
width:100%;
background:#FFF url(../images/bg_body.gif) repeat-x;
min-height:100%;
clear:both
}

#Content {
width:760px;
text-align:left;
margin:0 auto
}

#mainArea {
width:400px;
height:100%;
float:left
}

#header {
width:395px;
height:auto;
background:#FFF;
text-align:left;
margin-top:6px;
border:1px solid #999;
float:left;
margin-bottom:20px
}

#moduleArea {
width:300px;
float:right;
margin:40px 0 0 20px
}

#footer {
height:68px;
width:100%;
clear:both;
background:url(../images/grass_bottom.gif) repeat-x top left
}

.alLeft {
text-align:left
}

.menuItem {
width:650px;
margin:0 auto
}

#topMenu {
height:27px;
background:#FFF;
width:700px;
clear:both;
margin:0 auto
}

.fRight {
float:right
}

#topMenu ul {
text-align:center;
margin:0;
padding:0
}

#topMenu li {
display:inline;
list-style:none;
margin:0;
padding:0
}

#sitePic {
float:left;
padding:3px 5px
}

#siteTitle {
color:#bd0100;
font-size:1.2em;
padding:3px 5px
}

#topMenu li a,#topMenu li a:link,#topMenu li a:visited {
float:left;
padding-top:3px;
background:url(../images/tab.gif);
background-repeat:no-repeat;
width:102px;
height:25px;
font:400 1.1em "trebuchet ms", serif;
text-decoration:none;
text-transform:capitalize;
color:#FFF;
margin:0 2px
}

#topMenu li a:hover {
background:url(../images/tab_hover.gif)
}

#mainArea a {
color:#bf0301;
text-decoration:none;
font-weight:700;
border-bottom:1px dotted #bf0301
}

#mainArea a:hover {
color:#ff6c16;
border-bottom:1px solid #ff6c16
}

blockquote {
font-style:italic;
font-size:1.1em;
background-color:#fcd465;
border:1px solid #bea14f;
color:#3D7198;
margin:10px;
padding:5px 15px
}

.moduleHeading {
color:#FF6C16;
font-weight:700;
line-height:25px
}

.moduleContent {
padding:2px 4px 5px 28px
}

#siteRight a {
color:#ff6c16;
text-decoration:none;
border-bottom:1px dotted #ff6c16
}

.moduleContent li {
display:block;
background:url(../images/arrow.jpg);
background-repeat:no-repeat;
background-position:left;
line-height:25px;
padding:0 0 2px 22px
}

.moduleContent a {
color:#50b24c;
text-decoration:none;
border-bottom:1px dotted #50b24c
}

.moduleContent a:hover {
padding-left:5px;
border-bottom:1px solid #50b24c
}

.orangeModule {
width:250px;
padding-top:10px;
color:#FFF;
margin:10px 5px
}

.top_head_org {
background:url(../images/top_head_org.gif) repeat-x;
height:14px;
float:left
}

.rside_org {
height:auto;
float:left;
background:url(../images/rside_org.gif) repeat-y;
width:243px
}

.btm_below_org {
background:url(../images/btm_below_org.gif) repeat-x;
height:14px;
float:left
}

.yellowModule {
width:250px;
padding-top:10px;
margin:10px 5px
}

.top_head_yel {
background:url(../images/top_head_yel.gif) repeat-x;
height:14px;
float:left
}

.rside_yel {
height:auto;
float:left;
background:url(../images/rside_yel.gif) repeat-y;
width:243px
}

.btm_below_yel {
background:url(../images/btm_below_yel.gif) repeat-x;
height:14px;
float:left
}

.top_head_org,.btm_below_org,.top_head_yel,.btm_below_yel {
width:243px
}