/* Start of CMSMS style sheet 'YPKP' */
body {
background-image: url(images/bg.jpg);
background-position: center;
background-repeat: repeat-y;
}

a.profile { 
display: block; 
width: 76px; 
height: 116px; 
background: transparent url(images/profile.gif) no-repeat; 
} 
a.profile:hover { 
background-position: -76px 0; 
}

a.aktivitas { 
display: block; 
width: 76px; 
height: 127px; 
background: transparent url(images/aktivitas.gif) no-repeat; 
} 
a.aktivitas:hover { 
background-position: -76px 0; 
}

a.event { 
display: block; 
width: 76px; 
height: 102px; 
background: transparent url(images/event.gif) no-repeat; 
} 
a.event:hover { 
background-position: -76px 0; 
}

a.download { 
display: block; 
width: 76px; 
height: 143px; 
background: transparent url(images/download.gif) no-repeat; 
} 
a.download:hover { 
background-position: -76px 0; 
}

a.pengalaman { 
display: block; 
width: 76px; 
height: 159px; 
background: transparent url(images/pengalaman.gif) no-repeat; 
} 
a.pengalaman:hover { 
background-position: -76px 0; 
}

.bgleft {
	background: url(images/bgleft.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.footer {
	
	padding-left: 10px;
}

/* position for the search box */
   div#search {
   text-align: center;
   width: 23em;    /* enough width for the search input box */
   padding-top: 5px;
}

div#main {
padding: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  width: 300px; 
}

div.right49 {
  float: right;
  width: 100px;
  text-align: right;
}

div#search {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
margin-left: 20px;
}

img {
   border: 0;
}

/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 18px; /* font size for h1 */
   line-height: 20px;
   margin: 0;
}
div#content h2 {
        color: #294B5F;
        font-size: 1.5em;
        text-align: left;
/* some air around the text */
        padding-left: 0.5em;
        padding-bottom: 1px;
/* set borders around header */
        border-bottom: 1px solid #e7ab0b;
        border-left: 1.1em solid #e7ab0b;
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F;
   font-size: 14px;
}
div#content h4 {
   color: #294B5F;
   font-size: 16px;
}
div#content h5 {
   color: #294B5F;
   font-size: 10px;
}
h6 {
   color: #294B5F;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* End of 'YPKP' */

/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 0 0 0 0;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0em 0em 0em; /* padding for the news article summary */
    margin: 0 0em 0em 0em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 12px;
 }

.NewsSummaryLink {
    font-size: 12px;
    font-weight: bold;
    padding-top: 0em;
}

.NewsSummaryCategory {
    font-size: 12px;
    font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-size: 12px;
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  font-size: 12px;
  line-height: 140%;
 }

.NewsSummaryMorelink {
  font-size: 12px;
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 120%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: News' */