/* html */
html { margin:0; padding:0;background:#BDD6EC;width: 100%;height: 100%;}

/* body */
body { margin:0; padding:0;font: normal 12px verdana, arial, helvetica, sans-serif; width: 100%;display: table;}
/* splash */
body #background-image {position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px; right:0px;z-index:1; overflow:hidden;}
body #background-image img {width:100%; height:100%;}

body #splash {position:absolute;border-top:15px solid #000;height:51px;width:100%;top:142px; left:0;z-index:2;}
body #splash span {display:block;height:51px;width:100%;background:#fff;filter: alpha(opacity=50); khtml-opacity: 0.5; moz-opacity: 0.5; opacity: 0.5;}

    /* general */
    a img {border:0;}

    /* container */
    #container {width:962px; margin:0 auto;position:relative;z-index:3; }

        /* header */
        #header {margin:75px 0 0 0;background:#fff;height:132px;float:left;width:960px;background: #fff url(/images/charter-building-company.gif) no-repeat top left;}

            /* logo */
            #header #logo { float:left;height:132px; width:360px; text-decoration:none;text-indent:-3000em;overflow:hidden;}

            /* topNav */
            #header #topNav {float:right; margin: 0; padding:0; width:600px;}
            #header #topNav li { float:left; list-style:none;padding:0;margin:0;}
            #header #topNav li a {float:left; font: normal 16px/16px Arial, helvetica, sans-serif; padding:45px 9px 5px 9px; margin:0; text-decoration:none;text-transform:uppercase;}
            #header #topNav li#homeLink {display:none;}
            #header #topNav li a:link, 
            #header #topNav li a:visited{color:#000;}
            #header #topNav li a:hover,
            #header #topNav li a:active,
            #header #topNav li a.active {color:#8b2145!important;}
			#header #topNav li a.active {}

        /* page */
        #page {clear:both;float:left;width:960px;background: #fff;position:relative; background: #fff url(images/red-vertical-line.gif) repeat-y 247px 0;}
        
            /* content */
            #content {float:right; width:647px; padding:36px 30px;}
        
            /* general content */
            #content h1  { color:#8b2145; font: normal 20px/22px Arial, verdana, sans-serif; margin:0 0 10px 0; padding:0;text-transform:uppercase;}
            #content h2  { color:#000; font: bold 14px/22px Arial, verdana, sans-serif; margin:0 0 10px 0; padding:0;}
            #content h3 { color:#8b2145; font: bold 13px/20px Arial, verdana, sans-serif; margin:20px 0 10px 0; padding:0;}
            #content p{color:#404041; font: normal 13px/20px Arial, helvetica, sans-serif;  margin:0 0 10px 0;}
            #content ul{font: normal 13px/20px Arial, helvetica, sans-serif;  margin:0 0 0 15px;padding:0;}
            #content ul li{ margin: 0 0 0px 0;}

            #content ol{font: normal 13px/20px Arial, helvetica, sans-serif; padding:0 0 0 12px;margin:0 0 0 12px;}
            #content ol li{ margin: 0 0 10px 0;}

            #content address {font: bold 14px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; }
            #content a:link,
            #content a:visited {color:#004477;text-decoration:underline; }
            #content a:hover,
            #content a:active {color:#fff;background:#004477; text-decoration:none;}
            
			#content .intro {text-align:center;padding-bottom:10px;border-bottom:1px solid #ccc;padding-top:10px;border-top:1px solid #ccc;font: italic 15px/19px  georgia;color:#555;width:325px;float:left;}
            #content .sidebar {float:right; width:285px;margin:0 0 30px 0px;position:relative;}
			#content .justified {text-align:justify;line-height:19px;width:325px;}
			
			#content #contactInfo {float:right;width:200px;margin:3px 0 0 0;}
            #content #contactInfo h2 {text-align:left;margin:0 0 10px 0;padding:0;border-bottom: 1px solid #DFC7B5;}
            #content #contactInfo ul.phoneFax {margin:0 0 10px 0; padding:0;font: normal 11px/15px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;}
            #content #contactInfo ul.phoneFax li {margin:0 0 3px 1px; padding:0; list-style:none;font-size:11px;}
            #content #contactInfo address {margin:0 0 10px 1px; padding:0; list-style:none;font-size:11px;line-height:15px; font-weight:bold;font-style:normal;}
           	#content #contactInfo ul.email {margin:0 0 10px 0; padding:0;font: normal 11px/15px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;}
            #content #contactInfo ul.email li {margin:0 0 3px 1px; padding:0; list-style:none;font-size:11px;}
            #content #contactInfo ul.email li ul {margin-bottom:10px;}
            #content #contactInfo ul.email li ul li {margin:0 0 3px 1px; line-height:14px;}
 
            #content #links {float:right;width:200px;margin:10px 0 0 0;}
            #content #links h2 {text-align:left;margin:0 0 10px 0;padding:0;border-bottom: 1px solid #DFC7B5;}
			#content #links ul {font: bold 11px/15px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;padding:0 0 0 3px;}


						
            /* forms */
            #content form {float:left;width:420px;padding:0 0 15px;margin: 0;position:relative;}
 			#content form fieldset {padding:0; margin:0; border:0px solid #000;}
            #content form fieldset legend  {display:none;}
            #content form p{ padding:0;font: bold 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; margin:0 0 0.95em 0;}
            #content form p label {display:block; padding:0;position:relative;}
            #content form p label span.required {display:none;}
            #content form p label em {font-size:11px;}
            #content form p input, #content form p textarea{ width:95%;margin:0;}
            #content form p.submit {margin:20px 0 0 0;}
            #content form p.submit input {width:auto;}
            #content form #verify img {float:left;margin:0 0 0 10px;}
            #content form #verify input{float:left;width:60px;}
            #content form fieldset fieldset {padding:0; margin:10px 0 0 2px; color:#000;}
            #content form fieldset fieldset legend  {display:none;}
            #content form fieldset fieldset p  {margin:0px;}
            #content form fieldset fieldset #verify input,
            #content form fieldset fieldset #verify img{margin-top:2px;}
            
            /* form errors */
            #content .errors {margin:0 0 0.95em 0;float:left;width:400px;}
            #content .errors { background:darkred;margin:5px 0;}
            #content .errors h4 { background:red;font: bold 16px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;color:#fff; margin:0;padding:5px;}
            #content .errorlist {  color:#fff; }
            #content .errorlist li {font: normal 13px/15px verdana, arial, helvetica, sans-serif; margin: 5px 0 7px 15px;}
            #content .errors p {font: bold 13px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; color:#fff; margin:0!important;padding:0.65em!important;background:red;}
            #content .errors a:link,
            #content .errors a:visited { color:#fff;}
            #content .errors a:hover,
            #content .errors a:active{ background:#fff;color:darkred;}

            /* form success */
            #content .success { background: green; color:#fff; padding:20px;float:left;width:390px;}
            #content .success a:link,
            #content .success a:visited { color:#fff;}
            #content .success a:hover,
            #content .success a:active{ background:#fff;color:green;}
            

           /* sidebar */
           #sidebar {float:left;position:relative;width:212px;padding:20px 15px;overflow:hidden!important;height:410px;}

           /* nav */
           #sidebar #sideNav {float:left; margin: 0; padding:0; width:100%;}
           #sidebar #sideNav li { display:inline;list-style:none;padding:0;margin:0;}
           #sidebar #sideNav li a {clear:both;float:left; font: normal 16px/16px Arial, helvetica, sans-serif;padding:20px 10px 20px 0; margin:0;text-align:right;text-decoration:none;width:202px;text-transform:uppercase;}
           #sidebar #sideNav li a:link, 
           #sidebar #sideNav li a:visited{color:#c5ba8e;}
           #sidebar #sideNav li a:hover,
           #sidebar #sideNav li a:active,
           #sidebar #sideNav li a.active {color:#8b2145!important;}
           #sidebar #sideNav li a.active {}
			
        /* footer */    
        #footer { float:left; clear:both; width:940px;padding:10px;}
        #footer h4 { float:left; width:49%;margin:0; padding:0;font: normal 9px Verdana, Arial, Helvetica, sans-serif;display:none;}
        #footer p { float:right; width:49%;margin:0; padding:0;text-align:right;font: normal 9px Verdana, Arial, Helvetica, sans-serif;display:none;}
        #footer a:link,
        #footer a:visited {color:#fff;}
        #footer a:hover,
        #footer a:active {color:#000; background:#fff;text-decoration:none;}


		/* Accordions*/
		.accordion_toggle {outline: none; cursor: pointer;background:#fff;}
		.accordion_toggle#readmore {color:blue;color:#004477;background:url(images/readmore.gif) no-repeat top left;overflow:none;text-indent:-3000em;width:85px;height:13px;font: normal 13px/13px Arial, helvetica, sans-serif; position:absolute; top:434px; right:242px;}
		.accordion_toggle#abouttaro {color:blue;color:#004477;text-decoration:none;font: normal 13px/13px Arial, helvetica, sans-serif; background:url(images/backtostart.gif) no-repeat top left;overflow:none;text-indent:-3000em;width:119px;height:13px;position:absolute; top:310px; left:315px;}
		.accordion_toggle_active {display:none;}
		.accordion_content {overflow: hidden;background:#fff;}
		.accordion_content .heightbalance {height:400px!important;}
		
		.services #content h2.accordion_toggle {border-top:1px solid #eee;text-decoration: none;outline: none; cursor: pointer;font: bold 11px/12px Arial, verdana, sans-serif; padding:10px 0 0 13px;}
		.services #content .accordion_toggle_active {display:block;}
		.services #content .accordion_content {}
		.services #content .accordion_content ul { padding: 0 0 10px 15px;list-style-type:disc!important;font: bold 11px/11px Arial, verdana, sans-serif;}
        .services #content .accordion_content ul ul{ font: normal 11px/11px Arial, verdana, sans-serif;list-style-type:circle!important;padding: 6px 0 5px 0px;}
		
		.services #content h2.accordion_toggle {background:#fff url(images/accordion-link-arrows.gif) no-repeat 0 12px;color:#003768;}
		.services #content h2.accordion_toggle:hover {background:#fff url(images/accordion-link-arrows.gif) no-repeat 0 -8px;color:#000;}		
		.services #content h2.accordion_toggle_active,
		.services #content h2.accordion_toggle_active:hover {display:block;background:#fff url(images/accordion-active-arrows.gif) no-repeat -1px 13px;color:black;}

		#content li.nobullet {list-style:none;}

.contact h1 {float:left;width:400px;padding:0;margin: 0;position:relative;}

/* Image SlideShow */

#gallery {position:absolute; bottom:20px; right:0px; height:130px;padding:15px 0 0 0;}

#galleryInstructions {position:absolute; bottom:0px; left:300px; height:165px;padding:0; margin:0;}

	#previewPane{
display:none;
				
	}
	#galleryContainer{
		
		height:127px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 129px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/127px;	/* Other browsers */
		height: /**/127px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:11px 1px 1px 1px;
		height:115px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:11px 1px 1px 1px;
		height:115px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=75);
		opacity: 0.75;
		cursor:pointer;
		border:0px;
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
	#theImages a.galleryLink {background:#BAD7F7;float:left;height:100px;}
	#theImages a.galleryLink:hover,
	#theImages a.galleryLink:active {background:#8CB2D7;float:left;height:100px;}
	
		/* pdf links */
		#content ul.pdf { float: left; list-style-type: none; margin: 0; padding: 0; width: 99%; }
		#content ul.pdf li { background: url(images/pdf.gif) no-repeat 0px 3px; border-bottom: 1px solid #ccc; clear: both; float: left; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 7px 0 10px 37px; width: 86%; }
		#content ul.pdf li em { color: #666666; display: block; font-size: 11px; font-style: normal; font-weight: normal; margin: 1px 0 5px 1px; }
		#content ul.pdf li em strong { color: #333; }
		#content ul.pdf.realtors { }
		#content ul.pdf.realtors li { background: none; border-bottom: 1px solid #ccc; clear: both; float: left; font-size: 11px; font-weight: noral; margin: 0 0 10px 0; padding: 0px 0 10px 0; width: 100%; }
		#content ul.pdf.realtors li em { color: #666666; display: block; font-size: 11px; font-style: normal; font-weight: normal; margin: 0px 0 5px 1px; width:87%; padding:0;}
		#content ul.pdf.realtors li em strong { color: #333; }




.admin #content .error {background:red;color:#fff;clear:both;padding:5px;width:90%;margin: 10px 0 10px 0;}
.admin #content .error a.close:link,
.admin #content .error a.close:visited {color:#fff!important;}
.admin #content .error a.close:hover,
.admin #content .error a.close:active {color:red!important;background:white;}

.admin #content .success {background:green;color:#fff;clear:both;padding:5px;width:90%;margin:10px 0 10px 0;}
.admin #content .success a.close:link,
.admin #content .success a.close:visited {color:#fff!important;}
.admin #content .success a.close:hover,
.admin #content .success a.close:active {color:green!important;background:white;}

.admin #content .uploadform {clear:both;background:#E3F0F6; padding:5px; margin:10px 0 20px 0!important;width:90%;}

#content .filelist {margin:0; clear:both; }
#content .filelist h2 span { font-weight:normal!important;}
#content .filelist h2 .listproperties { display:none!important; }

#content .viewOptions {margin:0; padding:0;display:none!important;}
#content .viewOptions strong {}
#content .viewOptions strong {}

#content ul.files {margin: 0; padding:0;float:left;width:100%;clear:both;}
#content ul.files li {float:left;clear:both; position:relative;list-style:none;margin:0 0 0px 0; border-bottom:1px solid #eee;padding:0;width:100%; height:24px;overflow:hidden;}
#content ul.files li a.delete {position:absolute; display:block;width:100%;height:22px;padding:2px 0 0;top:0;left:0;text-indent:-3000em;overflow:hidden;}
#content ul.files a.delete:link,
#content ul.files a.delete:visited {background:#fff url(images/delete-16x16.gif) no-repeat 3px 3px!important;color:red!important;}
#content ul.files a.delete:hover,
#content ul.files a.delete:active {background-color:#FFCFDE!important;color:red!important;}
#content ul.files li a.file {position:absolute; display:block;height:22px;top:0; left:4%;padding:2px 0 0;width:96%;text-indent:2px;}
#content ul.files li a.file:link,
#content ul.files li a.file:visited {background:transparent!important;}
#content ul.files li a.file:hover,
#content ul.files li a.file:active {color:#000!important;background:#BFE8FF!important;font-weight:bold;}
				
#content .zips {clear:both;}


.slides{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 285px; /*width of featured content slider*/
height: 320px;
}

.slides .slide{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 285px;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}



.slides .slide a:link,
.slides .slide a:visited {
	text-decoration:none!important;
	background:#fff!important;
}

.slides .slide a:hover,
.slides .slide a:active {
	text-decoration:none!important;
	background:#fff!important;
	color:#000;
	font-weight:bold;
}

.slides .slide span {
	display:block;
	position:absolute;
	bottom: 1px;
	left:0;
	padding:0;
	margin:0;
	text-align: center;
	width: 285px;
	font: italic 18px georgia;
	color:#999;
}

.pagination{
text-align: center;
width: 285px;

}

.pagination a{
padding: 1px;
text-decoration: none; 
color: #004477;
background: white;
border: 1px solid #ccc;
background: #eee;
}

.pagination a:hover, 
.pagination a.selected{
color: #fff;
background-color: #004477;
}

.pagination .toc {display:none;}
.pagination .prev {float:left;width:22px;overflow:hidden;font-weight:bold;position:absolute;bottom:1px;left:0px;z-index:9000;text-decoration:none!important;display:none;}
.pagination .next {float:right;width:21px;overflow:hidden;font-weight:bold;position:absolute;bottom:1px;right:0px;z-index:9000;text-decoration:none!important;display:none;}

#content ul.buttons {margin:0; padding:0; list-style-type:none;}
#content ul.buttons li {margin:0; padding:0; display:inline;}
#content ul.buttons li a.button {display:block; float:left; width:190px;text-align:center; font-weight:bold;padding: 5px 8px; margin: 0 10px 0 0; border: 1px solid #bbb; text-decoration:none;}
#content ul.buttons li a.accept.button {color:darkgreen; background:lightgrey;}
#content ul.buttons li a.decline.button {color:darkred;background:lightgrey;}
#content ul.buttons li a.button:hover,
#content ul.buttons li a.button:active {border-color:#fff;}
#content ul.buttons li a.accept.button:hover,
#content ul.buttons li a.accept.button:active {color:lightgreen; background:darkgreen;}
#content ul.buttons li a.decline.button:hover,
#content ul.buttons li a.decline.button:active {color:pink;background:darkred;}

#ads {position:absolute; top:30px; right:30px;}

/* Print Styles */
@media print {
	
	#background-image,
	body #splash,
	#header #topNav, 
	#sidebar,
	#content form {display:none!important;}
	#container,
	#header,
	#page,
	#content {margin:0; padding:0;float:none;height:auto; width:auto; }
	#header {margin:0 0 20px 0;}
	#header #logo { font-size:26px;float:none;height:auto; width:auto; text-decoration:none;text-indent:0;overflow:auto;color:#000;}
	
	#content h1  { color:#000; }
    #content h2  { color:#000; }
    #content h3 { color:#000;}
    #content p{color:#000;}
    #content .intro {text-align:left;padding-bottom:0px;border-bottom:0px solid #ccc;padding-top:0px;border-top:0px solid #ccc;font: italic 15px/21px  georgia;color:#555;width:auto;float:none;}
	#content .justified {width:auto;}
	#content #contactInfo,
	#content #links {float:none;width:auto;margin:0;display:block;clear:both;}
	#content #contactInfo h2 {display:none;}
    
    
}