/* 

STYLE SHEET FOR Embassy of the Republic of Indonesia, Wellington, New Zealand
Created by Ennovative Creationz
www.ennovative.co.nz

ToC

	1. defaults resets
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/



/* --------- 1. defaults  --------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	padding:0;
	margin: 0;
}
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 {
	font-size:100%;
	color: 062a56;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	q:before, q:after { content:''}
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li {
	list-style:none;
	padding-top: 10px;
	padding-left: 5px;
}
	* a {
	position:relative;
	background-image: url(archive/Himbauan%20Penanggulangan%20Flu%20H1N1.pdf);
} /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */
		
/*  --------- 2. structure  --------- */

body { 
	background:url(../global_image/bkgd.jpg) #294b75 top left repeat-x;

		}

#wrapper {
		}

#container {
	margin:0 auto;
	padding:0;
	width:950px;
	background-color:#FFFFFF;
}
		
#masthead {
	background:url(../global_image/logobanner.jpg) top left no-repeat;
	height: 120px;
		}
#masthead_clock {
	position: relative;
	float: right;
	width:180px;
	height:120px;

}
		
#logo {
		}

#search {
	position:relative;
	float: right;
	margin: 2px 5px 2px 0;
	width: 290px;
	height:30px;
	}

	
#topnavigation {
	background: #FF6600 url(../global_image/orange_tab.png) top left repeat-x;
	height: 35px;
	margin-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#content {
	padding: 5px 5px 0 5px;
	margin-bottom: 5px;
}

#intro {
	height: 192px;
	border-top: solid #faa61a 4px;
	border-bottom: solid #faa61a 6px;

}

#intro_main {
	position: relative;
	float: left;
	height: 100%;
	width: 630px;
	background-color: #000000;
	margin-right: 5px;
}

#intro_sub {
	position: relative;
	float: left;
	height: 100%;
	}

#content_main {
	position: relative;
	float: left;
	width: 630px;
	margin: 10px 5px 0 0;
	padding-bottom:0;
	height: 400px;
}
#content_main  p {
	padding: 5px;
}

.boxleftorange {
	position:relative;
	float:left;
	border-bottom: solid #faa61a 1px;
	border-right: solid #faa61a 2px;
	width: 315px;
	margin: 0 5px 5px 0;
	height:100%;
}

.boxleftred {
	position:relative;
	float:left;
	border-bottom: solid #ec3a6b 1px;
	border-right: solid #ec3a6b 2px;
	width: 315px;
	margin: 0 5px 5px 0;
	height:100%;
}

.boxrightgreen {
	position: relative;
	float: left;
	border-bottom: solid #aed477 1px;
	border-right: solid #aed477 2px;
	width: 305px;
	margin: 0 0 5px 0;
	height:100%;
}

.boxrightblue {
	border-bottom: solid #17a5ce 1px;
	border-right: solid #17a5ce 2px;
	width: 305px;
	position: relative;
	float: left;
	margin: 0 0 5px 0;
	height:100%;
}

#home .boxleftorange, #home .boxrightgreen, {
	height:250px;
}

#home .boxleftred, #home .boxrightblue {
	height:350px;
	}

/*#consular .boxleftorange, #consular .boxrightgreen {
	height: 600px;
}

#economy .boxleftorange, #economy .boxrightgreen {
	height: 520px;
}

#culture .boxleftorange, #culture .boxrightgreen {
	height: 550px;
}

#events .boxleftorange, #events .boxrightgreen {
	height: 250px;
}

#embassy .boxleftorange, #embassy .boxrightgreen {
	height: 700px;
}

#indonesia .boxleftorange, #indonesia .boxrightgreen {
	height: 270px;
}*/

/*#gallery .boxleftorange, #gallery .boxrightgreen {
	height: 800px;
}

#links .boxleftorange, #links .boxrightgreen {
	height: 350px;
}*/




.twocolumn_content {
	position: relative;
	float: left;
	background: url(../global_image/greentop_tab.png) top left no-repeat; 
	margin-top: 5px;
	padding: 15px 0 5px 0;
	width: 628px;
}

.twocolumn_content ol {
	padding-top:0;
	margin-top:0;
	margin-bottom:10px;
}

#content_sub {
	width: 300px;
	position: relative;
	float: right;
	margin-top: 10px;
	margin-left: 5px;
}

#content_sub ul {
 padding: 0 4px 4px 0;
}
#popular {
	border-bottom: solid #aed477 1px;
	border-right: solid #aed477 2px;
	width: 305px;
	position: relative;
	float: left;
	}
	
#popular ol  {
	line-height : 1.3;
	margin: 20px 5px 45px 5px;
}
#popular ol, #popular ol li {
display : inline;
}
#popular ol li.lowest {
font-size : 0.82em;
}
#popular ol li.lower {
font-size : 1em;
}
#popular ol li.low {
font-size : 1.18em;
}
#popular ol li.mid {
font-size : 1.36em;
}
#popular ol li.high {
font-size : 1.55em;
}
#popular ol li.higher {
font-size : 1.73em;
}
#popular ol li.highest {
font-size : 1.91em;
font-weight : bold;
}


#footer {
	position:relative;
	float:left;
	background-color: #012653;
	color: #fff;
	height:180px;
		}

#embassy_info {
	position: relative;
	clear:both;
	float: left;
	margin: 5px 0 5px 0;
}

#embassy_info ul li {
	line-height:9px;
}

.publish {
	margin: 2px 0 5px 5px;
	padding:0;
	font-style:italic;
	}

#time {
	position: relative;
	float: left;
	width:310px;
	padding: 0 5px 10px 5px;
	border-right: dotted #fff 1px;
	margin-right: 5px;
	height: 100px;
}

#phone {
	position: relative;
	float: left;
	width:310px;
	padding: 0 5px 10px 5px;
	border-right: dotted #fff 1px;
	margin-right: 5px;
	height: 100px;
}

#address {
	position: relative;
	float: left;
	width:285px;
	padding: 0 5px 10px 5px;
	height: 100px;
}

#credit_info {
	position: relative;
	margin: 5px;
}

#copyright {
	position: relative;
	float: left;
	width:330px;
}

#disclaimer {
	position: relative;
	float: left;
	width:280px;
}

#designer {
	position: relative;
	float: right;
}	

.orange {
	background:url(../global_image/orange_tab.png) top left repeat-x;
	padding: 10px 0 10px 5px;

}
.green {
	background:url(../global_image/green_tab.png) top left repeat-x;
	padding: 10px 0 10px 5px;
}
.red {
	background:url(../global_image/red_tab.png) top left repeat-x;
	padding: 10px 0 10px 5px;

}
.blue {
	background:url(../global_image/blue_tab.png) top left repeat-x;
	padding: 10px 0 10px 5px;
}

.gray {
	background-color: #CCCCCC;
	padding: 5px 2px 5px 2px;
	}
.redshort {
	background: url(../global_image/redshortlight_tab.png) top left repeat-x;
	padding: 2px 0 2px 5px;

}

.right {
	position:relative;
	float:right;
	margin-right:10px;
}

.textright {
	text-align: right;
	margin-right:10px;
}

.separator {
		clear: both;
		}
		
.lineseparator {
	background: url(../global_image/lineseparatorgray.png) top left no-repeat;
	padding-top: 15px;
	margin-top: 5px;
}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}
.clear, br {
	clear:both;
	visibility:hidden;
	}

.external_link {
	background:url(../global_image/externalLink3.gif) top left no-repeat;
	padding-left:15px;
	
}

.image_left {
	position: relative;
	float: left;
	margin: 5px 5px 5px 0;
	}

.pdf {
	font-size:1em;
	font-style:italic;
	font-weight:normal;
}

.hidden {
	visibility:hidden;
	}
.important {
	color:#FF0000;
	font-weight:bold;
}

/* left spacing for the NZ flag on tbe home page time zone */
.imgleftspace {
	margin-left: 40px;

}

/* Style for the photo video gallery */
.photogal, .videogal{
	position:relative;
	float: left;
	margin: 5px 10px 5px 0;
}

#gallery .boxleftorange p, #gallery .boxrightgreen p {
	margin-bottom: 0;
	padding-bottom:0;
}



/* ---------- 3. links and navigation ---------- */

a:link {
	text-decoration: underline;
	 color: #00460f;
}

a:visited {
	text-decoration: underline;
	color: #00460f;
}

a:hover {
	text-decoration: underline;
	color:#000;
	background-color:#fabe5b;
	}

a:active {
	text-decoration: none;
	color: #00460f;
}

#topnavigation ul {
	margin-left: 15px;
		}

#topnavigation li {
	display: inline;
	padding-right: 12px;
	padding-left: 0px;
		}

#topnavigation a, #topnavigation a:link, #topnavigation a:active {
	text-decoration:none;
	color:#000;
		}

#topnavigation a:hover {
	text-decoration:none;
	color: #fff;
	border-bottom: solid #000 4px;
	padding-bottom: 1px;
	background-color: #78a338;
		}

.this_page {
	color: #fff;
	border-bottom: solid #000 4px;
	padding-bottom: 1px;
	}

#popular ol li a, #popular ol li a:active, #popular ol li a:link {
	text-decoration:none;
	color:#000;
}
	
#popular ol li a:hover {
	background:none;
	text-decoration:underline;
}

#btm_navigation {
	font-size:1em;
	padding: 5px 10px 5px 15px;
	text-align: center;
	border-bottom: dotted #ccc 1px;
}
#btm_navigation ul li{
	display: inline;
	padding-right: 8px;
	padding-left: 5px;
}

#btm_navigation a, #btm_navigation a:link, #btm_navigation a:active {
	text-decoration:none;
	color: #fff;

}

#btm_navigation a:hover {
	text-decoration:none;
	color: #012653;
	border-bottom: solid #fff 2px;
	padding-bottom: 2px;
}

#embassy_info a, #embassy_info a:link, #embassy_info a:active, #credit_info a, #credit_info a:link, #credit_info a:active {
	text-decoration:none;
	color:#faa61a;
}

#embassy_info a:hover, #credit_info a:hover {
	text-decoration: underline;
	color: #fff;

}
/* ---------- 4. fonts ---------- */

html {
		font-size: 68.75%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

body {
		font-size: 100%;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
	font-size: 1.6em;
	}

#masthead h1 {
	float:left;
 margin-left:-9000px;
 	}

#masthead h4 {
	font-size:10px;
	margin:0 5px 35px 0;
	text-align: right;
}

h2 {
	font-size: 1.4em;
	padding-left: 5px;
		}
#content_sub h2 {
	background-color: #eeeeee;
	margin-bottom:5px;
	padding:2px;
}

h3 {
	font-size: 1.2em;
	margin: 10px 0 0 5px;
		}
		
#economy h3 {
	background-color:#EAEAEA;
	padding:5px;
}

h4 {
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
		}
.youarehere h4 {
	margin-top: 2px;
	margin-bottom: 2px;

}
#contactthanks h4{
	padding-left:5px;
}		
h5 {

}
h6 {
	padding-right:10px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	display: inline;
}

p {
	line-height:16px;
		}
#masthead p { 
	font-size:9px;
	}

ul {
		}

.paralist {
	padding:0;
	margin:0;
}

.topnospace {
	padding-top:0;
	margin-top:0;
}

blockquote {
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. tables ---------- */

table {
	width: 90%;
	margin: 0 auto;
	font-family: Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	border-collapse: collapse;
		}
		
caption {
		}
		
tr {
	line-height:30px;
		}


th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
form {
		}

/* Style for the contact form fields */
fieldset {
	margin: 0;
	padding:1em;
	border: 1px solid #ccc;
	}
legend {
	font-weight: bold;
}
label {
	display: block;
}
input, select, textarea {
	width: 220px;
}

input:focus, textarea:focus {
	background: #ffc;
}
input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input[type="text"] {
	height: 15px;
}

.submit {
	margin: 5px 0 20px 10px;
}
input.submit {
	width: 100px;
}


/* style for gallery page */
#slideShow {
  width : 160px;
  height : 130px;
  padding : 0 5px 0 5px;
}