@charset "utf-8";
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #4C4C4C;
	background:url(../images/back.gif) repeat-x;
}

a{color:#3a5387;
text-decoration:none;
}
#left a:hover, #right a:hover, #footer a:hover{text-decoration:underline;}

img, a{border:none;}


#frame{
	   width:960px;
	   margin-left:auto;
	   margin-right:auto;
	   background:url(../images/frameback.gif);
}

#left{
	width:662px;
	float:left;
	background:none;
}

	#left #title{
		margin:0px 29px 0px 15px;
		height:86px;
		
	}
	
	#left p{padding:0; margin:0px 29px 18px 15px;}	
	
	#left h2{padding:3px 0 0 0; margin:0px 29px 18px 15px;  font-size:18px; font-weight:bold; }
	#left h3{padding:3px 0 0 0; margin:0px 29px 18px 15px; color:#3a5387; font-size:14px; font-weight:bold; border-top:1px solid #bbc3d5;}
	#left .date{float:right; color:#3a5387; margin:3px 29px 0 0;}
		#left .post img{float:right; margin:0px 0px 15px 15px;}
		#left .post{clear:both;}
	
	#left form#commentform{
		margin:0; padding:0;
	}
	
		#left form#commentform textarea{
		border:1px solid #bbc3d5;
		width:100%;
	}
	
	#left .wpcf7 form{
		margin:0; padding:0;
	}
	
		#left .wpcf7 form .text{
				border:1px solid #bbc3d5;
		width:100%;
	}
	#left .wpcf7 form .captcha{
		border:1px solid #bbc3d5;
	}
	
	#left .wpcf7 form span span, #left .wpcf7-mail-sent-ok {
	color:red;	
	}
	#left .wpcf7 .wpcf7-response-output{
		margin:0px 0px 18px 15px;
	}
	
	#left ul.commentlist{list-style:none; font-size:12px;}
	#left ul.commentlist li{}
	#left ul.commentlist p{ margin:0px 0px 18px 0px;}
			#left ul.commentlist .date{float:right; color:#3a5387; margin:0px 29px 0 0;}

	
	#left ul.commentlist .author{font-weight:bold;}
	#left ul.commentlist .commenttext{
		margin:5px 29px 18px 0px;
		padding-top:5px;
		border-top:1px solid #bbc3d5;
	
	}
	
	#left ul.commentlist .comment-meta {font-size:12px;}
	
	
	
	#left #commentform input#author, #left #commentform input#email, #left #commentform input#url{border:1px solid #bbc3d5;}

			#left #search form{margin:0 0 0 15px; padding:0;}
				#left #search input#s{
				border:1px solid #bbc3d5;
				color:#4C4C4C;
				margin:0px 15px 18px 0px;
				width:268px;
				}
				
				
				
	#recaptcha_area{
		margin:0 0 0 15px;
	}
	#recaptcha-submit-btn-area	{
		margin:10px 0px 20px 15px;	
	}
				
	#left .postmetadata{clear:both;}

#right{
	width:298px;
	float:left;
		background:none;
}

	#right p{
		padding:0; margin:0px 15px 18px 15px;
	}

	#right h2{
			padding:0px 0px 8px 0px; 
			margin:0px 15px 18px 15px; 
			color:#3a5387; 
			font-size:14px; 
			font-weight:bold;
			border-bottom:1px solid #bbc3d5;
	}
	
			#right #biog h2{
			padding:0px 0px 0px 0px; 
			margin:18px 15px 0px 15px; 
			color:#3a5387; 
			font-size:14px; 
			font-weight:bold;
			border-bottom: none;
	}
	
			#right #biog img{
				float:right;
				margin:0px 0px 5px 15px;
			}

			#right #biog p{
			text-align:justify;	
			}
			
			#right ul{margin:0 15px 0px 0; padding:0;
			list-style:none;
			text-align:right;}
			
			#right ul#feeds{
				margin:0 15px 18px 0;
				
			}
			#right ul#feeds a, #right ul#links a {font-weight:bold;}
			
			
			#right ul#links {
			font-size:12px;
			color:#3a5387;
			}
			
			#right ul#links li{margin: 0px 0px 18px 0px;}
			
			
			#right #search{
			text-align:right;
			}
			#right #search form{margin:0; padding:0;}
				#right #search input{
				border:1px solid #bbc3d5;
				color:#4C4C4C;
				margin:0px 15px 18px 0px;
				width:268px;
				}
			
#footer{
background:#fff;	
clear:both;
}
#footer p{font-size:12px;
padding:0px;
margin:0px 15px 15px 15px;}













	/*NAV*/	
#nav {margin:0;
padding:0;
background:#fff;
height:26px;
}		
		
#nav ul {
	margin: 0;
	padding: 0;
	height: 26px;
	list-style: none;
	overflow: hidden;

	}

#nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	margin: 0px; 
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
	}
	#nav a:hover, #nav a:active{
	background-position: 0 -26px;
	}
	
/* set nav with body id */
#viewpoint #nav-viewpoint a, #about #nav-about a, #whatwedo #nav-whatwedo a, #contact #nav-contact a{
      background-position:0 -26px;
      }	

#viewpoint #left #title{background:url(../images/title-viewpoint.gif) no-repeat;}
#about #left #title{background:url(../images/title-about.gif) no-repeat;}
#whatwedo #left #title{background:url(../images/title-whatwedo.gif) no-repeat;}
#contact #left #title{background:url(../images/title-contact.gif) no-repeat;}


#nav-viewpoint a  {
	width: 91px;
	background: url(../images/nav-viewpoint.gif) top left no-repeat;
	}
	
#nav-about a  {
	width: 107px;
	background: url(../images/nav-about.gif) top left no-repeat;
	}
	
#nav-whatwedo a  {
	width: 113px;
	background: url(../images/nav-whatwedo.gif) top left no-repeat;
	}	
	
#nav-contact a  {
	width: 84px;
	background: url(../images/nav-contact.gif) top left no-repeat;
	}