/* --- GENERAL STYELES --- */

body
{
	margin: 0;
	padding: 0;
	font: 80%/1.3 verdana, arial, helvetica, sans-serif;
	/*background: #FFF url(/images/topbase.jpg) repeat-x;	*/
	color: #333;
	text-align: center;
}

#container
{
	text-align: left;
	margin: 0 auto;
	/*width: 50em;	*/
	width: 60em;
}

img { border: none; }
a:link { color: #012F93; }
a:visited { color: #284074; }
a:hover, a:active { color: #BD1E25; } 


blockquote
{
	margin: 1em 0;
	padding: 1em 0 0 60px;
	background: #EEE url(/images/quote1.gif) no-repeat 10px 10px;
}

blockquote p { margin-right: 60px; }

blockquote .source
{
	text-align: right;
	font-size: 80%;
	margin: 0 10px 10px 0;
	background: url(/images/quote2.gif) no-repeat 100% 0;
	padding: 1em 60px 20px 0;
}

q { font-style: italic; }

dl
{
	margin: 1em 0;
	padding: 0;
}

dt { font-weight: bold; }

dd
{
	margin: 0 0 1em 0;
	padding: 0;
}

/* --- HEADER --- */
#header
{
	float: left;
	width: 100%;
	border-bottom: 10px solid #fff;  
}

#header h1
{
	margin: 0;
	padding: 0;
	float: left;
	width: 260px;
}

#header h1 img { display: block; }	

#header form
{
	float: right;
	width: 32em;
	text-align: right;
	font-size: 85%;
	padding: 25px 0 0 0;
	margin: 0;
}

#header form input
{
	margin-left: .2em;
}


/*	$$$	*/

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

li {
	float: left; 
	position: relative;
	width: 10em; 
	text-align: center;
	cursor: default;
	border: 1px solid #7d6340;
	border-width: 1px 0;
	/*background-color: red;  */
	background: #BD1E25 url(/images/navbase.jpg) repeat-x;  
}

li a{text-decoration: none;}

li ul {
	display: none;
	position: absolute; 
	top: 100%;
	left: 0; 
	background-color: #787878;  
}

li>ul {
	top: 100%;
	left: 0; 
}

li li {
	display: block;
	border: 0;
	background: gray;  
}

li:hover ul, li.over ul {
	display: block;
}

/*	$$$	*/


#topnav
{
	margin: 0;
	padding: 0;
	/*background: #BD1E25 url(/images/navbase.jpg) repeat-x;  */
	width: 100%;
}

#topnav li a
{
	display: block;
	/*width: 5.5em; */
	border-right: 1px solid #DE8F92;
	padding: .4em .4em;  
	text-align: center; 
	color: #fff;  
	text-decoration: none;
}
/*#topnav li.wide a { width: 7em; } */
#topnav li a:hover { background: #284074; }
#topnav li.narrow a { width: 4em; }
#topnav li#active a { background: #63090D; }


#subcatsel { 
   color: #111111; 
   background-color: #F5F6F6; 
    font-size: 9pt;

} 

#oddsubcatsel { 
   color: #111111; 
   background-color: #E3E4E6; 
} 

/* --- --- */
.clean        {font-family:Helvetica,Arial,sans-serif}
.tip          {font-family:Helvetica,Arial,sans-serif; position:absolute; left:0px; top:0px; visibility:hidden; z-index:20}
TD.tiptd      {border-bottom:1px solid #333366; border-top:1px solid #DDDDEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:2px; font-family:Helvetica,Arial,sans-serif}
SPAN.ptt      {font-family:Helvetica,Arial,sans-serif; font-size:8pt; font-weight:bold; color:white; text-align:center}
SPAN.pst      {font-family:Helvetica,Arial,sans-serif; font-size:8pt; font-weight:normal; color:black; text-align:left}

/*UL.pst        {font-family:Helvetica,Arial,sans-serif; font-size:8pt; font-weight:normal; color:black; text-align:left}  */

/* --- --- */
.enhancedtable{
	border-collapse:collapse;
}
.enhancedtable th {
	padding:1px;
}
.enhancedtable td{
	padding:1px;
}
.enhancedtablecolouredrow{
	background:#E3E4E6;
}
.enhancedtablerowhover{
	background:#CCFFCC;
}
.enhancedtableactive{
	background:#fc6;
}

/* --- FEATURE PANEL --- */
#feature
{
	clear: both;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	color: #fff;
	background: #554647 url(/images/feature-image.jpg) no-repeat 100% 100%;
	padding: 1em 230px 1em 1.5em;
}

#feature h2
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 130%;
}

/* --- SPLASH PANEL --- */
#splashcol1
{
	float: left;
	margin: 0 1em 1em 0;
	width: 14em;
	border: 1px solid #D3B7B8;
	padding: 1em;
}

#splashcol2
{
	float: left;
	width: 14em;
	border: 1px solid #D3B7B8;
	padding: 1em;
}

#splashcol3
{
	float: right;
	width: 14em;
	border: 1px solid #D3B7B8;
	padding: 1em;
}

#splashcol1 h3, #splashcol2 h3, #splashcol3 h3, #splashcol4 h3
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 130%;
}

#splashcol4
{
	clear: both;
	float: left;
	width: 48em;
	margin: 10px 0;
	padding: 1em;
	background: #eee;
}

#splashcol2 img, #splashcol3 img { width: 100%;}

#splashcol4 p { margin: .3em 0 0; }

/* --- CONTENTCONTAINER STYLES --- */
#contentcontainer
{
	clear: both;	
	padding: 2em 1em;
}

/* --- LOCALNAV STYLES --- */
#localnav
{
	width: 12em;
	float: left;
}

#localnav h2
{
	font-weight: normal;
	font-size: 120%;
	margin: 0;
}

#localnav ul
{
	margin: .5em 0 0;
	padding: 0;
	list-style-type: none;
}

#localnav ul li
{
	background: url(/images/more.gif) no-repeat 0 .4em;
	padding-left: 14px;
	margin-bottom: .5em;
}

/* --- CONTENT STYLES --- */
#content
{
	margin-left: 13em;
	padding-left: 2em;
	border-left: 1px solid #D3B7B8;
}

#contentwide { margin: 0 2em; }

#content h2, #contentwide h2
{
	margin: 0 0 .5em;
	font-weight: normal;
}

#content h3, #contentwide h3
{
	margin: 1em 0 .5em;
	font-size: 100%;
}

#content p, #contentwide p
{
	line-height: 140%;
	margin-top: 0;
}

/* --- FOOTER STYLES --- */
#footercontainer
{
	clear: both;
	border-top: 10px solid #fff;
	/*background: url(/images/footerbase.jpg) repeat-x;	*/
}

#footer
{
	text-align: left;
	margin: 0 auto;
	width: 80em;
	/* width: 62.5em; */
	/*width:70%;	*/
	/*padding: 60px 0 2em;*/
	/* background: url(/images/rcdlogo.gif) no-repeat 100% 0;*/
	font-size: 75%;  
}

/* --- CLASSES --- */
.code{
font-size:10pt;
font-family:courier;
color:maroon;
}
.structurallabel, .hidden
{
	position: absolute;
	left: -500em;
}

.tenders
{
	background: url(/images/tenders.gif) no-repeat 0 .4em;
	padding-left: 14px;
}

.tenders span
{
	font-size: 85%;
	color: #444;
}

.news
{
	background: url(/images/news.gif) no-repeat 0 .4em;
	padding-left: 14px;
}

#splashcol2 em
{
	font-size: 85%;
	color: #444;
}

.more
{
	background: url(/images/more.gif) no-repeat 0 .4em;
	padding-left: 14px;
	margin: 0;
}

.imagefloat
{
	float: right;
	border: 1px solid #D3B7B8;
	margin: 0 0 1em 2em;
}

.newsbox
{
	margin: 1em 0;
	padding: 1em;
	background: #EEE;
	border-bottom: 1px solid #aaa;
}

#contactus
{
	margin-right: 14em;
	padding-right: 1em;
	border-right: 1px solid #D3B7B8;
}

#contactdetails
{
	float: right;
	width: 13em;
}

.wideinput
{
	display: block;
	width: 25em;
}

/* --- TENDERS PANEL --- */
#tendersfull
{
	float: left;
	width: 48em;
	margin: 0 1em 1em 0;
	border: 1px solid #D3B7B8;
	padding: 1em;
}

#tenders1
{
	float: left;
	width: 30em;
	margin: 0 1em 1em 0;
	border: 1px solid #D3B7B8;
	padding: 1em;

}

/*	RIYANTO	*/ 
#tenders1A
{
	float: left;
	width: 14em;
	height: 23em;
	/*margin: 0 1em 1em 0;	*/
	border: 1px solid #D3B7B8;
	padding: 1em;
}
/*
#tenders2
{
	float: left;
	width: 12em;
	border: 1px solid #D3B7B8;
	padding: 1em;
}
*/
/*	RIYANTO	*/
#tenders3A
{
	float: right;
	width: 58em;
	height: 23em;	
	border: 1px solid #D3B7B8;
	padding: 1em;
}

#generalbox
{
	/*height: 23em;	*/
	border: 1px solid #D3B7B8;
	padding: 1em; 
}


#tenders3
{
	float: right;
	width: 14em;
	border: 1px solid #D3B7B8;
	padding: 1em;
}
/*	RIYANTO 	*/
#tenders1A h3, #tenders2A h3, #tenders3A h3
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 140%;
	font-family: Arial;
	
}

/*	RIYANTO	*/
#tenders1A h4, #tenders2A h4, #tenders3A h4
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

/*	RIYANTO	*/
.input
{
	border:1px solid;
}

#tenders1 h3, #tenders2 h3, #tenders3 h3
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Arial;
	font-size: 130%;
}

#tenders1 h4, #tenders2 h4, #tenders3 h4
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
}

#tenders2 #uid, #tenders2 #pword
{
	display: block;
	width: 12em;
}

.mainbuttons
{
   width: 11em;
   margin-left: 10px;
}

.mainhr
{
   border-top: 1px solid #1D1D1D;
   height: 1px;
   font-size: 0;
   margin-bottom: -2px;
   padding: 0;
}

.maintabletd
{
   border-bottom: 2px #FFFFFF solid;
   border-top: 2px #FFFFFF solid;
}

form, table, tr, td
{
   font-size: 1em;
}