@charset "UTF-8";
/* CSS Document */

*{
padding:0;
margin:0;
}

body{
font-family:Verdana, Geneva, Arial, sans-serif;
font-size:14px;
color: #666666;
/*background-color: #FFFFCC;*/
/*background-color:#e5b99e*/
/*background-color:#e5cebf;*/
background-color:#c7ceb0;
background-color:#9bac97;
background-color:#fff;
}

#wrapper{
width:72em;
background-color:#FFFFFF;
/*border:#996666 thin solid;*/

/*border-left:black thin solid;
border-right:black thin solid;*/
margin:0 auto .5em auto;
}

#branding{
position:relative;
width:100%;
height:10.5em;
background-color:#e8ebe0;
border-bottom:thin #000 solid;
}

#branding h1{
font-family: "Times New Roman", Times, serif;
font-size:60px;
position:absolute;
color: #0000b0;

}

#branding h2{
font-family: "Times New Roman", Times, serif;
font-size:22px;
position:absolute;
color: #0000b0;

}

#leftcolumn{
width:9em;
float:left;
height:82em;
background-color:#c38671;
background-color:#e5c397;
}

#leftcolumnhome{
width:13.7em;
float:left;
height:60em;
background-color:#fff;

}

#main {
float:right;
width:57em;
height:72em;
line-height:1.3em;
background-color:#FFFFFF;
color: #002549;
}

#main h1, #main h2, #main h3{
font-family: "Times New Roman", Times, serif;
}

#main ol, #main ul{
padding:5px 0px 5px 30px;
}



#boxleft {
float:left;
width:26em;
background-color: #FFF;
height:58em;
line-height:1.5em;
}



#boxright {
float:right;
width:26em;
height:58em;
background-color: #FFF;
line-height:1.5em;
}

#boxleftshort {
float:left;
width:27em;
background-color:#fff;
height:33em;
line-height:1.5em;
}



#boxrightshort {
float:right;
width:27em;
height:33em;
background-color:#FFF;
line-height:1.5em;
}

#box3left {
float:left;
width:16em;
height:8em;
background-color: #ffffdd;
border:#999 thin solid;
padding:0.5em;
}

#box3middle {
float:left;
width:16em;
height:8em;
margin-left:2em;
background-color: #FFFFdd;
border:#999 thin solid;
padding:0.5em;
}

#box3right {
float:left;
width:16em;
height:8em;
margin-left:2em;
background-color: #FFFFdd;
border:#999 thin solid;
padding:0.5em;
}

#boxsmall01 {
float:left;
width:50%;
list-style-type:circle;
}

#boxsmall02 {
float:left;

width:46%;
list-style-type:circle;
}
#leftcolumnmind{
width:9em;
float:left;
height:76em;
background-color:#c38671;
}

#leftcolumn60{
width:9em;
float:left;
height:60em;
background-color:#c38671;
}

#leftcolumn70{
width:9em;
float:left;
height:70em;
background-color:#c38671;
}

#leftcolumn90{
width:9em;
float:left;
height:78em;
background-color:#c38671;
background-color:#658e64;
}

#titlebar{
background-color:#deba8b;
background-color:#e5c397;

letter-spacing:.2em;
border-top:thin #573911 solid;
/*background-color:#e1cfcf;*/
/*background-color:#e5d0ba*/
border-bottom:thin #573911 solid;
height:4em;
width:72em;
}

#titlebar h1{
font-family: "Times New Roman", Times, serif;
font-size:28px;
line-height:2em;
text-align:center;
color:#c38671;
color:#573911;

}

#topmenu{
display:block;
height:2.1em;
background-color: #1d5bda;
}

/*remove bullets from ul in navbar */
#topmenu ul{
list-style-type:none;
margin-left:10em;
}

#topmenu li{
float:left;

}

#topmenu a,
#topmenu a:link,
#topmenu a:visited{
text-decoration:none;
font-family:Verdana, Geneva, Arial, sans-serif;
font-size:95%;
height:2.2em;
color:#fff;
/*font-weight:bold;*/
letter-spacing:.2em;
display:block;
background-color: #1d5bda;
width:15.3em;
border-right:black thin solid; 
text-align:center;
line-height:2em;
outline-style:none;
font-weight:bold;
}

#topmenu a:hover,
#topmenu a:active{
 background-color: #CC0000;
color:#000;
}

#topmenu .current a:link,
#topmenu .current a:visited{
text-decoration:none;
background-color:#FFFFFF;
color:#000000;
}


#sidemenu {
border-right: #CC0000 thin solid;

}

#portofcallbox {
width:40em;
padding-left:12em;
}

#sidemenu a,
#sidemenu a:link,
#sidemenu a:visited{
text-decoration:none;
font-weight: bolder;
letter-spacing:.1em;
display:block;
line-height:1.8em;
outline-style:none;
font-family:"Comic Sans MS", Cursive;
font-size:120%;
color:#0000b0;
}


#sidemenu a:hover,
#sidemenu a:active {
text-decoration: underline;
color: #CC0000;
letter-spacing:.1em;
display:block;
line-height:1.8em;
outline-style:none;
font-family:"Comic Sans MS", Cursive;
}



#sidemenu .current a:link,
#sidemenu .current a:visited{
text-decoration:none;
background-color: #1d5bda;
line-height:1.8em;
outline-style:none;
color:#FFFFFF;

}



#contentright45{
padding:1em;
float:right;
width:29em;
height:45em;
background-color: #FFFFff;
}

#contentleft45{
padding:1em;
float:left;
width:28.5em;
height:45em;
background-color: #FFFFff;

}



#contentright{
padding:1em;
float:right;
width:29em;
height:40em;
background-color: #FFFFff;
}

#contentright45 img{
border-color:#9bac97;
}

#contentleft h1, #contentleft45 h1, contentright h1, contentright45 h1{
color: #FF0000;
}

#contentleft h2, #contentleft45 h2, contentright h2, contentright45 h2{
color: #FF0000;
}

#contentleft h3, #contentleft45 h3, contentright h3, contentright45 h3{
color: #FF0000;
}

#contentleft h4, #contentleft45 h4, contentright h4, contentright45 h4{
color: #666666;
}

#columnleft{
padding:1.0em;
font-size:80%;
float:left;
width:23em;
height:90em;
}

#columnleft img{
padding:0.5;
margin-right:0.5em;
border-color:#9bac97;
}

#columnright{
padding:1.5em;
float:right;
font-size:80%;
width:24em;
height:90em;
/*background-color:#CCFFFF;*/
}

#columnright img{

padding:0.5;
margin-right:0.5em;
border-color:#9bac97;
}

#columnmiddle{
padding:1.5em;
font-size:80%;
height:90em;
margin-left:37em;
/*background-color:#9999CC;*/
}

#columnmiddle img{

padding:0.5;
margin-right:0.5em;
}

.box{
position:absolute;
}

#footer{
padding:.5em;
font-size:10px;
height:6em;
color: #666666;
text-align:right;

background-color:#fff;

}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #666666;
}

#footer a:hover,
#footer a:active{
text-decoration:underline;
color:#000;
}
.PageTitle {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
.SubTitle1 {
}

.SubTitle2 {
	color: #C60;
}

.captiontext {
	font-size: 10px;
}