/* Start of CMSMS style sheet 'front' */
body {
background:#fff url(uploads/csd/main_back.jpg) repeat-y center center;
color:#404040;
font:76% Arial,Tahoma,Verdana,sans-serif;
line-height:1.2em;
margin:auto auto;
padding:0;
}

a {
color:#465374;
text-decoration:underline;
font-weight:700;
}

a:hover {color:#ff8335;
text-decoration:underline;
}

a img {
border:0;
}

p {
padding-left:10px;
margin:0 0 18px 10px;
}

ul,ol,dl {
font-size:1.0em;
margin:2px 0 16px 5px;
}

ul ul,ol ol {
margin:4px 0 4px 5px;
}

blockquote {
border:1px solid #dadada;
font-size:0.9em;
margin:20px 10px;
padding:8px;
}

h1 {
color:#4088b8;
font-size:1.8em;
letter-spacing:-1px;
margin:0 0 30px 25px;
}

h1 a {
color:#4088b8;
text-transform:none;
font-weight:700;
}

h2 {text-align:left;
border-bottom:1px solid #dadada;
color:#1b255f;
font-size:1.4em;
letter-spacing:-1px;
font-weight:400;
margin:10px 0;
padding:0 2px 2px 5px;
}

h3 {
border-bottom:1px solid #dadada;
color:#676767;
font-size:1.2em;
font-weight:500;
margin:10px 0 8px;
padding:1px 2px 2px 3px;
}

h4 {
color:#676767;
font-size:1.2em;
font-weight:500;
margin:10px 0 8px;
padding:1px 2px 2px 3px;
}

#wrap {
background:transparent ;
color:#404040;
width:970px;
border-left:1px none #eee;
border-right:1px none #eee;
margin:0 auto;
padding:0;
}

#header {
height:190px;
background:url(uploads/images/header.gif) no-repeat top left;
margin:0;
}


#topflash {float:right;width:400px;height:95px;margin-top:42px;margin-right:0px;

background:#fff;
padding:0;
}#toplinks {width:400px;
font-size:0.9em;
text-align:left;
color:#fff;
padding:25px 2px 2px 3px;
}


#slogan {float-right;background:#000;height:100px;

margin:0;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}
div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }

#contentwrap {
background:#fff;
color:#797979;
width:970px;
margin:0 auto;
padding:0;
}

#content {
float:right;
line-height:1.5em;
margin-top:3px;
padding-top:30px;
padding-left:10px;
padding-right:20px;
padding-bottom:40px;
text-align:left;
width:553px;
background:transparent;
}

#contentalt {
float:left;
line-height:1.5em;
margin-right:20px;
text-align:left;
width:700px;
padding:0;
}

#content h3,#contentalt h3 {
margin:10px 0 8px;
}
#sidebar {border-top:3px none #fff;height:399px;
float:left;
line-height:1.4em;
margin-top:22px;
margin-bottom:5px;
width:290px;background:#fff;
padding:10px 10px 70px;
}
#sidebar_bottom {height:150px;

width:2px;
background:#fff url(uploads/csd/whitebox.png) no-repeat top left;

}

#sidebar ul {
font-size:0.9em;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#sidebar li a {
font-size:1.2em;
font-weight:700;
padding:2px;
}

#sidebar ul ul {
line-height:1.2em;
margin:4px 0 3px 15px;
padding:0;
}

#sidebar h2 {
margin:3px 0 8px;
}
#sidebar-box h2 {color:#465374;
margin:6px 0 8px;padding:20px;
}
#sidebar-box {height:190px;
background:#fff url(uploads/csd/whitebox.png) no-repeat top left;
width:220px;
border-top:6px none #283891;
margin-bottom:20px;
padding:0px;
color:#fff;
}
#footer {height:107px;width:970px;
border-top:1px solid #dadada;
clear:both;
color:gray;
font-size:0.9em;
line-height:1.6em;
text-align:right;
background:#fff url(uploads/images/footer.png) no-repeat bottom left;
margin:0 auto;
padding:0px 0;
}

#footer p {
padding-right:20px;
padding-top:20px;
color:#fff;
margin:0;
}

.box {
background:#4088b8;
border:1px solid #c8c8c8;
color:#fff;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
}

.box a {
color:#f0f0f0;
}

.left {
float:left;
margin:0 15px 4px 0;
}

.right {
float:right;
margin:0 0 4px 15px;
}

.readmore {
text-align:right;
margin:-10px 10px 12px 0;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.blue {
color:#4088b8;
}

.clear {
clear:both;
}

.fade {
color:#c8c8c8;
}

.photo {
background:#fff;
border:1px solid #bababa;
margin:6px 18px 2px 5px;
padding:2px;
}

#sidebar ul ul li a,.timestamp a {
font-weight:400;
}

div.breadcrumbs {
font-size:90%;
border-bottom:1px dotted #dadada;
margin:0 1em;
padding:1em 0 1.2em;
}

div.breadcrumbs span.lastitem {
font-weight:700;
}

body.narrow {
background-image:none;
}

body.fluid {
background-image:none;
margin:0 10px;
}

#wrap.fluid {
width:100%;
}

#wrap.fluid #content {
width:72.5%;
}

#wrap.fluid #sidebar {
width:23%;
}

#wrap.narrow {
width:750px;
}

#content.rightnav {
float:left;
margin-right:20px;
}

#wrap.narrow #content {
width:530px;
}

.NewsSummary {
margin-bottom:.67em;
padding-left:20px;
}

#NewsPostDetailDate {
text-align:right;
font-weight:700;
padding-bottom:1em;
padding-left:20px;
}

.NewsSummaryPostdate {
text-align:right;
font-style:italic;
padding-bottom:.33em;
padding-left:20px;
}

#NewsPostDetailReturnLink,.NewsSummaryMorelink {
text-align:center;
padding-left:20px;
}

.currentpage {
font-weight:700;
font-size:1.2em;
}

#NewsPostDetailContent {
margin-bottom:15px;
line-height:150%;
padding:0 10px;
}

.printonly,.hide {
display:none;
}

.victor {
clear:both;
display:block;
font-size:1px;
height:1px;
}

#Properties {
	clear: left;
	margin: 0 10px;
}
#Properties div {border: 1px solid	#b7b7b7;
	width:295px;
	float: left;
	margin-right: 20px;	margin-top: 40px;
	background-color: #f2f2f2;
}
#Properties div.noMargin {
	margin: 0;
}
#Properties div img {
	padding: 4px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	margin: 5px 0 12px 5px;
}
#Properties div h4 {	border: 1px none #a9a9a9;
	font-size: 105%;
	color: #000
	margin: 8px 10px 2px 10px;
}
#Properties div small {
	font-size: 90%;
	padding: 0 10px 5px 10px;;
display: block;
font-weight: bold;
}
#Properties div p {
	font-size: 90%;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.5;
}
#Properties div .moreButton {
	text-align: right;
	display: block;
}
#Properties div .moreButton img {
	padding: 0px;
	border: 0;
	margin: 0;
	margin-left: auto;
}

p.sig {
width:680px;
margin:0 auto;
padding:1em 0;
}

form {
background:transparent;
margin:0 0 1em;
padding:.2em 20px;
}

form,td,th,li {
font-size:100%;
}

form div {
margin-bottom:0;
}

fieldset div {
margin-bottom:0.5em;
margin-left:1em;
}

fieldset div div {
margin-top:0.5em;
margin-left:1em;
}

fieldset {
margin-bottom:1em;
border:1px solid #dadcdc;
padding:0.5em;
}

fieldset label {
width:auto;
}

legend {
color:#FFF;
background:#fb9c33;
font-style:italic;
font-size:1.2em;
margin-bottom:0.5em;
width:auto;
border:1px solid #CCC;
padding:0.2em;
}

textarea {
width:98%;
height:6em;
margin:0.5em 0;
}

.short-label label {
float:left;
width:10em;
}

.short-label fieldset div input,.short-label fieldset div select {
width:16em;
}

.captcha {
width:200px;
text-align:center;
margin:0.5em 0;
}

.captcha img {
border:1px solid #F60;
margin-bottom:0.5em;
}

.captcha input {
width:196px;
margin-top:0.5em;
}

.submit {
margin-top:0.5em;
background:#Fff;
}

a[href $='.pdf'] {
background-color:transparent;
background-image:url("images/061220_icon_pdf.gif");
background-repeat:no-repeat;
background-position:left top;
padding:0 0 0 18px;
}

a[href $='.doc'] {
background-color:transparent;
background-image:url("images/061220_icon_doc.gif");
background-repeat:no-repeat;
background-position:left top;
padding-left:18px;
}

#footer a,#toplinks a {
color:#fff;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/* End of 'front' */