/* OLD STYLES */
p  {font-size: 11px; line-height:18px;}
a {color:#485584; font-size:11px;}
a:hover {color:#000;}
h1  {color: #399; font-size: 25px; line-height: 21px; font-family: Arial, Helvetica, Geneva }
h2 {color: black; font-size:15px; font-family:Arial, Helvetica, Geneva }
h3   {color: #475e95; font-size: 15px; line-height: 18px }
ul {color: black; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, Geneva; margin-left:0; padding-left:0;}
li {margin-left:16px;}
ol {font-size: 11px; line-height: 16px; font-family: verdana, Arial, Helvetica, Geneva }
.quote { color: #475e95; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; background-color: #c7e5e3; padding: 10px; }


/* NEW STYLES */
body {background:#323267; color:#000; margin:0; padding:0; color:#00; font-size:11px; font-family:Verdana,Arial,Helvetica,Geneva;}
img {border:none;}
#wrapper {text-align:center; width:800px; margin:0 auto;}
#header {background:#fff url(../images/bg-header.jpg) no-repeat top center; padding-top:2px; }

.left {float:left; margin:0 8px 8px 0;}
.right {float:right; margin:0 0 8px 8px;}

#centers {list-style:none; text-align:right; padding-right:2px; padding-bottom:113px;}
#centers li {display:inline; border-right:1px solid #308d82; padding-right:10px; padding-left:5px; line-height:1em; margin-left:0;}
#centers li.last {border-right:none;}
#centers li a {color:#308d82; font-size:12px; text-decoration:none;}
#centers li a:hover {color:#000; text-decoration:underline;}

#nav {list-style:none; width:800px; display:inline-block; margin-left:0; padding-left:0; background:#edeef6;}
#nav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#nav li {display:block; float:left; font:14px/1 Verdana,Geneva,Kalimati,sans-serif; padding:6px 9px 8px; margin-left:0;}
#nav li a {text-decoration:none; color:#323267;}
#nav li a:hover {text-decoration:underline; color:#000;}

#bodycontent {background:#fff; margin:0 auto; text-align:left;}
#bodycontent h1 {}
#bodycontent h2 {}
#bodycontent h3 {}
#bodycontent blockquote {margin:0;}

#contentsidebar {float:right; width:255px; margin-right:10px; margin-bottom:10px;}
.sb-bg {background:#edeef6; padding:10px; width:235px;}
.sb-dl {background:#ededed; padding:10px; margin-bottom:1em; width:235px;}
#contentsidebar ul.sbnav {list-style:none; font-style:italic; margin-left:0; padding-left:0;}
#contentsidebar ul.sbnav a {font-style:normal; font-size:1.1em;}
#contentsidebar ul.sbnav li {margin-bottom:0.5em; font-size:0.9em;}
#content {width:490px; margin-left:10px; margin-bottom:1em;}

#flashhead {margin-bottom:10px; text-align:center;}

#evaluationpg #contentsidebar {text-align:center;}
#overview {padding:0 10px}

#acrossagespg #contentsidebar cite {margin-bottom:1em; display:block;}

/* HOME */
#slideshow {padding-top:5px; text-align:center;}
#featuredlinks {list-style:none; margin-left:0; padding:0.6em 0 0.4em;}
#featuredlinks li {background:transparent url(../images/li-arrow-withbg.jpg) no-repeat center left; padding-left:10px; padding-bottom:0.4em; font-size:20px;}
dl.product {margin-left:0; padding-left:0;}
dl.product dt {color:#6a5b97; font-size:1.3em; font-weight:bold;}
dl.product dd {margin-left:0; padding-left:0; font-size:1.2em; color:#6a5b97;}
dl.product dd.graphic {float:left; margin-right:10px;}
dl.product dd.link {float:left; margin-top:1em; background:transparent url(../images/li-arrow-withbg.jpg) no-repeat center left; padding-left:10px;}
dl.product dd.link:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
dl.product dd.link {display:inline-block;}
dl.product a {color:#6a5b97;}

/* LINKS */
#linkscol {margin:0 10px 1em; float:left; width:409px; background:#DBDEE7; padding:12px; overflow:hidden;}
#factscol {width:288px; padding:12px; margin-left:460px; margin-bottom:1em;}

/* NEWS */
div.date {font-style:italic;}

/* COMMUNITY CALENDAR */
#community-events {}
#community-events h4 {margin-bottom:2px; font-size:12px;}
#community-events .events-dates {font-style:italic; margin-bottom:5px;}


/* FORMS */
form {float:left; display:inline-block;}
form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
fieldset {border:none; padding:0;}
legend {display:none;}

input, textarea, select, label {font:1em/1em Tahoma,Geneva,Kalimati,sans-serif;}
form div {display:inline-block; padding-bottom:1em;}
form div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.textfield label, .textarea label, .file label, .dropdown label {display:block; width:100px; text-align:right; float:left; clear:left; margin-right:5px; padding-top:5px; color:#000; font-weight:bold;}
select optgroup {font-style: normal;}

.textfield input, .file input {width:200px;}
.dropdown select {width:200px;}
.file input {width:200px;}
.textarea textarea {width:200px; height:6em;}

.textfield input, .datefield input, .file input, .dropdown select, .textarea textarea {padding:2px 4px; border:1px solid #ccc; background:#EBEBEB; color:#333; font:1em/1.1em Tahoma,Geneva,Kalimati,sans-serif;}

.textfield input:focus, .filefield input:focus, .dropdown select:focus, .textarea textarea:focus {background:#efefef; border-color:#999;}
.textfield input:hover, .file input:hover, .dropdown select:hover, .textarea textarea:hover {background:#efefef; border-color:#999;}

.checkbox, .radio {padding-left:15px;}
.checkbox label, .radio label {padding-left:4px; font-weight:bold;}

.multichoice {border:none; padding:1em 0 1.5em;}
.multichoice legend {margin-bottom:0.2em; font:1em/1em Tahoma,Geneva,Kalimati,sans-serif; font-weight:bold;}
.multichoice div {padding-bottom:0.4em;}
.multichoice .checkbox label, .multichoice .radio label {font-weight:normal;}

.buttons {margin:1em 0; padding:8px 10px; text-align:right;}
.buttons button {background:#fff; color:#333; font-size:1.1em; text-decoration:none; cursor:pointer; padding:1px 4px; border:1px solid #ccc; font-weight:bold;}
.buttons button:hover {color:#FF8F18;}


/* COMMUNITY CALENDAR */
#calevents legend {display:block; font-weight:bold; color: #475e95; font-size:12px; line-height:15px; margin-bottom:10px;}
#calevents label {width:100px; float:left;}
#calevents .textfield input {width:120px;}
#calevents .textfield input, #calevents .textarea textarea {background:#fff;}
#calevents .textarea textarea {width:228px;}
#calevents .buttons {margin-top:0;}