/* deafult font size in reset.css */
body
{
	font-family: Arial, "Trebuchet MS", Helvetica, Sans-serif;
	width: 100%;
	text-align: center;
	padding: 0;
	background: #cfbba4 url(../images/layout/bgKartong.jpg) top center;
	color: #404040;
}


.contentText
{
	margin-bottom: 20px;
}

.pageVideo
{
	margin-bottom: 15px;
}


ul.articleList li h3 a, ul.articleList li h3.visited,
#content h2,
#contactItem h2,
#contactItem h4
{
	color: #eb7d1f;
}

#content h2 .cufon-canvas, #content h2 cufon-vml,
#contactItem h2 .cufon-canvas, #contactItem h2 .cufon-vml,
#contactItem h4 .cufon-canvas, #contactItem h4 .cufon-vml

{
	background: url("../images/layout/bgHeader.png") transparent;
	padding: 5px 1px;
}

#contactItem h4 .cufon-canvas
{
	padding: 3px 1px;
}

#contactItem h4
{
	margin-bottom: 10px;
}

ul#newsArchiveList,
ul#articleArchiveList
{
	list-style: none;
	margin: 0;
	padding: 15px;
	font-size: 1.1em;
}

ul#newsArchiveList h4,
ul#articleArchiveList h4
{
	border-bottom: medium none;
	text-transform: none;
}



ul#newsArchiveList,
ul#pagingnews
{
	background-color: #fff;
}

ul#articleArchiveList,
ul#pagingarticles
{
	background: transparent url("../images/layout/bgBox.png");
	 margin-bottom: 20px;
}
	ul#newsArchiveList li,
	ul#articleArchiveList li
	{
		margin-bottom: 10px;
		background: url("../images/layout/bgLink.png") transparent left top no-repeat;
		padding-left: 10px;
	}
	
	ul#newsArchiveList li.header,
	ul#articleArchiveList li.header
	{
		background-image: none;
		padding-left: 0;
	}
	
		ul#newsArchiveList li a, ul#newsArchiveList li a:visited,
		ul#articleArchiveList li a, ul#articleArchiveList li a:visited
		{
			color: #404040;
		}
		
		
		 ul#newsArchiveList li.active a, ul#newsArchiveList li a:hover,
		ul#articleArchiveList li.active a, ul#articleArchiveList li a:hover
		{
			color: #000000;
		}

ul#pagingnews,
ul#pagingarticles
{
	height: 20px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 15px 10px;
}

ul#pagingnews li,
ul#pagingarticles li
{
	float: left;
	margin-left: 2px;
}


ul#pagingnews li a, 
ul#pagingarticles li a 
{

	
						background-color: #ccc5bd;
					border: 1px solid #8B847C;
					border-radius: 10px;
					display: block;
					float: left;
					font-size: 10px;
					font-weight: bold;
					line-height: 10px;
					margin: 0 4px 0 0;
					padding: 2px;
					text-align: center;
					width: 10px;
					color: #404040;
}

ul#pagingnews li.active a, 
ul#pagingarticles li.active a 
{
	border: 1px solid #777777;
}


ul.newsList li h4 a, ul.newsList li h4 a.visited,
#readable a, #readable a.visited
{
	color: #404040;
}

#wrapper .contentcol
{
	width: 625px;
	 overflow: hidden;
}

#wrapper .contentcolwide
{
	width: 665px;
	 overflow: hidden;
}

#wrapper .rightcol
{
	width: 220px;
	 overflow: hidden;
}

#wrapper .rightcolwide
{
	width: 240px;
	 overflow: hidden;
}


/* Fact and social and rellinks */

.relatedLinks
{
	margin-bottom: 20px;
	font-size: 0.9em;
}

.relatedLinks h4
{
	border-bottom: solid 1px #404040;
	margin-bottom: 10px;
}

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

.relatedLinks ul li
{
	margin-bottom: 10px; 
}

.factBox,
.socialBox
{
	background: url("../images/layout/bgBox.png") transparent;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 0.9em;
	min-height: 50px;
}

.socialBox div.social
{
	width: 45%;
}

.socialBox div.pageTags
{
	width: 45%;
}


.rightcolwide h4
{
	text-transform: uppercase;
	border-bottom: solid 1px #404040;
}

#tagBox
{
	margin: 20px 0;
	font-size: .9em;
}


#readable
{
	background-color: #f7f7f7;
	margin: 20px 0 40px;
	background: transparent url(../images/layout/bgBox.png);
	padding: 15px;
}
#readable h3
{
	float: left;
	font-size: 20px;
	margin: 0;
}

#readable a
{
	text-transform: uppercase;
	float: right;
}


#pageInfo
{
	background: transparent url(../images/layout/bgBox.png);
	   font-size: 1.4em;
	margin-bottom: 20px;
	padding: 10px 15px;
}

/* Articles and News */

ul.articleList,
ul.newsList
{
	list-style: none;
}

ul.articleList li
{
	padding-bottom: 50px;
	min-height: 50px;
}

ul.articleList li h3
{
	font-size: 22px;
	margin-bottom: 10px;
}

/*
ul.articleList li h3.left
{
	text-align: left;
}
ul.articleList li h3.right
{
	text-align: right;
}
*/

ul.articleList li .cufon-canvas,
ul.articleList li .cufon-vml
{
	background: transparent url(../images/layout/bgHeader.png);
	padding: 5px 1px;
}



ul.articleList li div.imgWrapper
{
	width: 320px;
	overflow: hidden;
}

ul.articleList li div.txt
{
	width: 320px;
}


ul.newsList li
{
	background: transparent url(../images/layout/bgNews.png);
	box-shadow: 0 0 5px #3E3E3E;
	margin-bottom: 20px;
	padding: 15px;
	margin: 4px 4px 20px 4px;
	min-height: 50px;
	padding: 15px;
}

ul.newsList li.right
{
	margin-right: 14px;
}

ul.newsList li.left
{
	margin-left: 14px;
}

ul.newsList li h4
{
	
}

ul.newsList li div.imgWrapper
{
	padding-top: 10px;
	overflow: hidden;
}


/* Contact office staff */

#contactItem
{
	margin-bottom: 40px;
}

ul#officeList,
ul#officeList li ul.staffList
{
	list-style: none;
}

ul#officeList
{
	margin-top: 20px;
}

ul#officeList li
{
	margin-bottom: 40px;
}

ul#officeList li ul.staffList li
{
	float: left;
	width: 220px;
	margin: 0 20px 5px 0;
	overflow: hidden;
	padding-top: 20px;
}

ul#officeList li ul.staffList li.office
{
	padding-top: 0;
}

ul#officeList li ul.staffList li.office h4
{
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding-bottom: 4px;
}



#contactItem div.imgWrapper
{
	width: 420px;
	overflow: hidden;
}

#contactItem div.info
{
	width: 450px;
	overflow: hidden;
}

#contactItem div.info div.txt
{
	padding-top: 10px;
}

#contactItem div.info h2
{
	margin-bottom: 10px;
}

#contactItem div.info h2.no-margin
{
	margin: 0;
}

/* Taglist */

#tagSearchList
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#tagSearchList li
{
	margin-bottom: 20px;
}

#tagSearchList li h3 a
{
	color: #404040;
}

#tagSearchList li a
{
}

#tagSearchList .tagList
{
	 font-size: 0.9em;
	padding: 5px 0;
}

/* general headings */

h2 ,h3, h4, h5
{
	margin-top: 0;
	margin-bottom: 0.5em;
}

#content h2.heading
{
	font-size: 1.8em;
	margin: 20px 0 15px 0;
}

h2
{
	font-size: 1.8em; 
}


h3
{
	font-size: 1.4em;    
}

h4
{
	font-size: 1.1em;    
}

h5
{
	font-size: 0.9em;
}

a
{
	color: #a15615;
}

/* specific */


/*
	_TEXT & LINKS
*/

#wrapper a,
#wrapper a:visited 
{
	text-decoration: none;
}



/*
	_MISC
*/

.align-left
{
	float: left;
}

.align-right
{
	float: right;
}

.clr
{
	clear: both;    
}

ul#contactList
{
	
}

ul#contactList li
{
	margin-bottom: 30px;
}


ul#contactList li h3
{
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 5px;
}
ul#contactList li div.text
{
}

ul#contactList li div.img
{
	width: 175px;
}

ul#contactList li div.textwrapper
{
	height: 125px;
	overflow: hidden;
}

ul#contactList li div.textwrapper.more
{
	height: auto;
}

ul#contactList li div.textwrapper div.text p
{
	line-height: 20px;
	margin: 0;
	padding: 0;
}

ul#contactList li div.textwrapper div.text img.left
{
	padding: 0 10px 0 0;
	float: left;
}

ul#contactList li div.textwrapper div.text img.right
{
	padding: 0 0 0 10px;
	float: right;
}

ul#contactList li a.readmore,
ul#contactList li a.readless
{
	display: block;
	font-weight: bold;
	padding: 5px 0;
}