@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #CCC;
	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;
}
h3, h3 { color:#039; padding-bottom:0px; margin-bottom:0px; }

.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;
}

.slide { margin: 25px 25px 10px 10px; border: solid 1px #000; }

/* Container */
.twoColFixLtHdr #container {
	width: 910px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 

/* Main */
.twoColFixLtHdr #main {
	width: 908px;
	padding-top: 10px;
	margin: 0 1px 0 1px;;
	background: url(../images/BG/bg_canvas.jpg);
}

/* Header */
.twoColFixLtHdr #header { 
	background: url(../images/Sunbird_Top2.jpg) no-repeat; 
	width: 908px;
	height: 117px;
	/*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. */
	color: #FFF;
	margin: 0 1px 0 1px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0;
	padding: 15px 0;
}

.twoColFixLtHdr #header h3 {
	color:#FFF;
	margin: 10px;
	font-size: 16px;
}

/* Navigation*/
.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 172px;
	/*margin-left: 5px;*/
	color:#FFF;
	background: url(../images/BG/SideNav_bg.jpg);
}
.twoColFixLtHdr #sidebarLinks {
	/*margin-top: 10px;*/
	/*padding-left: 10px;
	padding-bottom: 10px;*/
	float: left;
	width: 172px;
	background: url(../images/BG/SideNav_bg.jpg);
}

.twoColFixLtHdr #sidebarLinks a {
	margin-bottom: 10px;
	color:#FFF;
	text-decoration:none;
}
.twoColFixLtHdr #sidebarLinks a:hover {
	text-decoration:underline;
}
.twoColFixLtHdr #sidebarLinks ul {
	list-style:none;
	margin: 0px;
	margin-left: -20px;
}
.twoColFixLtHdr #sidebarLinks li {
	padding-bottom: .5em;
}

.twoColFixLtHdr #sidebar1 .ulc, .twoColFixLtHdr #sidebar1 .urc, .twoColFixLtHdr #sidebar1 .llc, .twoColFixLtHdr #sidebar1 .lrc { width: 25px; height:27px; float:left;}
.twoColFixLtHdr #sidebar1 .top, .bottom { width: 122px; height:27px; float:left;}
.twoColFixLtHdr #sidebar1 .ls, .rs { width: 25px; float:left; }
.twoColFixLtHdr #sidebar1 .ulc {background: url(../images/BG/SideNav_ULC.jpg); }
.twoColFixLtHdr #sidebar1 .top { background: url(../images/BG/SideNav_Top.jpg); }
.twoColFixLtHdr #sidebar1 .urc { background: url(../images/BG/SideNav_URC.jpg); }
.twoColFixLtHdr #sidebar1 .ls {	background: url(../images/BG/SideNav_ls.jpg); }
.twoColFixLtHdr #sidebar1 .rs {	background: url(../images/BG/SideNav_rs.jpg); }
.twoColFixLtHdr #sidebar1 .llc { background: url(../images/BG/SideNav_LLC.jpg); }
.twoColFixLtHdr #sidebar1 .bottom {	background: url(../images/BG/SideNav_Bottom.jpg); }
.twoColFixLtHdr #sidebar1 .lrc { background: url(../images/BG/SideNav_LRC.jpg); }
.twoColFixLtHdr #sidebar1 .smalltext { font-size:9px; padding:0 12px 0 12px;}

/*  Content  */
.twoColFixLtHdr #mainContent { 
	width:731px;
	margin: 0 0 0 175px; /* the left margin on this div element creates the column down the left 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. */
	background: #FFF;
} 
.twoColFixLtHdr #mainContent h1 {
	padding-top: 15px;
	font-size: 22px;
	line-height: 26px;
	color:#039;
}

.twoColFixLtHdr #mainContent .capsule { background: url(../images/BG/Content_bg.jpg); width: 731px; float:left; line-height: 20px; min-height: 400px; height:auto !important; height:400px;}
.twoColFixLtHdr #mainContent .story { padding: 0 25px; }
.twoColFixLtHdr #mainContent .listing { padding: 0 3px; }
.twoColFixLtHdr #mainContent .ulc, .twoColFixLtHdr #mainContent .urc, .twoColFixLtHdr #mainContent .llc, .twoColFixLtHdr #mainContent .lrc { width: 25px; height:24px; float:left;}

.twoColFixLtHdr #mainContent .top, .twoColFixLtHdr #mainContent .bottom { width: 681px; height:24px; float:left;}
.twoColFixLtHdr #mainContent .ls, .twoColFixLtHdr #mainContent .rs { width: 25px; float:left; }
.twoColFixLtHdr #mainContent .ulc {background: url(../images/BG/Content_ULC.jpg); }
.twoColFixLtHdr #mainContent .top { background: url(../images/BG/Content_Top.jpg); }
.twoColFixLtHdr #mainContent .urc { background: url(../images/BG/Content_URC.jpg); }
.twoColFixLtHdr #mainContent .ls {	background: url(../images/BG/Content_ls.jpg); }
.twoColFixLtHdr #mainContent .rs {	background: url(../images/BG/Content_rs.jpg); }
.twoColFixLtHdr #mainContent .llc { background: url(../images/BG/Content_LLC.jpg); }
.twoColFixLtHdr #mainContent .bottom {	background: url(../images/BG/Content_Bottom.jpg); }
.twoColFixLtHdr #mainContent .lrc { background: url(../images/BG/Content_LRC.jpg); }

/*  Footer  */
.twoColFixLtHdr #footer {
	width: 910px;
	font-size: 10px;
	color: #fff;
} 

.twoColFixLtHdr #footer a { color:#FFF }
.twoColFixLtHdr #footer a:visited { color:#FFF }


.twoColFixLtHdr #footer .capsule { background: url(../images/BG/Footer_main.jpg); width: 910px; height:37px;}
.twoColFixLtHdr #footer .bottom {	background: url(../images/BG/Footer_bot.jpg); height:18px; width: 910px; }

/*-------------------- agent.cfm --------------------*/
.twoColFixLtHdr .agent .portrait { float:left; padding-right: 10px; }
.twoColFixLtHdr .agent .icon { padding-right: 2px; }
.twoColFixLtHdr .agent p { margin-top:0px; }

/*--------------------contact.cfm--------------------*/
.twoColFixLtHdr .addressBox { padding-top: 50px; }