/****************************************************************/
/* general page structure and layout begins */
/* first, zero out the page */
/****************************************************************/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family:Arial, Helvetica, sans-serif; 
font-size:.8em; 
color:#000; 
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
background:#fff;
text-align:center;
}
.page_wrap {
position:relative;
width:760px;
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:center;
background:#fff;
border:1px solid #ccc;
}
.clear {
clear: both;
}
/****************************************************************/
/* general image tags */ 
/****************************************************************/
img {
border:none;
}
/****************************************************************/
/* general link tags */
/****************************************************************/
a {
color: #013b7a;
text-decoration: none;
}
a:hover {
color: #f90000;
text-decoration: underline;
}
h1 {
color:#000;
font-size:2em;
}
h2 {
color:#000;
font-size:1.2em;
}
h3 {
color:#000;
font-size:1.1em;
}
/****************************************************************/
/* header area specific tags */
/****************************************************************/
#header-logo-area {
background: #dee5ed url(../images/djcf-header.gif) no-repeat;
width: 760px;
height: 84px;
margin: 0px 0px 0px 0px;
}
#header-links {
text-align: right;
margin: 0 10px 0 0;
color: #008068;
}
#header-links h3 {
padding: 5px 0 0px 0;
font-size: 12pt;
}
#header-links p {
font-size: 10pt;
padding: 4px 0 0 0;
font-weight: bold;
}
#header-links ul li {
display: inline;
font-size: 8pt;
}
#header-links a {
color: #013b7a;
}
#header-links a:hover {
color: #ff0000;
}
#header-tag-line {
float: left;
padding: 68px 0 0 118px;
font-size: 9pt;
color: #008068;
}
/****************************************************************/
/* general page structure and layout ends */
/****************************************************************/
/****************************************************************/
/* top navigation bar begins */
/****************************************************************/
.topnav {
position:relative;
clear:both;
width: 760px;
height:30px;
border-bottom: 0px solid #ccc;
}
#header-rect {/*nav bar - below header-top section*/
background: #013b7a url(../images/horiz-nav-image.jpg) no-repeat;
text-align:center;
height: 32px;
width: 760px;
margin: 0px 0 0 0;
clear: both;
}
#header-rect ul {
width: 100%;
padding: 8px 0 0 0;
}
#header-rect ul li {
display: inline;
}
#header-rect ul li a {
color: #fff;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
margin: 0px 5px 0px 5px;
padding: 0 0 0 0;
}
#header-rect ul li a:hover {
color: #ff0000;
}
/****************************************************************/
/* top navigation bar ends */
/****************************************************************/
/****************************************************************/
/* 3-column layout - left, center, right
/****************************************************************/
/****************************************************************/
/*left-column begin - for the left nav*/
/****************************************************************/
#left-column {
display:block;
float:left;
width:130px;
background:#ccc;	
height: 100%;
clear:left;
margin:0px 0px 0px 0px;
border:1px solid #666;
}
#left-column-nav {
display:block;
float:left;
width:230px;
background: #fff;
height: 100%;
clear:left;
margin: 0px 0px 0px 0px;
border-right: 0px solid #ccc;
border-bottom: 0px solid #ccc;
}
#left-column-nav ul {
list-style-type: none;
text-align: left;
margin: 6px 0 0 0px;
}
#left-column-nav ul li {
padding: 20px 0 0px 10px;
border-bottom: 1px solid #fff;
}
#left-column-nav ul li a {
color: #fff;
border-bottom: 0px solid #013b7a;
padding-bottom: 6px;
display: block;
}
#left-column-nav ul li a:hover {
color: #ff0000;
}
#left-column-nav #nav-title {
background: #008068;
color: #ccc;
font-weight: bold;
height: 35px;
}
#left-column-nav .nav-title {
background: #008068;
color: #ccc;
font-weight: bold;
height: 35px;
}
.link {
background: #013b7a;
}
/****************************************************************/
/* left-column ends */
/****************************************************************/
/****************************************************************/
/* center-column begins */
/****************************************************************/
#center-column {
display:block;
float:left;
width:312px;	
background:#ddd;
margin:0px 0px 0px 0px;
text-align: center;
color: #999;
border:1px solid #999;
}
/****************************************************************/
/* for interior page with left nav and 1 column */
/****************************************************************/
#center-column-content {
display: block;
float: right;
width: 510px;
background: #fff;
padding: 6px 6px 16px 6px;
text-align: center;
color: #666;
border-left: 0px solid #ccc;
}
#center-column-content h2 {
background: #008068;
text-align: left;
padding: 2px 10px;
border-top: 2px solid #013f7a;
border-bottom: 2px solid #013f7a;
color: #fff;
}
#center-column-content h3 {
text-align: left;
padding: 12px 0px 0px 10px;
color: #ff0000;
font-weight: bold;
}
#center-column-content ul {
text-align: left;
padding: 10px 0px 0 10px;
list-style-type: none;
}
#center-column-content ul li {
padding: 1px 0 1px 0;
}
#center-column-content p {
padding: 8px 8px 4px 8px;
text-align: left;
}
#center-column-content img {
margin: 4px 0 4px 0;
border: 0px;
}
#center-column-content .left-float {
margin: 8px;
border: 0;
float: left;
}
.title {
border-top: 1px solid #013b7a;	
border-bottom: 1px solid #013b7a;
font-weight: bold;
color: #008068;
}
.list {
margin: 10px 0;
border-bottom: 1px solid;
}
.link-explain {
color: #ccc;
font-size: 8pt;
padding: 0 0 0 10px;
}
#grant-schedule {
margin: 10px 0 0 0;
text-align: left;
border: 1px solid #013b7a;
color: #dee5ed;
font-size: 9pt;
}
#grant-schedule td {
vertical-align: top;
//border: 1px outset #333;
background-color: #666;
}
#grant-schedule .grant-head {
font-weight: bold;
color: #fff;
}
/****************************************************************/
/* for interior page with left nav and 1 column ends */
/****************************************************************/
/****************************************************************/
/* for single column page */
/****************************************************************/
#single-column {
display: block;
width: 738px;
background: #fff;
padding: 10px;
text-align: center;
color: #666;
border-left: 0px solid #ccc;
border-right: 0px solid #ccc;
}
#single-column p {
text-align: left;
padding: 5px 10px 5px 10px;
}
#single-column h2 {
background: #008068;
text-align: left;
padding: 2px 10px;
border-top: 2px solid #013f7a;
border-bottom: 2px solid #013f7a;
color: #fff;
}
#single-column ul {
text-align: left;
padding: 10px 10px 5px 10px;
list-style-type: none;
}
#single-column ul li {
padding: 2px 0 2px 0;
}
.single-column-form {
display: block;
background: #fff;
padding: 10px;
}
.single-column-form .step {
text-align: left;
color: #ff0000;
}
.single-column-form table {
text-align: left;
}
/****************************************************************/
/* for for single column page ends */
/****************************************************************/
/****************************************************************/
/* for home page and 2 equal columns */
/****************************************************************/
#center-column-index {
display:block;
float:left;
width:368px;	
background:#fff;
margin:5px 0px 0px 5px;
text-align: center;
color: #666;
border:0px solid #ccc;
}
#center-column-index .section ul {
background: #ecf6f5; 
list-style-type: none;
text-align: left;
padding: 8px;
}
#center-column-index .section {
border: 1px solid #ccc;
width: 350px;
margin: 0px 8px 5px 10px;
}
#center-column-index .section p {
padding: 8px;
text-align: left;
/* background: #ecf6f5; */
}
#center-column-index .section h2 {
background: #008068;
text-align: left;
padding: 2px 10px;
border-top: 2px solid #013f7a;
border-bottom: 2px solid #013f7a;
color: #fff;
}
#center-column-index .section h2 a {
color: #fff;
text-decoration: underline;
}
#center-column-index .section h2 a:hover {
color: #ff0000;
}
#center-column-index .section a {
color: #013b7a;
text-decoration: underline;
}
#center-column-index .section a:hover {
color: #ff0000;
}
.pic1 {/*chapman*/
height: 323px;
}
.pic2 {/*pearle*/
height: 334px;
}
.pic3 {/*risch*/
height: 280px;
}
.pic4 {/*alexander*/
height: 337px;
}
.pic5 {/*benjamin*/
height: 433px;
}
.pic6 {/*kabler*/
height: 387px;
}
.pic7 {/*pailet*/
height: 342px;
}
.pic8 {/*schaenen*/
height: 372px;
}
.pic9 {/*rohan*/
height: 295px;
}
.pic10 {/*goldberg*/
height: 234px;
}
.pic11 {/*kesner*/
height: 405px;
}
/****************************************************************/
/* home page and 2 equal columns end */
/****************************************************************/
/****************************************************************/
/* center-column ends */
/****************************************************************/
/****************************************************************/
/* right-column begins */
/****************************************************************/
#right-column {
display:block;
float:right;
width:312px;
background:#eee;	
margin:0px 0px 0px 0px;
text-align: center;
border: 1px solid #333;
color: #333;
}
#right-column-index {
display:block;
float:right;
width:368px;
background:#fff;	
margin:5px 5px 0px 0px;
text-align: center;
border: 0px solid #ccc;
color: #666;
}
#right-column-index .section {
border: 1px solid #ccc;
width: 350px;
margin: 0px 10px 5px 5px;
}
#right-column-index .section p {
padding: 8px;
text-align: left;
/* background: #ecf6f5; */
}
#right-column-index .section h2 {
background: #008068;
text-align: left;
padding: 2px 10px;
border-top: 2px solid #013f7a;
border-bottom: 2px solid #013f7a;
color: #fff;
}
#right-column-index .section a {
color: #013b7a;
text-decoration: underline;
}
#right-column-index .section a:hover {
color: #ff0000;
}
#right-column-index .section h2 a {
color: #fff;
text-decoration: underline;
}
#right-column-index .section h2 a:hover {
color: #ff0000;
}
#right-column-index .pic1 {/*chapman*/
text-align: left;
}
#right-column-index .pic2 {/*pearle*/
text-align: left;
}
#right-column-index .pic3 {/*risch*/
text-align: left;
}
#right-column-index .pic4 {/*alexander*/
text-align: left;
}
#right-column-index .pic5 {/*benjamin*/
text-align: left;
}
#right-column-index .pic6 {/*kabler*/
text-align: left;
}
#right-column-index .pic7 {/*pailet*/
text-align: left;
}
#right-column-index .pic8 {/*schaenen*/
text-align: left;
}
#right-column-index .pic9 {/*rohan*/
text-align: left;
}
#right-column-index .pic10 {/*goldberg*/
text-align: left;
}
#right-column-index .pic11 {/*kesner*/
text-align: left;
}
/****************************************************************/
/* right-column ends */
/****************************************************************/
#charitable-tools {
clear: both;
}
/****************************************************************/
/* footer begins */
/****************************************************************/
#footer {
background: #013b7a url(../images/footer-nav-image.jpg) no-repeat;
width: 760px;
height: 55px;
margin: 0 0 0 0;
clear: both;
}
#footer-line-one {
text-align: center;
margin: 0 0 0 0;
padding: 5px 0 0 0;
color: #fff;
font-size: 8pt;
}
#footer-line-two {
text-align: center;
margin: 0 0 0 0;
padding: 3px 0 0 0;
color: #fff;
font-size: 8pt;
}
#footer-line-three {
text-align: center;
margin: 0 0 0 0;
padding: 3px 0 5px 0;
color: #fff;
font-size: 8pt;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:link {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #ff0000;
text-decoration: underline;
}/****************************************************************/
/* footer ends */
/****************************************************************/