@charset "utf-8";
/* CSS Document */


.twoColFixRtHdr h1{width:50px; height:20px; margin:0; padding:0; background:url(../images/gray.gif) repeat; text-indent:-99999px; display:block; background-color:#CCCCCC; width:100%; height:20px;}

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;}
		
.twoColFixRtHdr #container { 
	width: 776px; height:100%; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 0 0 105px; /* the auto margins (in conjunction with a width) center the page */
	padding:7px;
	border: none;
	background-image:url(../images/cssbkrnd.jpg);
	text-align: left;
	 /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 260px; border:thin; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;  /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixRtHdr #footer { 
 width:760px;
	margin: 0 0 0 105px; 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.topimage 
{background-image:url(../images/header.jpg); width:790px; height:249px; margin-left:105px; margin-bottom:0px; margin-right:0px; margin-top:0px;}

.countryplan {background-image:url(../images/65495-2.jpg); width:250px; height:169px; margin-left:5px; margin-bottom:0px; margin-right:0px; margin-top:0px; float:right;}

.byc {background-image:url(../images/byc.jpg); width:180px; height:259px; margin-left:5px; margin-bottom:0px; margin-right:0px; margin-top:0px; float:right;}

.fhp
{background-image:url(../images/Garlinghouse120x60.gif); width:120px; height:60px; margin-left:3px}	

.codecheck
{background-image:url(../images/codecheck.gif); width:125px; height:158px; margin-left:3px; margin-bottom:3px;}	


.gallery1 {background-image:url(../images/65001.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery2 {background-image:url(../images/65181.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery3 {background-image:url(../images/65328.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery4 {background-image:url(../images/65468.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery5 {background-image:url(../images/77004.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery5 {background-image:url(../images/65492.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery6 {background-image:url(../images/65134.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery7 {background-image:url(../images/65319.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery8 {background-image:url(../images/62191.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallery9 {background-image:url(../images/77004.jpg); width:155px; height:109px;float:right;  margin:4px;}
.gallerytext{display:block; background-color:#FFFFFF;}

.modification {background-image:url(../images/modify.jpg); width:510px; height:153px; margin:4px;} 

.countrybook {background-image:url(../images/161-book.jpg); width:250px; height:340px; margin:4px;float:right; border-style:solid; border-bottom-width:thin; border-left-width:thin; border-right-width:thin; border-top-width:thin; border-color:#000000} 

.countructiondetails {background-image:url(../images/CONST-Large.jpg); width:250px; height:186px; margin:4px;float:left; border-style:solid; border-bottom-width:thin; border-left-width:thin; border-right-width:thin; border-top-width:thin; border-color:#000000; margin-right:10px} 

.countrybooktitle {font-size:24px; font-family:"Times New Roman", Times, serif}

.singlecontainer #sidebar-embed {
	float: right; /* since this element is floated, a width must be given */
	width: 125px; border:thin; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	margin-left:60px
	clear: right;
	float: right;
	position: fixed;
}

/*h1r{width:50px; height:20px; margin:0; padding:0; background:url(../images/gray.gif) repeat; text-indent:-99999px; display:block; background-color:#CCCCCC; width:100%; height:20px;}*/

h2{ font-size:11px}

.copy{  font-family:tahoma;
		color:#52718E;
		text-decoration:none;
		font-size:12px;}
		
		#navcontainer { width: 100%; }
		#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
		#navcontainer a {
	display: block;
	padding: 1px 1px 1px 1px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	font-family: Tahoma;
}
		#navcontainer a:link, #navlist a:visited {
	color: #666666;
	text-decoration: none;
}
		#navcontainer a:hover {
	background: #988733;
	color: #ffffff;
}

.newsletter 
{
	display:block; 
	background-color:#FFFF99; 
	width:auto; 
	padding-top:5px; 
	padding-right:5px; 
	padding-bottom:5px; 
	padding-left:5px; 
	font-weight:bold; 
	font-size:12px; 
	border-bottom-style:solid; 
	border-bottom:solid; 
	border-bottom-width: thin; 
	border-left:solid; 
	border-left-width: thin; 
	border-right:solid; 
	border-right-width: thin;
	border-top:solid; 
	border-top-width:thin; 
	border-color:#000000;
 font-size:10px;}
	
	
.newsletter2 
{
display:block; 
background-color:#FFFF66; 
width:auto; 
padding-top:5px; 
padding-right:5px; 
padding-bottom:5px; 
padding-left:5px; 
font-weight:bold; 
font-size:12px;
border-bottom-width: thin; 
border-bottom:solid; 
border-left:solid; 
border-left-width: thin; 
border-right:solid; 
border-right-width: thin;
border-top:none; 
border-color:#999999;
font-size:10px;
}

.projects 
{
display:block;
background-color:#BDD0DF;
width:auto;
font-size:12px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
border-bottom-width: thin; 
border-left:solid; 
border-left-width: thin; 
border-right:solid; 
border-bottom:solid; 
border-right-width: thin;
border-top:solid; 
border-top-width:thin; 
border-color:#999999;

}    

.project-top 
{
display:block;
background-color:#A9B9BC;
width:auto;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
font-size:11px;
}

.copyright
{
font-size:12px; color:#666666;
}

.sitelink
{  
font-family:tahoma;
color:#52718E;
text-decoration:none;
font-size:10px;
}

.red
{
font-size:12px;
color:#FF0000;
 }
	
	.position
	{
	padding-left:535px; padding-top:35px;
	}
	
	.pagename
	{
	font-size:48px;
	font-family:"Times New Roman", Times, serif;
	padding-left:230px; padding-top:15px;

	}
	
	.copy2{  font-family:tahoma;
		color:#003366;
		text-decoration:none;
		font-size:16px;}

.sublinknav
{ font-size:11px; color:#003366
}

.modify1 { font-size:45px; font-family:"Times New Roman", Times, serif; padding-left:270px}
.modify2 { font-size:45px; font-family:"Times New Roman", Times, serif; padding-left:220px}
.modify3 { font-size:35px; font-family:"Times New Roman", Times, serif; padding-left:160px}
.detailtable {
	float: right;
	width: 150px;
	position: fixed;
}

#hideshow {position:absolute; top: 50%; left: 50%; margin-left: -350px; margin-top:-255px; z-index:100; background-color:#BAC3CC; border:5px solid #52718E; width:700px; height:500px; color:#000000; text-align:center; padding:5px 5px 5px 5px; font-family:Arial, Helvitica, Serif; font-size:14px;}
#hideshow a {color:#000000}
#hideshow p {width:690px; padding:3px 5px 3px 5px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0; }
#hideshow h3 {display:block; width:680px; height:40px; text-align:center; color:#52718E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:35px; margin:auto; margin-bottom:15px; padding:0; }

.dabomb { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; display:block; width:100%; background-color:#DDDDDD}
.dabomb a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none}