body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	}
	
#wrapper {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	height: auto;

}
#wrapper #header {
	height: 333px;
	width: 1019px;
	background-repeat: no-repeat;
	background-image: url(images/header123.jpg);
	background-position: 3px;

	
}
#wrapper #leftcontent {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 800px;
	margin-left: 45px;
	display:inline;

}

#wrapper #leftcontentlong {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 1570px;
	margin-left: 45px;
	display:inline;

}
#wrapper #leftcontentprog {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 1700px;
	margin-left: 45px;
	display:inline;

}

#wrapper #leftcontentlong2 {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 1150px;
	margin-left: 45px;
	display:inline;

}

#wrapper #leftcontentvlong {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 7000px;
	margin-left: 45px;
	display:inline;

}
#wrapper #leftcontentvlong2 {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 5800px;
	margin-left: 45px;
	display:inline;

}

#wrapper #leftcontentlong3 {
	float: left;
	width: 250px;
	padding-left: 5px;
	line-height: 145%;
	text-align: left;
	margin-top: 0px;
	height: 3000px;
	margin-left: 45px;
	display:inline;

}
.newsletter
{
	/*margin: auto;*/
	width: 237px; height: 53px;
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	/*text-indent: 9em;*/
	border: 0px solid #000000;
	background-image: url(images/fondo_newsletter.jpg);
}
#wrapper #leftcontent a:link {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontent #img a:link {
	color: #FFF;
	text-decoration: none;
}	
#wrapper #leftcontent img a:visited {
	color: #FFF;
	text-decoration: none;
}
#wrapper #leftcontent a:visited {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontent a:hover {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontentlong p {
	margin-left: 15px;
}


#wrapper #leftcontentlong a:link {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentlong #img a:link {
	color: #FFF;
	text-decoration: none;
}	
#wrapper #leftcontentlong img a:visited {
	color: #FFF;
	text-decoration: none;
}
#wrapper #leftcontentlong a:visited {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentlong a:hover {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontentlong p {
	margin-left: 15px;
}


#wrapper #leftcontentprog a:link {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentprog #img a:link {
	color: #FFF;
	text-decoration: none;
}	
#wrapper #leftcontentprog img a:visited {
	color: #FFF;
	text-decoration: none;
}
#wrapper #leftcontentprog a:visited {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentprog a:hover {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontentprog p {
	margin-left: 15px;
}


#wrapper #leftcontentlong2 a:link {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentlong2 #img a:link {
	color: #FFF;
	text-decoration: none;
}	
#wrapper #leftcontentlong2 img a:visited {
	color: #FFF;
	text-decoration: none;
}
#wrapper #leftcontentlong2 a:visited {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentlong2 a:hover {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontentlong2 p {
	margin-left: 15px;
}
#wrapper #leftcontentvlong a:link {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentvlong #img a:link {
	color: #FFF;
	text-decoration: none;
}	
#wrapper #leftcontentvlong img a:visited {
	color: #FFF;
	text-decoration: none;
}
#wrapper #leftcontentvlong a:visited {
	color: #006496;
	text-decoration: none;
}
#wrapper #leftcontentvlong a:hover {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontentvlong p {
	margin-left: 15px;
}




#wrapper #logo {
	background-colour: #0065ff;
	height: 150px;
	background-color: #FFF;
	background-image: url(images/ipra-2010-logo-event.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


#wrapper #middlecontent {
	float: left;
	width: 655px;
	padding-right: 2px;
	padding-left: 0px;
	color: #000000;
	margin-left: 39px;
	background-repeat: no-repeat;
	background-position: 17px;
	font-weight: normal;
	background-color:#FFF;
	text-align: left;
	display:inline;
}
#wrapper #middlecontent2 {
	float: left;
	width: 655px;
	padding-right: 2px;
	padding-left: 0px;
	color: #000000;
	margin-left: 39px;
	background-repeat: no-repeat;
	background-position: 17px;
	font-weight: normal;
	background-color:#FFF;
	text-align: left;
		display:inline;

}


#wrapper #content-top {
	float: left;
	width: 640px;
	padding-right: 2px;
	padding-left: 0px;
	margin-left: 39px;
	background-repeat: no-repeat;
	font-weight: normal;
	text-align: left;
	background-image: url(images/shade-top.gif);
	height: 12px;
	display:inline;

}


#wrapper #content-mid {
	float: left;
	width: 640px;
	padding-right: 2px;
	padding-left: 0px;
	color: #000000;
	margin-left: 39px;
	background-repeat: repeat-y;
	font-weight: normal;
	text-align: left;
	background-image: url(images/shade-mid.gif);
	height:auto;
		display:inline;

}
#wrapper #middlecontent a:link {
	color: #ff;
	text-decoration: none;

}

#wrapper #middlecontent a:hover {
	color: #ff;
	text-decoration: none;

}
#wrapper #middlecontent a:visited {
	color: #ff;
	text-decoration: none;

}
#wrapper #content-bot {
	float: left;
	width: 640px;
	padding-right: 2px;
	margin-left: 0px;
	color: #000000;
	margin-left: 39px;
	background-repeat: no-repeat;
	font-weight: normal;
	text-align: left;
	background-image: url(images/shade-bot.gif);
	height: 22px;	display:inline;


}


#wrapper #rightcontent {
	float: right;
	width: 256px;
	padding-right: 0px;
	height: 100px;
	background-color: #fffffff;
}
#wrapper #red{
	background-colour: #960001;
	height: 150px;
	background-color: #960001;
}

#wrapper #red a:link{
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	float: right;	
	}

#wrapper #red a:hover{
	font-family: Arial;
	font-size: 12px;
	color: #F;
	text-decoration: none;
	float: right;	
	}

ul {
	padding-left: 12px;
	margin-left: 0px;
}
#wrapper #clearer {
	clear: both;
}
#wrapper #footer {
	height: auto;
	width: 1020px;
	background-repeat: no-repeat;
	background-image: ;
	background-position: 3px;
	
}

#wrapper #footer a:link {
	color: #960000;
	text-decoration: none;
}
#wrapper #footer a:visited {
	color: #960000;
	text-decoration: none;
}
#wrapper #footer a:hover {
	color: #333333;
	text-decoration: none;
}


#wrapper #middlecontent a:link {
	color: #362727;
	text-decoration: none;
	font-weight: bold;
}
#wrapper #middlecontent a:visited {
color: #362727;
	text-decoration: none;
		font-weight: bold;
}
#wrapper #middlecontent a:hover {
	color: #FF0000;
	text-decoration: none;
		font-weight: bold;
}

#wrapper #rightcontent a:link {
	color: #0000FF;
	font-weight:bold;
	text-decoration: none;
}
#wrapper #rightcontent a:visited {
	color: #0000FF;
	font-weight:bold;
	text-decoration: none;
}
#wrapper #rightcontent a:hover {
	color: #EE1C24;
	font-weight:bold;
	text-decoration: underline;
}
#wrapper #rightcontent p {
	color: #666666;
	font-weight:bold;
	line-height: normal;
}

.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float: left;
	
}
.h1 {
	font-family: Arial;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #016597;
	padding-left:18px;
}


.h2 {
	font-family: Arial;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #13bbe0;
	padding-left:18px;
}

.h3 {
	font-family: Arial;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #006496;
	padding-left:18px;
}

.h4 {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	font-weight: bold;
	color: #006496;
	font-style: italic;
	padding-left:18px;
	text-indent: 1px;
}
.h5 {
	font-family: Arial;
	font-size: 12px;
	line-height: 1px;
	color: #ff;
	font-weight: bold;
	padding-left:18px;
	padding-right:10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
}

.hjudul {
	font-family: Arial;
	font-size: 14px;
	line-height: 160%;
	color: #ff;
	font-weight: bold;
	padding-left:18px;
	padding-right:10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
}

.content {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: normal;
	padding-left:18px;
	padding-right:10px;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
}

.content-speaker {
	font-family: Verdana;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: 400;
	padding-left:18px;
	padding-right:10px;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
	font-style: normal;
}
.content-speaker a:link {
	color: #000;
	text-decoration: none;
}
.content-speaker img a:link {
	text-decoration: none;
}
.content-speaker a:hover {
	color: #000;
	text-decoration: none;
}
.content-speaker img a:hover {
	text-decoration: none;
}

.content-speaker a:visited {
	color: #000;
	text-decoration: none;
}

.content-speaker img a:visited {
	text-decoration: none;
}
.content2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: normal;
	padding-left:18px;
	padding-right:10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
}
.contentw {
	font-family: Arial;
	font-size: 14px;
	line-height: 170%;
	font-weight: normal;
	padding-left:18px;
	text-align: justify;
	color: #FFF;	
}

.content-list {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: normal;
	padding-left:18px;
	padding-right:10px;
	text-align: left;
	list-style-position:outside;
	list-style-image: none;
	list-style-type: circle;
}

.content3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 130%;
	color: #ff;
	font-weight: normal;
	padding-left:18px;
	padding-right:10px;
	text-align: left;
	list-style-position:outside;
	list-style-image: none;
	list-style-type: circle;
}

.content4 {
	font-family: Arial;
	font-size: 14px;
	line-height: 130%;
	color: #ff;
	font-weight: 400;
	padding-left:18px;
	padding-right:10px;
	text-align: left;
	list-style-position:outside;
	list-style-image: none;
	list-style-type: circle;
}

.content5 {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: normal;
	padding-left:55px;
	padding-right:10px;
	padding-top:-10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
}
.content6 {
	font-family: Arial;
	font-size: 12px;
	line-height: 100%;
	color: #ff;
	font-weight: normal;
	padding-left:19px;
	padding-right:10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
}
.content7 {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: normal;
	padding-right:10px;
	padding-top:-10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
	font-style: italic;
}
.content8 {
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #ff;
	font-weight: normal;
	padding-left:40px;
	padding-right:10px;
	padding-top:-10px;
	text-align: justify;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: circle;
	font-style: italic;
}

.date {
	font-size: 10px;
	line-height: 135%;
	font-style: italic;
}
.posting {
	font-size: 11px;
}
.kategori {
	font-family: Georgia;
	line-height: 175%;
	font-weight: bold;
	padding-left: 10px;
}

.hr {
	color: #4091b5;
}

input, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
}
