/*
Site: Society for International Affairs
Design & Build: Lyndia Haryanto for Schipul
URI: 
*/

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }
p { margin-bottom: 8px; }

body {
	background:url(/images/hm-bg.jpg) top center repeat-x #12314c;
	color: #000;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	}
	body.sub {
		background-color: #224775;
		background-image: url(/images/template-bg.jpg);
		}
		
div.container {
	width: 919px;
	margin: 0 auto;
	}

	div.header-area{
		width: 919px;
		height:139px;
		background: url(/images/map.jpg) top right no-repeat;
		}
	
		div.logo{
		width: 116px;
		float:left;
		height:139px;
		background: url(/images/logo.jpg) top left no-repeat;
		}
		
		div.tagline{
		width: 472px;
		float:left;
		height:112px;
		background: url(/images/tagline.jpg) top left no-repeat;
		}
		
	div.home-body{
		width: 919px;
		margin-top: 44px;
		}
		
		div.home-left-col{
		width: 194px;	
		float:left;
		}
		
			div.products{
			width: 194px;	
			}
			
			div.nav{
			width: 194px;	
			}
			
			div.contact{
			width: 194px;	
			margin-top :15px;
			}
			
			
		
		
		div.home-middle-col{
		width: 467px;
		float:left;
		}
		
			div.stories{
			display: block;
			width: 467px;
			background: url(/images/stories.jpg) top left no-repeat;
			height:300px;
			overflow: hidden;
			clear:both;
			}
			
				div.stories-top{
				width: 467px;
				height:56px;
				}
				
					div.stories-pagination{
					width: 237px;	
					background: url(/images/stories-pag-bg.jpg) top left no-repeat;
					float:left;
					height:56px;
					}
					
						#nav-stories { 
						float: right;
						display: block;
						height:45px;
						width: 105px;
						padding:  10px 0 0 15px;
						}
						#nav-stories a {
							display: block;
							width: 20px;
						
							margin-top: 15px;
							float: left;
							margin-right: 5px;
							text-align: center;
							text-decoration: none;
							color:#FFF;
							font-weight:bold;
							font-size:16px;
							
							}
							#nav-stories a.activeSlide {
								border: 1px solid #FFF;
								width: 25px;
								height:20px;
								}
					
				#slideshow {
				display: block;
				width: 467px;
				}
				
					div.stories-text{
					width: 467px;
					background: url(/images/stories-text-bg.jpg) top left no-repeat;
					height:57px;
					}			
	
	
					div.stories-image{
					width: 453px;
					background: url(/images/stories-img-bg.jpg) top left no-repeat;
					height:180px;
					margin-left: 8px;
					}
			
			
			
			
			
				.story-item {
				position: relative;
				width: 467px;
				}
					
					.story-item img {
					float: left;
					display: block;
					width: 453px;
					height: 180px;
					background: url(/images/stories-img-bg.jpg) top left no-repeat;
					margin-left: 8px;
					}
						
					.story-item h1 {
						color:#FFF;
						font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						font-weight: bold;
						padding: 10px 0 0 35px;
						margin: 0px;
						}
						
					.story-item p {
						width: 340px;
						float:left;
						padding-left: 35px;
						color: #666;
						color:#FFF;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						}
						
						.story-item a {
						width: 70px;
						float:left;
						color: #666;
						color:#FFF;
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						}					
						
						
						
						
			
			
			
			
			
			
			
			div.events-news{
			width: 467px;	
			background: url(/images/events-news-bg.jpg) top left no-repeat;
			height:364px;
			}
			
				div.events{
				width: 242px;
					float:left;
				}
					
					div.events-title{
					width: 242px;	
					float:left;
					}
				
					div.events-content{
					width: 212px;	
					float:left;
					padding: 10px 0 0 30px;
					}			

						div.events li{
						display:block;
						}
					
						div.events li a{
						display:block;
						color: #FFF;
						font-weight:bold;
						font-family:Arial, Helvetica, sans-serif;
						font-size: 11px;
						padding-bottom:10px;
						}
						
						div.events li a:hover{
						text-decoration: none;
						}
				
				div.news{
				width: 219px;
				float:left;
				}
				
					div.news-title{
					width: 219px;	
					float:left;
					}
					
					div.news-content{
					width: 189px;	
					float:left;
					padding: 10px 0 0 30px;
					}						
					
						div.news li{
						display:block;
						}
					
						div.news li a{
						display:block;
						color: #FFF;
						font-weight:bold;
						font-family:Arial, Helvetica, sans-serif;
						font-size: 11px;
	
						}
						
						div.news li a:hover{
						text-decoration: none;
						}
		
		div.home-right-col{
		width: 258px;	
		float:left;
		}
		
			div.new-to{
			width: 258px;
			background: url(/images/new-to-bg.jpg) top left no-repeat;
			height:112px;
			}		

				div.new-to ul{
				padding: 47px 0 0 35px;
				display:block;
				}
				
				div.new-to li{
				display:block;
				background:url(/images/arrow.jpg)  left no-repeat;
				list-style:none;
				}
				
				div.new-to a{
				color: #FFF;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px;
				padding-left: 10px;
				}
			
				div.new-to a:hover{
				text-decoration:none;
				}	
	
			div.member-login{
			width: 258px;
			background: url(/images/member-bg.jpg) bottom left no-repeat;
			height:85px;
			}

				div.member-login p{
				padding: 0 0 0 35px;
				}
				
				div.member-login a{
				color: #FFF;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px;	
				}

				div.member-login a:hover{
				text-decoration: none;
				}
				
			div.other-login{
			width: 180px;
			height:85px;
			}

				div.other-login p{
				padding: 0 0 0 35px;
				}
				
				div.other-login a{
				color: #FFF;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 14px;	
				}

				div.other-login a:hover{
				text-decoration: none;
				}
				
			div.user-login{
			width: 258px;
			background: url(/images/user-bg2.jpg) bottom left no-repeat;
			height:103px;
			}
		
				div.user-login p{
				padding: 0 0 0 35px;
				}
				
				
				div.user-login a{
				color: #FFF;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px;	
				}

				div.user-login a:hover{
				text-decoration: none;
				}
			
			div.career{
			width: 258px;	
			background: url(/images/jobs-bg.jpg) top left no-repeat;
			height:92px;
			margin-top: 23px;
			}
			
				div.career ul{
				padding: 40px 0 0 45px;
				display:block;
				}
				
				div.career li{
					list-style:none;
				margin:0px;
				padding:0px;
				display:block;
				}
				
				div.career a{
				color: #314162;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px;
				margin:0px;
				padding:0px;
				}
			
				div.career a:hover{
				text-decoration:none;
				}
			
			div.directory{
			width: 258px;	
			background: url(/images/directory-btn.jpg) top left no-repeat;
			height:101px;
			}

				div.directory ul{
				padding: 44px 0 0 45px;
				display:block;
				}
				
				div.directory li{
					list-style:none;
				margin:0px;
				padding:0px;
				display:block;
				}
				
				div.directory a{
				color: #314162;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 11px;
				margin:0px;
				padding:0px;
				}
			
				div.directory a:hover{
				text-decoration:none;
				}



div.footer {clear:both; width: 100%; background:url(/images/footer-bg.jpg) top left repeat-x; height:69px; padding-top:20px;}

	div.footer-wrap {width: 894px; margin: 0 auto;}
		div.footer-wrap a {color:#fff; font-size:11px;}


/**Template**/

			div.template-products{
			width: 194px;	
			}
			
			div.nav{
			width: 194px;	
			}
			
			div.template-contact{
			width: 194px;		
			}
			
			
			
		div.template-right{
		width: 703px;
		float:left;
		background: url(/images/template-content-bg.jpg) repeat-y;
		}
		
			div.template-right-top{
			width: 703px;
			height: 35px;
			background:url(/images/template-content-top.jpg) top right no-repeat;
			}

			div.template-right-content{
			width: 703px;
			background: url(/images/template-content-bg.jpg) repeat-y;
			}

				#bodycontent{
				width: 626px;
				margin-left: 40px;
                                min-height: 630px;
				}
				
			div.template-footer{
			width: 703px;
			background:url(/images/template-footer-bg.jpg) top left no-repeat;
			color: #FFF;
			padding: 16px 0;
			clear: both;
			}
			
				div.template-footer-content{
					width: 600px;
					margin: 0 auto;
				}
				

				div.template-footer a{
				font-size: 11px;
				color: #FFF;
				}	
/**TENDENCI**/

div#skiptocontent {position: absolute; left: -9999px; }

.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333333}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #5C7D96}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC33}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
p.notofficialcontent {color: #FF0000;}

	 

.color1 {
	background-color: #3399CC;
}
.color2 {
	background-color: #FFCC33;
}


a { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #234270;
	}
	
h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #234270;
	margin-bottom: 20px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #704908
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #254774; 
	text-decoration: none
	}

h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
	}

h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #003366; 
	text-decoration: none
	}

td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

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

textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}
#logo
{
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;

	}

#contact2
{
	margin-top: 10px;
	width: 130px;
	margin-left: 18px;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	}
#login
{
	margin-right: 30px;
}
#login a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 3px;
}
#headline
{
	width: 500px;
	margin-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	color: #FDF000;
	}
	

#showh #secondary { width: 62em !important; }
#showh #primary { margin:0 0 10px 0 !important; }

.clear {clear:both;}