body {
 background-image: url(../images/pagebg.jpg);
 background-repeat: repeat-x;
 background-color: #002B58;
 margin: 0;
 padding: 0;
}
form label{
 color:#575757;
 font-family:Arial,Helvetica,sans-serif;
 font-size:13px;
}

#shell {
 width: 919px;
 margin: 0 auto;
 position: relative;
}

#leftshadow{
 position: absolute;
 left: 0;
 top: 0;
 width: 60px;
 height: 750px;
 background-image: url(../images/leftshadow.jpg);
 background-repeat: no-repeat;
 background-color: #002B58;
}

#rightshadow{
 position: absolute;
 right: 0;
 top: 0;
 width: 60px;
 height: 750px;
 background-image: url(../images/rightshadow.jpg);
 background-repeat: no-repeat;
 background-color: #002B58;
 z-index: 0;
}


h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3,h4 {
	/* top & bottom margin based on font size */
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 0 .5em 0;
	color: #575757;
	font-weight:normal;
}
h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.contenttable th, .contenttable td {
	/*borders and padding to make the table readable*/
	border-bottom:1px solid #8b6636;;
	padding:.2em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
p,li,td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 150%;
 color: #575757;
}
a {
 color: #002B58;
}
a:visited {
 /* color: #3582a9;*/
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


#header {
 height: 120px;
 background: url(../images/headerbg_nologo.jpg);
 background-repeat:no-repeat;
 position:relative;
}
#dcslogo {
 width: 336px;
 height: 120px;
 position: absolute;
 left: 0;
 top: 2px;
}
#searchform {
 width: 360px;
 height: 30px;
 background: url(../images/searchbg.gif);
 background-repeat:no-repeat;
 background-position: top right;
 position: absolute;
 top: 20px;
 right: 20px;
 padding-top: 10px;
 color: #686868;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
#searchform a {
 color: #686868;
 text-decoration: none;
 padding: 0 5px;
}
#searchform .tx-indexedsearch-searchbox-sword {
 width: 165px;
 height: 18px;
 position: absolute;
 right: 8px;
 top: 7px;
 margin: 0;
 padding: 0;
 border: 0 none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #575757;
}
#container{
 width: 799px;
 background-color: #F9F8F0;
 position: absolute;
 left: 60px;
 z-index: 2;
}
#content{
 width: 799px;
 background-color: #F9F8F0;
 background-image: url(../images/contentbg_01.gif);
 background-repeat: repeat-x;
}
#minheight {
 float: right;
 display:inline;
 width: 1px;
 height: 750px;
 margin:0;
 padding:0;
}
#leftcolumn {
 float:left;
 display:inline;
 width: 210px;
 margin: 30px 20px 0 0;
 padding: 0 0 10px 0;
 border-right: 1px solid #f2e7d1;
}
#rightcolumn {
 float: left;
 width: 530px;
 margin: 20px 0;
}
#homecolumn #leftcolumn{
 width: 236px;
 float: left;
 display:inline;
 margin: 0 0 0 30px;
 padding: 0;
 border-right: none;
}
#homecolumn #centercolumn{
 width: 236px;
 float: left;
 display:inline;
 margin: 0 0 20px 30px
}
#homecolumn #rightcolumn{
 width: 220px;
 float: right;
 display:inline;
 margin: 0 30px 30px 0;
}
#homefooter {
 clear: both;
 padding-top: 20px;
 margin: 0 30px;
 height: 33px;
 text-align: right;
 border-top: 1px solid #dccaad;
 color:  #dccaad;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
}
#homefooter a {
 color: #71a6b4;
 text-decoration: none;
}
#footer {
 clear: both;
 padding-top: 7px;
 height: 53px;
 width: 799px;
 background-color: #000000;
 background: url(../images/footerbg.gif);
 background-repeat: repeat-x;
 text-align: center;
 color:#898989;
}
#footer ul{
 margin: 0;
 padding: 0;
}
#footer li{
 list-style: none;
 margin: 0 5px;
 display: inline;
}
#footer li a {
 color:#898989;
 text-decoration: none;
}
#breadcrumb {
 float: left;
 display:inline;
 width: 530px;
 margin: 30px 0 0 0; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#breadcrumb a {
 color: #065587;
}
.bcgt {
 padding: 0 10px;
 color: #8a8a8a;
}

#centercontent {
 min-height: 264px;
 *height: 264px;
 background: url(../images/homecenterbg.gif);
 background-repeat: repeat-x;
 background-position: top;
 border-bottom: 1px solid #e5dbca;
 position: relative;
 background-color: #C3D6E2;
}
#programcontent {
 border-top: 1px solid #f9f8f0;
 background: url(../images/programbg.gif);
 background-repeat: repeat-x;
 height: 70px;
 padding: 15px 0 15px 20px;
}
.programicons {
 float:left;
 display:inline; 
 margin: 0 20px 0 0;
}
#topnav {
 height: 33px;
 width: 779px;
 padding: 0 10px;
 background: url(../images/topnavbg.gif);
 background-repeat:no-repeat;
 z-index: 4;

}
#topnav li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight:bold;
 line-height: 100%;
 color: #575757;
 padding: 0;
 z-index: 10;
}
#topnav li.yuimenubaritem {
 background-image: url(../images/menusep.gif);
 background-repeat:no-repeat;
 background-position: left;
}

#topnav li.first-of-type {
 background-image: none;
}
#topnav li a {
 color: #FFFFFF;
 text-transform: uppercase;
 text-decoration: none;
 padding: 10px 12px;
}
#topnav li a:hover {
 background-image: url(../images/navhoverbg.gif);
 background-repeat: repeat-x;
}
#topnav li a.yuimenuitemlabel{
 color: #686868;
 font-size: 11px;
 background-color:#FFFFFF;
 font-weight:normal;
 margin: 4px 5px;
 padding: 6px 6px;
 border-bottom: 1px dotted #686868;
 text-transform: none;
}
#topnav li a.yuimenuitemlabel:hover{
 color: #8b6636;
 background-color:#f3f0e6;
 background-image:none;
}
#topnav li.yuimenuitemlast a.yuimenuitemlabel{
 border-bottom: none;
}
.dropmenu {
 border: 1px solid #686868;
 background-color: #ffffff;
 padding: 0 6px;
}
#sectionheader {
 margin: 0 0 0 15px;
 padding: 2px 5px;
}
#sectionheader a {
 font-family:Georgia, "Times New Roman", Times, serif;
 color: #575757;
 font-weight:normal;
 font-size: 22px;
 padding: 2px 5px;
 text-decoration: none;
}
#sectionheader a:hover {
 background-color: #f5edde;
}
#leftnav {
 margin: 10px 10px 0 25px;
 padding: 0;
}
#leftnav2 {
 margin: 5px 0 0 10px;
 padding: 0;
}
#leftnav li {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
 font-size: 14px;
 list-style: none;
 margin: 0 0 5px 0;
}
#leftnav li a { 
 text-decoration: none;
 color: #575757;
 padding-bottom: 2px;
 border-bottom: 1px solid #f2e7d1;
}
#leftnav li a:hover { 
 color: #8b6636;
}
#leftnav li a.active {
 color: #8b6636;
}

#centercolumn ul {
 padding-left: 0;
 margin-left: 0;
}

#centercolumn ul li{
  padding: 0 0 10px 20px;
  list-style: none;
  background-image: url(../images/homeservicesbullet.gif);
  background-repeat: no-repeat;
  background-position: 0 3px ;
}
#centercolumn li a{
 color: #71a6b4;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
 font-size: 14px;
 text-decoration: none;
}
.news-latest-item p {
 margin: 0 0 4px 0;
}
ul.csc-sitemap {
 padding-left: 0;
 margin-left: 0;
}
.csc-sitemap ul{
 margin-top: 0;
}
.csc-sitemap li{
   list-style: none; 
}
.curvedboxheader{
  background-image: url(../images/curvedboxtop.gif);
  background-repeat: no-repeat;
  width: 510px;
  height: 17px;
  margin: 10px 0 0 0;
}
.curvedboxbody {
 background-color: #eee6d5;
 padding: 0 15px;
 width: 480px;
 margin: 0;
}
.curvedboxbody p {
 padding: 0 0 10px 0 ;
 margin: 0;
}
.curvedboxbody ul {
 margin-bottom: 0;
 margin-top: 0;
 padding-bottom: 10px;
}
.curvedboxfooter{
  background-image: url(../images/curvedboxbot.gif);
  background-repeat: no-repeat;
  width: 510px;
  height: 17px;
  margin: 0 0 10px 0;
}
.directorytable {
 width: 530px;
}
.directorytable td {
 border: none; 
 padding: 3px;
}
.directorysearch td {
 border: none; 
 padding: 3px;
}
.tx-dcsdirectory-pi1-listrow-header td{
 font-weight: bold;
}
.tx-dcsdirectory-pi1-listrow-odd {
 background-color: #eee6d5;
}
.tx-thmailformplus-pi1 td {
 border: none; 
 padding: 3px;
}

.boardmeetingteaser {
 width: 220px;
 height: 100px;
 background-image: url(../images/homecalbgsm.gif);
 background-repeat: no-repeat;
 position: relative;
}
.nextmeeting {
 font-family: Georgia, Times, serif;
 font-style: italic;
 color: #7b7b7b;
 font-size: 13px;
 position: absolute;
 left: 15px;
 top: 15px;
}
.meetingdate{
 font-family: Arial, Helvetica, sans-serif;
 color: #7f3f00;
 font-size: 13px;
 position: absolute;
 line-height: 18px;
 left: 55px;
 top: 34px;
}
.meetinglink{
 position: absolute;
 left: 15px;
 top: 74px;
}
.meetinglink a {
 font-family: Ariel, Helvetica, sans-serif;
 color: #71a6b4;
 font-size: 11px;
}
/* TYPO3 Form Styling Begin */


fieldset.csc-mailform {
	margin-top: 15px;
	border: none;
	}

fieldset.csc-mailform label {
	float: left;
	width: 150px;
	color: #575757;
	}

div.csc-mailform-field {
	margin-bottom: 25px;
	}

fieldset.csc-mailform input {
	width: 300px;
	}

fieldset.csc-mailform textarea {
	width: 300px;
	height: 100px;
	}

fieldset.csc-mailform .csc-mailform-check {
	width: 15px;
	height: 15px;
	}

fieldset.csc-mailform .csc-mailform-radio {
	width: 15px;
	margin-top: 10px;
	}

fieldset.csc-mailform legend {
	display: none;
	}



fieldset .csc-mailform-radio label {
	display:inline;
	margin-bottom:15px;
	margin-left:10px;
	margin-right:10px;
	white-space:nowrap;
	float: none;
	}

fieldset.csc-mailform input.csc-mailform-submit {
	width: auto;
	}

/* TYPO3 Form Styling End */



/* Submission Form Styling Begin */

#submission div {
	margin-bottom: 25px;
	}
#submission label {
	float: left;
	width: 150px;
	}

#submission .input-text {
	width: 300px;
	}

#submission textarea {
	width: 300px;
	height: 100px;
	}

#submission #submit {
	margin-left: 150px;
	}

#submission .required {
	color: red;
	}

/* Submission Form Styling End */



/* FCE with 3 sections */

  #three_sections {
    width:243px;
  }
  
  #three_sections .sect hr {
    height:1px;
    font-size:1px;
    line-height:1px;
    border:none;
    border-top: solid 1px #f3ebe0;
    clear:both;
  }
  
  #three_sections .sect .sect_text {
    float:right;
    margin: 7px 5px 7px 5px;
    width:184px;
  }
  
  #three_sections .sect img {
    float:left;
    margin: 13px 3px 13px 7px;
  }
  
  #three_sections .sect .sect_text a {
    color:#1c5c7e;  
    text-decoration: none;
    font-weight:bold;
  }
  
  #three_sections .sect .sect_text .title {
    font-weight:bold;
    font-size:14px;
    font-family: helvetica, arial, sans-serif;
  }
  
  #three_sections .sect .sect_text p {
    margin:2px 0 4px 0;
    padding:0
  }
  
/* FCE with 3 sections END*/
  
/* TYPO3 Form Styling Begin */


fieldset.csc-mailform {
	font-family: Arial,Helvetica,sans-serif;
        font-size:12px;
	margin-top: 15px;
	margin-left: 20px;
	border: none;
	}

fieldset.csc-mailform label {
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	color: #575757;
	float: left;
	width: 340px;
	}

div.csc-mailform-field {
	margin-bottom: 10px;
	}

fieldset.csc-mailform input {
	min-height:16px;
	margin-top:1px;
	width: 260px;
	}
	
fieldset.csc-mailform select {
	width: 260px;
	margin-top:5px;
	}

fieldset.csc-mailform textarea {
	margin-top:1px;
	width: 350px;
	height: 200px;
	}

fieldset.csc-mailform .csc-mailform-check {
	width: 15px;
	height: 15px;
	}

fieldset.csc-mailform .csc-mailform-radio {
	width: 15px;
	margin-top: 10px;
	}

fieldset.csc-mailform legend {
	display: none;
	}

fieldset .csc-mailform-radio label {
	display:inline;
	margin-bottom:15px;
	margin-left:10px;
	margin-right:10px;
	white-space:nowrap;
	float: none;
	}

fieldset.csc-mailform input.csc-mailform-submit {
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	width: auto;
	padding:5px;
	color: #ffffff;
	background-color:#002B58;
	}

/* TYPO3 Form Styling End */

