@charset "utf-8";
@import url("navbar.css");
@import url("about.css");
@import url("findahome.css");
@import url("contact.css");
/* CSS Document */
body  {
	font: 13px Arial, Helvetica, sans-serif;
	background: #E7E9E9 url(../images/bg.gif) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #666666;
	
scrollbar-face-color:#EFEFEF;
scrollbar-base-color:#F1F1F1;
scrollbar-arrow-color:#666666;
/*scrollbar-track-color:#ECECEC;*/
scrollbar-track-color:#cecece;
scrollbar-shadow-color:#EFEFEF;
scrollbar-highlight-color:#EFEFEF;
scrollbar-3dlight-color:#AAAAAA;
scrollbar-darkshadow-Color:#AAAAAA;
} 

a { color:#3679A0; text-decoration:underline;}
a:hover {color: #333333; }

#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 902px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*--border: 1px solid #000000;--*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header {
	height: 75px;
	padding: 0px;  /* 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. */
}
#leftbarPortfolio {
	font: 12px Arial, Helvetica, sans-serif;
	color: #CECECE;
	position: relative;
	top: 50px;
	left: 0;
	width: 256px; /*-- 280 --*/
	padding: 0px 10px 20px 10px;
	margin: 0px;
	/*--background: #EBEBEB;--*/
}
#leftbarPortfolio #leftbarCol2 {
	float:right;
	width: 120px; 
	/*--background: #EBEBEB;-*/
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
#leftbarPortfolio ul{ padding: 0px;	margin:0px; }
#leftbarPortfolio li{ list-style:none; margin: 3px 0px; line-height: 14px;}
#leftbarPortfolio li a { color: #CFCFCF; text-decoration:none; }
#leftbarPortfolio li a:hover { color: #EFEFEF; text-decoration:none; }

#leftbar {
	font: 12px Arial, Helvetica, sans-serif;
	color: #EFEFEF;
	position: relative;
	top: 50px;
	left: 0;
	width: 190px; 
	/*--font-weight:bold;
	background: #666666;--*/
	padding: 0px 10px 10px 10px;
	margin: 0px 10px 0px 0px;
}
#leftbar ul, #sidebar1 ul{ padding: 0px; margin:0px; }
#leftbar li, #sidebar1 li{ list-style:none; margin: 5px 0px; line-height: normal;}
#leftbar li a { color: #EFEFEF; text-decoration:none; }
#leftbar li a:hover, #sidebar1 li a:hover { color: #FFFFFF; text-decoration:none; }
#leftbar ul ul{ padding: 0px;	margin:0px 0px 0px 6px; }
#leftbar ul ul li{ list-style: none; margin: 2px 0px; line-height: normal; }
/*--#leftbar .indicated {color: #EFEFEF; font-weight:bold;}--*/

#sidebar {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
	position: relative;
	float:right;
	margin: 0px;
	/*--overflow:auto;
	border: 1px solid #FFF;
	background: #EBEBEB;--*/ 
}
#sidebar #scrolltxt{
	height: 360px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	overflow:auto;
}

#sidebar1 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:left;
	width: 182px; /*202px*/
	height: 373px;
	padding: 54px 10px 15px 10px;
	/*--overflow:auto;
	position: relative;
	border: 1px solid #FFF; 
	background: #B11100;
	background:url(../images/bg_about_awards.gif) repeat-x;--*/
}
#sidebar1 li a { color: #F2F2F2; text-decoration:none; }

#sidebar2 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #CDCDCD;
	text-align:left;
	width: 430px;
	height: 442px;
	padding: 0px;
	margin: 0px;
	/*--overflow:auto;
	border: 1px solid #FFF;
	background: #B44400;--*/ 
}

/*.crlHome #navbar {
	width: 898px;
	/*--background: #EBEBEB;
	padding: 0px;
	margin: 0px;
}--*/
#mainContent {
	margin: 20px 20px;
	padding: 0px;
	/*--overflow: hidden;
	height: 450px;
	border: 1px solid #000000;--*/
}
#introContent {
	margin: 0px;
	padding: 0px;
	/*--height: 450px;--*/
	border: 10px solid #FFFFFF;
}
#contentArea {
	/*--height: 100%;--*/
	border: 4px solid #FFFFFF;
	margin: 0px;
	height: 442px;
}

#footer {
	padding: 0 20px 0 0;
	font-size: 11px;
	color: #999999;
} 
#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: 5px 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;--*/
}

#disclaimer{
	margin: 20px 20px;
	padding: 0px;
}

#disclaimer #scrolltxt{
	height:410px;
	padding: 0px 10px 0px 0px;
	overflow:auto;
}


.crlHome #mainframe {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background:url(../images/bg_home.gif) repeat-x 0px 27px;
	background-color: #D0EFF4;
	height: 517px;
}
.crlAbout #mainframe {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background:url(../images/bg_about.gif) repeat-x 0px 27px;
	background-color: #FADC94;
}
.crlFindHome #mainframe {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background:url(../images/bg_fah.gif) repeat-x 0px 27px;
	background-color: #DBF5A5;
}
.crlFuture #mainframe {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background:url(../images/bg_future.gif) repeat-x 0px 27px;
	background-color: #A8E2BB;
}
.crlPortfolio #mainframe {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background:url(../images/bg_portfolio.gif) repeat-x 0px 27px;
	background-color: #A39BDC;
}
.crlContact #mainframe {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background:url(../images/bg_contact.gif) repeat-x 0px 27px;
	background-color: #BFE7F0;
}


/*----------------- Content Area Background image ----------------*/
.bgAbout{
	background:url(../images/img_about.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

.bgFah{
	background:url(../images/img_fah.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

.bgFuture{
	/*--background:url(../images/img_portfolio.jpg) no-repeat;--*/
	margin: 0px;
	padding: 0px;
}

.bgProtfolio{
	background:url(../images/img_portfolio.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

.bgContact{
	background:url(../images/img_contact.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

/*----------------- Right Content col Background image ----------------*/
.ContentAbout{
	background:url(../images/bg_about_content.jpg) repeat-x;
	margin: 0px;
	width: 592px; /*-- 632px --*/
	height: 412px;
	padding: 15px 20px 15px 20px;
}
.contentAwards{
	background:url(../images/bg_about_awards.jpg) no-repeat -220px;
	margin: 0px;
	padding: 0px;
}
.contentFah{
	margin: 0px;
	padding: 0px;
	width: 632px;
	height: 442px;
	/*--background: #CCC;--*/
}
.contentContact{
	/*--background:url(../images/bg_contact.jpg) repeat-x;--*/
	margin: 0px;
	padding: 0px;
	width: 592px;
	height: 412px;
	padding: 15px 20px 15px 20px;
	/*--background: #CCC;--*/
}



/*----------------- Right Content col Background image ----------------*/
iframe#ifrm { 
    /*--border:1px dashed #ccc;--*/
    padding:0px;
    margin:0px;
    width:430px;
    height:442px;
}

.h9 {
	font-weight: bold;
	color: #FFFFFF;
}
hr {
	font-size: 1px;
	color: #CCCCCC;
	text-decoration: none;
	border-top: solid 1px #B1B1B1;
}

select{
font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #B1B1B1;
}
input{font-family: Arial, Helvetica, sans-serif;}
textarea{font-family: Arial, Helvetica, sans-serif;}

.celltitle {
	color: #CCCCCC;
	background-color: #666666;
}
.cell1 {
	color: #666666;
	background-color: #E5E5E5;
}
.cell2 {
	color: #666666;
	background-color: #EFEFEF;
}


.pngFixRule {
behavior: url(../css/png-fix/iepngfix.htc); /* PNG FIX FOR IE6 ONLY */
}