html {
width:100%;
height: 100%;
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
color: #333333;
/* Always show scrollbars in FF */
overflow-y: scroll;
/*overflow: -moz-scrollbars-vertical;
overflow-x: auto;*/
}

body {
width:100%;
height: 100%;
padding: 0px;
margin: 0px;
background: #ECF7CF;
text-align: center; 
}

hr {
height: 1px;
border: 0;
border-bottom: 1px dotted #333333;
border-top:0;
border-left:0;
border-right:0;
margin-top: 10px;
margin-bottom: 10px;
background: transparent;
color: transparent;
}

A, A:active, A:visited {font-size: 1.2em; font-family: Georgia, Times New Roman, serif; font-weight:bold;text-decoration:none; color: #333333;}
A:hover {text-decoration:underline; color: black;}





/* Header Area */

#wrapper_header {
height: 140px;
width: 100%;
background: url('../images/header_background.jpg') top center no-repeat #CEE3BD;
}

#header {
width:900px;
margin: 0;
padding: 0;
text-align:center;
margin-left: auto;
margin-right: auto;
}

#menu A, #menu A:visited, #menu A:active {
font-family: Georgia, Times New Roman, serif; 
font-weight:bold;
text-decoration:none; 
font-size: 1.2em;
color: #3C2C26;
border-left: 1px solid #668392;
border-top: 1px solid #668392;
border-bottom: 1px solid #668392;
padding-top: 16px;
padding-bottom: 16px;
width: 205px;
display:block;
float:left;
margin: 45px 0 0 0;
}

#menu A:hover {background: url('../images/jdamenu_over.gif') repeat-x; text-decoration:none; color: #000000;}

#jdamenu A, #jdamenu A:visited, #jdamenu A:active {
font-family: Georgia, Times New Roman, serif; 
font-variant: small-caps;
font-weight:normal;
text-decoration:none; 
letter-spacing: 0.07em;
font-size: 1.6em;
color: #455D69;
border-top: 1px solid #668392;
border-bottom: 1px solid #668392;
padding-top: 16px;
padding-bottom: 16px;
width: 280px;
display:block;
float:left;
margin: 45px 0 0 0;
}

#jdamenu A:hover {background: url('../images/jdamenu_over.gif') repeat-x; text-decoration:none; color: #000000;}

.clear {
clear:both;
width:800px;
height:1px;
margin:0;
padding:0;
font-size: 0.1em;
}

#bar {
height: 8px;
width:900px;
background: #3B1514;
margin: 17px 0 0 0;
padding:0;
font-size: 0.1em;
}



/* Brown Area */

#wrapper_brown {
height: 40px;
width: 100%;
background: #69664A;
}

#brown {
width:900px;
padding-top: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight:bold;
font-size: 1.1em;
text-align:right;
color: #fff;
margin-left: auto;
margin-right: auto;
}

#brown A, #brown A:visited, #brown A:active {
font-size: 1.1em;
padding-top: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight:bold;
text-decoration:none; 
color: #ffffff;
}

#brown A:hover {text-decoration:underline;}


/* Content Area */

#wrapper_content {
width: 100%;
}

#content {
width:900px;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 0;
padding-right: 0;
text-align:left;
color: #333333;
margin-left: auto;
margin-right: auto;
}
H1 {
font-family: Georgia, Times New Roman, serif; 
font-weight:normal;
text-decoration:none; 
font-size: 2.3em;
margin-top:2px;
margin-bottom:5px;
}

H2 {
font-family: Georgia, Times New Roman, serif; 
font-variant: small-caps;
font-weight:normal;
text-decoration:none; 
letter-spacing: 0.07em;
font-size: 1.7em;
color: #455D69;
margin: 0;
padding-top: 5px;
}

p {padding: 10px 0 0 0;}

#intro {
border: 1px solid #B0D3B8;
width:860px;
color: #455D69;
padding:20px;
margin-bottom: 10px;
background: url('../images/Nowell Sample.png') no-repeat top right #E3EEC7;
}

.intro_column {
float:left;
width:250px;
margin-right:20px;
margin-bottom:10px;
font-family: Georgia, Times New Roman, serif; 
font-size: 1.1em;
}



.teaser {
float:left;
width:350px;
padding-right:100px;
}


.teaser_button {
float:left; 
width: 71px;
margin-right: 10px;
}

.teaser_text {
float:left;
width:269px;
}

ul {
list-style-type: disc;
padding-left: 0;
margin-left: 20px;
}

li {
margin-bottom: 10px;
}



.bold {
font-weight: bold;
font-family: Georgia, Times New Roman, serif; 
font-size: 1.1em;
font-style: italic;
}

/* Footer Area */

#wrapper_footer {
height: 180px;
width: 100%;
background: url('../images/footer_background.gif') repeat-x #10222B;
/* Sticky Footer Code: */ position: relative; margin-top: -180px; /* negative value of footer height */ clear: both;
}

#footer {
font-family: Georgia, Times New Roman, serif; 
width:900px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
text-align:right;
color: #7DB8A0;
margin-left: auto;
margin-right: auto;
}

#jda_footer {
font-variant: small-caps;
text-decoration:none; 
letter-spacing: 0.07em;
font-size: 1.6em;
color: #455D69;
padding-bottom: 15px;
}

#footer A, #footer A:visited, #footer A:active {font-weight: normal; text-decoration:none; color: #7DB8A0;}
#footer A:hover {color: #ADFFDE;}

#left_footer {
float:left;
width: 500px;
text-align:left;
font-size: 1em;
}

#left_footer A, #left_footer A:visited, #left_footer A:active {font-weight:bold;color: #7DB8A0;}
#left_footer A:hover {color: #ADFFDE;}

#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em;
}

#copyright  A, #copyright A:visited, #copyright A:active {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
font-size: 1em;
}


/* Sticky Footer  - http://www.cssstickyfooter.com */
* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 180px; width:100%;}  /* must be same height as the footer */ 
/* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */