/*~  Default/shared styles
----------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
abbr, acronym {
	border-bottom: none;
}
blockquote, q {
	font: 0.8em Arial, Helvetica, sans-serif;
}
blockquote.quote {
	margin-right: 1em;
	margin-left: 1em;
	font-size: 90%;
	font-style: italic;
}
blockquote.quote p {
	font-style: italic;
}
q {
	font: 0.8em Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}
h3 {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}
p {
	font: 0.8em Arial, Helvetica, sans-serif;
	padding-bottom: 0.5em;
}
ul.bequest {
	list-style-position: inside;
	padding-right: 3em;
	padding-left: 2em;
	list-style-type: none;
}
ul.bequest li {
	padding-bottom: 1em;
	list-style-type: none;
}
dt {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}
dd h3 {text-align: left; padding-bottom: 0.5em;}
dd p {text-align: left; padding-bottom: 0.5em;}
table {
	margin-left: 2em;
	width: 90%;
}
table td {
	font-size: 1.4em;
}
td.copy_header {
	padding-top: 1em;
}
table.pix {
	width: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-style: none;
}
table.pix td {font-size: 0.85em;}
table.pix img {
	text-align: center;
}
table.pix td.top {
	vertical-align: top;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a img {
	border-style: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
#dev_ofc_web table, #dev_ofc_web form {font-size: 0.7em;}
fieldset {padding: 0.5em 0 0.5em 0.5em;}
legend {padding-bottom: 0.5em;}
select, input {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

/* classes */
.webdings {font-family: Webdings;}
.smaller {font-size: 90%;}
.larger {font-size: 120%;}
div#pagecontent span.huge {
	font-size: 125%;
	position: relative;
	height: auto;
	margin-left: 20%;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.largebold {font-size: 120%; font-weight: bold;}
.box {
	width: 80%;
	border: 1px outset #036;
	padding: 0.2em;
	background: url(../images/header_bg.gif) repeat-x left top;
}
.red {color: #f00;}
.blue {color: #036;}
.center {text-align: center;}
.bold {font-weight: bold;}
.centerlarger {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.years {padding-bottom: 0.5em;}
.bump {
	padding-top: 1em;
	font-style: italic;
}
.border {
	border: 2px outset #036;
}
.author {
	font-size: 0.5em;
	font-weight: bold;
	font-style: italic;
}
#about {
	font-size: 75%;
	font-style: italic;
	text-align: left;
	width: 95%;
	height: 57px;
}
#about img {
	float: left;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.quote {font-style: italic;}
.tableheader {
	font-weight: bold;
	color: #fff;
	background: #69f;
	text-align: center;
	width: 80%;
}
span.congrats {
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	color: #036;
}
.floatleft {
	float: left;
	border: 2px outset #036;
	position: relative;
	margin: 0.5em 0.5em 0.2em 0;
	background-image: url(../images/MrsDickeyOnStepsSM2.jpg);
}
.floatleft2 {
	float: left;
	border: 2px outset #036;
	position: relative;
	margin: 0em 0.7em 0.1em 0;
}
.frame {
	border: 2px outset #036;
}
.bullet {
	list-style: disc inside;
}
.bulleta {
	list-style: disc inside;
	font: 1em Arial, Helvetica, sans-serif;
}
.funding {
	text-align: center;
	margin-left: -10em;
}
.show {
	list-style: disc inside;
	margin-right: 1em;
	margin-left: 1em;
}
.speciallists ul li {
    width:180px;
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    position:relative; /* IE needs this in order to recognize links in all
 columns */
}
.licol-1 {
    margin-left:25px;
}
.licol-2 {
    margin-left:120px;
}    
.licol-3 {
    margin-left:425px;
}
.licol-first {
    margin-top:-72px;
}
.licol-second {
    margin-top:-71px;
}
#square {
	border: thin none #003366;
	text-align: center;
	padding-top: 0.5em;
	color: #003366;
	font-weight: bold;
}

/*~ dev_ofc_web DIV
-------------------------------------------------------------*/
#dev_ofc_web {
	background-color: #fff;
	border-top: 1px solid #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header, #middlebody, #leftvertnav, #contentarea, #footer {
	position: relative;
}
#contentarea, dl, dt, dd {
	background-image: none;
}
#pic p, #pic2 p {text-align: center;}

.caption {font-style: italic; text-align: center;}

#pic img, #pic2 img {
	border: 2px outset #036;
}
#hep dt {
	font-weight: normal;
}

/*~ Body class: screen_ultralow
--------------------------------------------------------------------*/
/*~ Header DIV -- same look on the main and sub level pages
-------------------------------------------------------------*/
.screen_ultralow #header {
	background: #036;
	color: #036;
}
.screen_ultralow #header ul {
	font-size: 0.5em;
}
.screen_ultralow #header ul li {
	display: inline;
}
.screen_ultralow #header a {
	color: #036;
}
.screen_ultralow #header #dev_logo {
	padding-left: 0.5em;
	width: 40%;
}
.screen_ultralow #header #dev_logo h1 {
	font-size: 1em;
	color: #fff;
}
.screen_ultralow #header #dcs_logo {
	text-align: right;
	padding-right: 0.2em;
}
.screen_ultralow #header #dcs_logo h2 {
	color: #fff;
	float: right;
	text-align: right;
	margin-top: -2em;
	margin-right: .5em;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
}
.screen_ultralow #header #giveonline {
	text-align: right;
	right: 0%;
	padding-right: 0.5em;
	margin-bottom: 3em;
}
.screen_ultralow #header #giveonline img {
	height: 36px;
	width: 150px;
}


/* Navigation DIV */

.screen_ultralow #leftvertnav {
	font-size: 0.6em;
	width: 25%;
	background: #030;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: -3.5em;
	text-align: center;
}
.screen_ultralow #leftvertnav h3 {
	font-size: 1.1em;
	color: #fff;
	text-align: left;
	font-style: italic;
}
.screen_ultralow #leftvertnav a {
	color: #fff;
	text-align: left;
}
.screen_ultralow #leftvertnav ul {
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	color: #fff;
	text-align: left;
}
.screen_ultralow #leftvertnav ul li {
	list-style: none;
}


/* Floater DIV */

.screen_ultralow #navfloater {
	width: 90%;
	text-align: center;
}
.screen_ultralow #navfloater h3 {
	font-size: 1.2em;
	text-align: center;
}
.screen_ultralow #navfloater ul {
	text-align: left;
	margin-left: 5px;
}
.screen_ultralow #navfloater ul li {
	list-style: none;
}


/* tabbed ~NEWS~ DIV */

.screen_ultralow #contentarea {
	margin-left: 28%;
}
.screen_ultralow #contentarea dl {
	position: relative;
	width: 100%;
	color: #fff;
	margin-top: -60%;
	margin-left: 0%;
}
.screen_ultralow #contentarea dl a {color: #fff;}
.screen_ultralow #contentarea dt {
	background: #fff;
	color: #036;
	border: 1px solid #036;
	cursor: pointer;
	float: left;
	font: 0.5em Arial, Helvetica, sans-serif;
	height: 19px;
	margin: 2px 1px 0 0;
	padding: 2px 6px;
	top: 0;
	white-space: normal;
}
.screen_ultralow #contentarea dt.current {
	background: #036;
	color: #fff;
	border: 1px solid #fff;
	border-bottom: none;
	cursor: pointer;
	float: left;
	height: 22px;
	margin: 0 2px;
	padding: 2px 6px;
	position: relative;
	top: 0;
	font-weight: bold;
}
.screen_ultralow #contentarea dd {display: none;}
.screen_ultralow #contentarea dd.current {
	background-color: #036;
	display: block;
	border: 1px solid #036;
	left: 0;
	margin-left: 0;
	padding: 12px;
	position: absolute;
	top: 26px;
}


/* Footer DIV */

.screen_ultralow #footer {
	position: relative;
	background: #030;
	padding-left: 5px;
	color: #fff;
	font-size: 0.6em;
	margin-top: auto;
	margin-bottom: 0;
	bottom: 0;
}
.screen_ultralow #footer p {
	display: inline;
	font-size: 1em;
}
.screen_ultralow #footer p a {
	color: #fff;
}
.screen_ultralow #footer address {
	display: inline;
	font-style: italic;
}
.screen_ultralow #footer ul li {
	display: inline;
	padding-right: 1em;
}
.screen_ultralow #footer ul li a {
	color: #fff;
}

/*~ Body class: screen_low
--------------------------------------------------------------------*/

.screen_low #dev_ofc_web {
	width: auto;
	height: 100%;
	background-position: top;
	background: #fff;
}


/*~ Header DIV -- same look on the main and sub level pages
-------------------------------------------------------------*/

.screen_low #header {
	background: #036 url(../images/headerbkgnd800.jpg) no-repeat left top;
	color: #fff;
	height: 82px;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 0;
}
.screen_low #header ul {
	font-size: 0.7em;
	display: none;
}
.screen_low #header ul li {
	display: inline;
}
.screen_low #header a {
	color: #036;
}
.screen_low #header #dev_logo {
	padding-left: 0.5em;
	padding-top: 0;
	width: 20%;
	text-align: center;
	left: 0px;
	top: 0px;
}
.screen_low #header #dev_logo h1 {
	font-size: 1em;
	height: 78px;
	width: 132px;
}
.screen_low #header #dev_logo h1 span {
	display: none;
}
.screen_low #header #dcs_logo {
	top: .2em;
	position: absolute;
	width: 18%;
	right: 1.1%;
	text-align: right;
}
.screen_low #header #dcs_logo h2 {
	font-size: 0.6em;
	background: url(../images/seeblue2.png) no-repeat right top;
	height: 43px;
	width: 132px;
	text-align: right;
}
.screen_low #header #dcs_logo h2 span {
	display: none;
}
.screen_low #header #giveonline {
	text-align: right;
	right: 0.5em;
	height: 36px;
	width: 150px;
	position: absolute;
	top: 2.5em;
}


/* middlebody DIV -- contains leftvertnav DIV 
and tabbed DIV or contentarea DIV
-------------------------------------------*/
.screen_low #middlebody {
	float: left;
	width: 100%;
}

/* Navigation DIV */

.screen_low #leftvertnav {
	margin-right: 79%;
	width: 20%;
}
.screen_low #navbar {
	font-size: 0.6em;
	width: 21.5em;
	padding-bottom: 1em;
	text-align: center;
	background: transparent url(../images/navbkgnd800.jpg) no-repeat left top;
	height: auto;
	left: 0;
	top: 0;
}
#leftvertnav h3 {padding-left: 0.5em;}
.screen_low #navbar h3 {
	font-size:0.95em;
	color: #fff;
	text-align: left;
	padding-bottom: 0.2em;
	padding-top: 0.5em;
}
.screen_low #navbar ul {
	margin-bottom: 0.2em;
	margin-left: 0.5em;
	padding-left: 0.5em;
	color: #fff;
	text-align: left;
	padding-top: 1em;
}
.screen_low #navbar ul li {
	list-style: disc url(none) inside;
	padding-bottom: 0.2em;
}
.screen_low #navbar a {
	color: #fff;
	text-align: left;
	font-weight: normal;
}
.screen_low #navbar a:hover, .screen_low #navbar a:focus {
	font-weight: normal;
	color: #cc9;
}

/* Floater DIV */

.screen_low #navfloater {
	width: 80%;
	height: 50px;
	text-align: center;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
}
.screen_low #navfloater h3 {
	font-size: 1em;
	height: 25px;
	width: 128px;
	text-align: center;
}
.screen_low #navfloater h3 span {
	display: none;
}
.screen_low #navfloater ul {
	text-align: left;
	margin-left: 1em;
}
.screen_low #navfloater ul li {
	list-style: none;
}


/* Page content area 
------------------------------------- */
/* contentarea DIV */
.screen_low #contentarea {
	float: right;
	width: 73%;
	background-color: #fff;
}
.screen_low #contentarea {
	background-image: none;
	margin-left: 12.8em;
	margin-top: -23em;
}

/* breadcrumbs links area */
.screen_low #breadcrumbsnav {
	top: 0;
	left: 0;
	height: auto;
	font-size: 0.7em;
	color: #000;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
}
.screen_low #breadcrumbsnav ul {list-style: none;}
.screen_low #breadcrumbsnav ul li {display: inline;}
.screen_low #breadcrumbsnav a {color: #000;}

/* related links area */
.screen_low #links {
	position: absolute;
	top: 2em;
	left: 0;
	width: 10em;
	padding-left: 0.5em;
}
.screen_low #links h4 {
	font-size: 0.7em;
	font-style: italic;
	color: #036;
	padding-bottom: 0.2em;
}
.screen_low #links a {
	color: #036;
	font-weight: normal;
	font-style: italic;
	font-size: 80%;
}
.screen_low #links a:visited {
	color: #cc9;
	font-weight: normal;
	font-style: italic;
}
.screen_low #links a:hover, .screen_low #links a:focus {
	color: #030;
	font-weight: normal;
	font-style: italic;
}
.screen_low #links ul {
	color: #036;
	list-style: none;
	font-size: 0.7em;
}
.screen_low #links ul li {padding-bottom: 0.5em;}

/* page content section */
.screen_low #pagecontent {
	position: relative;
	background-color: #fff;
	height: auto;
	margin-left: 29%;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
}
.screen_low #pagecontent h3 {font-size: 0.8em; margin-bottom: 0.5em;}
.screen_low #pagecontent h4 {font-size: 0.7em; margin-bottom: 0.3em;}
.screen_low #pagecontent h5 {font-size: 0.6em; margin-bottom: 0.2em;}
.screen_low #pagecontent p, .screen_low #pagecontent form, .screen_low #pagecontent input, .screen_low #pagecontent table {font-size: 0.7em; margin-bottom: 0.3em;}
.screen_low #pagecontent ul {
	list-style: none;
	padding-bottom: 0.5em;
	font-size: 0.6em;
}
.screen_low #pagecontent ul li {margin-bottom: 0.5em;}
.screen_low #pagecontent ul.bold li {
	margin-bottom: 0;
	font-weight: bold;
}
.screen_low #pagecontent a {color: #036; font-size: 1em;}
.screen_low #pagecontent a:visited {color: #cc9;}
.screen_low #pagecontent a:hover, .screen_low #pagecontent a:focus {color: #030;}

/* Footer DIV */

.screen_low #footer {
	background: #fff;
	color: #003;
	clear: both;
	margin-top: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
.screen_low #footer p {
	display: inline;
	margin-left: 0;
	font-size: 0.6em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.screen_low #footer p a {
	color: #003;
}
.screen_low #footer li {
	font-size: 0.6em;
	padding-top: 0px;
}
.screen_low #footer ul {}
.screen_low #footer ul li {
	display: inline;
	padding-left: 0;
	padding-right: .5%;
}
.screen_low #footer ul li a {
	color: #003;
}

/*~ Body class: screen_med
--------------------------------------------------------------------*/

.screen_med #dev_ofc_web {
	width: auto;
	height: 100%;
	background-position: top;
	background: #fff;
}


/*~ Header DIV -- same look on the main and sub level pages
-------------------------------------------------------------*/

.screen_med #header {
	background: #036 url(../images/headerbkgnd1024.jpg) no-repeat left top;
	color: #fff;
	height: 6em;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 0;
}
.screen_med #header ul {
	font-size: 0.7em;
	display: none;
}
.screen_med #header ul li {
	display: inline;
}
.screen_med #header a {
	color: #036;
}
.screen_med #header #dev_logo {
	margin-left: 0.5em;
	padding-top: 0.7em;
	width: 15%;
	text-align: center;
	left: 0px;
	top: 0px;
}
.screen_med #header #dev_logo h1 {
	font-size: 1em;
	height: 78px;
	width: 132px;
}
.screen_med #header #dev_logo h1 span {
	display: none;
}
.screen_med #header #dcs_logo {
	top: 0.5em;
	position: absolute;
	width: 15%;
	right: 0.4em;
	text-align: right;
}
.screen_med #header #dcs_logo h2 {
	font-size: 0.9em;
	background: url(../images/seeblue2.png) no-repeat right top;
	height: 43px;
	width: 132px;
	text-align: right;
}
.screen_med #header #dcs_logo h2 span {
	display: none;
}
.screen_med #header #giveonline {
	text-align: right;
	right: 0.5em;
	position: absolute;
	top: 3.5em;
}
.screen_med #header #giveonline img {
	height: 36px;
	width: 150px;
}


/* middlebody DIV -- contains leftvertnav DIV 
and tabbed DIV or contentarea DIV
-------------------------------------------*/
.screen_med #middlebody {
	float: left;
	width: 100%;
}

/* Navigation DIV */

.screen_med #leftvertnav {
	margin-right: 77%;
	width: 23%;
}
.screen_med #navbar {
	font-size: 0.7em;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
	background: transparent url(../images/navbkgnd1024.jpg) no-repeat left top;
	height: auto;
	left: 0;
	top: 0;
}
#navbar h3 {padding-left: 0.5em;}
.screen_med #navbar h3 {
	font-size:0.95em;
	color: #fff;
	text-align: left;
	padding-bottom: 0.2em;
	padding-top: 0.5em;
}
.screen_med #navbar ul {
	margin-bottom: 0.2em;
	margin-left: 1em;
	padding-left: 0.5em;
	color: #fff;
	text-align: left;
}
.screen_med #navbar ul li {
	list-style: disc inside;
	padding-bottom: 0.2em;
}
.screen_med #navbar a {
	color: #fff;
	text-align: left;
	font-weight: normal;
}
.screen_med #navbar a:hover, .screen_med #navbar a:focus {
	font-weight: normal;
	color: #cc9;
}
/* Floater DIV */

.screen_med #navbar #navfloater {
	width: 80%;
	height: 50px;
	text-align: center;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
}
.screen_med #navfloater h3 {
	font-size: 1em;
	height: 25px;
	width: 128px;
	text-align: center;
}
.screen_med #navfloater h3 span {
	display: none;
}
.screen_med #navfloater ul {
	text-align: left;
	margin-left: 1em;
}
.screen_med #navfloater ul li {
	list-style: none;
}


/* Page content area 
------------------------------------- */
/* contentarea DIV */
.screen_med #contentarea {
	float: right;
	width: 77%;
	background-color: #fff;
}
.screen_med #contentarea {
	background-image: none;
	margin-left: 12.5em;
	margin-top: -26.5em;
}

/* breadcrumbs links area */
.screen_med #breadcrumbsnav {
	top: 0;
	left: 0;
	font-size: 0.7em;
	color: #000;
	height: auto;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
}
.screen_med #breadcrumbsnav ul {list-style: none;}
.screen_med #breadcrumbsnav ul li {display: inline;}
.screen_med #breadcrumbsnav a {color: #000;}

/* related links area */
.screen_med #links {
	position: absolute;
	top: 2em;
	left: 0;
	width: 10em;
	padding-left: 0.5em;
}
.screen_med #links h4 {
	font-size: 0.75em;
	font-style: italic;
	color: #036;
	padding-bottom: 0.2em;
}
.screen_med #links a {
	color: #036;
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
}
.screen_med #links a:visited {
	color: #cc9;
	font-weight: normal;
	font-style: italic;
}
.screen_med #links a:hover, .screen_med #links a:focus {
	color: #030;
	font-weight: normal;
	font-style: italic;
}
.screen_med #links ul {
	color: #036;
	list-style: none;
	font-size: 0.75em;
}
.screen_med #links ul li {padding-bottom: 0.5em;}

/* page content section */
.screen_med #pagecontent {
	position: relative;
	background-color: #fff;
	height: auto;
	margin-left: 22%;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.screen_med #pagecontent h3 {font-size: 1em; margin-bottom: 0.5em;}
.screen_med #pagecontent h4 {font-size: 0.85em; margin-bottom: 0.3em;}
.screen_med #pagecontent h5 {font-size: 0.7em; margin-bottom: 0.2em;}
.screen_med #pagecontent p, .screen_med #pagecontent form, .screen_med #pagecontent input, .screen_med #pagecontent table {font-size: 0.8em; margin-bottom: 0.3em;}
.screen_med #pagecontent ul {
	list-style: none;
	padding-bottom: 0.5em;
	font-size: 0.7em;
}
.screen_med #pagecontent ul li {margin-bottom: 0.5em;}
.screen_med #pagecontent ul.bold li {
	margin-bottom: 0;
	font-weight: bold;
}
.screen_med #pagecontent a {color: #036;}
.screen_med #pagecontent a:visited {color: #cc9;}
.screen_med #pagecontent a:hover, .screen_med #pagecontent a:focus {color: #030;}

/* Footer DIV */

.screen_med #footer {
	background: #fff;
	color: #003;
	clear: both;
	padding: 0.2em 0.5em;
}
.screen_med #footer p {
	display: inline;
	margin-left: 5px;
	font-size: 0.7em;
}
.screen_med #footer p a {
	color: #003;
}
.screen_med #footer ul {
	display: block;
	text-align: left;
	padding-left: 0;
	font-size: 0.65em;
}
.screen_med #footer ul li {
	display: inline;
	padding-left: 0.5em;
	padding-right: .5%;
}
.screen_med #footer ul li a {
	color: #003;
}

/*~ Body class: screen_high
--------------------------------------------------------------------*/

.screen_high #dev_ofc_web {
	width: auto;
	height: 100%;
	background-position: top;
	background: #fff;
}


/*~ Header DIV -- same look on the main and sub level pages
-------------------------------------------------------------*/

.screen_high #header {
	background: #036 url(../images/headerbkgnd1280.jpg) no-repeat left top;
	color: #fff;
	height: 100px;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 0;
}
.screen_high #header ul {
	font-size: 0.7em;
	display: none;
}
.screen_high #header ul li {
	display: inline;
}
.screen_high #header a {
	color: #036;
}
.screen_high #header #dev_logo {
	padding-left: 1em;
	padding-top: 0.7em;
	width: 15%;
	text-align: center;
	left: 0px;
	top: 0px;
}
.screen_high #header #dev_logo h1 {
	font-size: 1em;
	height: 78px;
	width: 132px;
}
.screen_high #header #dev_logo h1 span {
	display: none;
}
.screen_high #header #dcs_logo {
	top: .3em;
	position: absolute;
	width: 14%;
	right: 1%;
	text-align: right;
}
.screen_high #header #dcs_logo h2 {
	font-size: 0.9em;
	background: url(../images/seeblue3.png) no-repeat right top;
	height: 51px;
	width: 153px;
	text-align: right;
}
.screen_high #header #dcs_logo h2 span {
	display: none;
}
.screen_high #header #giveonline {
	text-align: right;
	right: 0.5em;
	position: absolute;
	top: 3.5em;
}
.screen_high #header #giveonline img {
	height: 36px;
	width: 150px;
}


/* middlebody DIV -- contains leftvertnav DIV 
and tabbed DIV or contentarea DIV
-------------------------------------------*/
.screen_high #middlebody {
	float: left;
	width: 100%;
}

/* Navigation DIV */

.screen_high #leftvertnav {
	margin-right: 79%;
	width: 20%;
}
.screen_high #navbar {
	font-size: 0.7em;
	width: 20em;
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
	background: #030 url(../images/navbkgnd1280.jpg) no-repeat left top;
	height: auto;
	left: 0;
	top: 0;
}
#leftvertnav h3, #navbar ul {padding-left: 0.5em;}
.screen_high #navbar h3 {
	font-size:0.95em;
	color: #fff;
	text-align: left;
	padding-bottom: 0.2em;
	padding-top: 0.5em;
}
.screen_high #navbar a {
	color: #fff;
	text-align: left;
	font-weight: normal;
}
.screen_high #navbar a:hover, .screen_high #navbar a:focus {
	font-weight: normal;
	color: #cc9;
}
.screen_high #navbar ul {
	margin-bottom: 0.2em;
	margin-left: 1em;
	color: #fff;
	text-align: left;
}
.screen_high #navbar ul li {
	list-style: disc inside;
	padding-bottom: 0.2em;
}


/* Floater DIV */

.screen_high #navfloater {
	width: 80%;
	height: 50px;
	text-align: center;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
}
.screen_high #navfloater h3 {
	font-size: 1em;
	height: 25px;
	width: 128px;
	text-align: center;
}
.screen_high #navfloater h3 span {
	display: none;
}
.screen_high #navfloater ul {
	text-align: left;
	margin-left: 1em;
}
.screen_high #navfloater ul li {
	list-style: none;
}


/* Page content area 
------------------------------------- */
/* contentarea DIV */
.screen_high #contentarea {
	float: right;
	width: 80%;
	background-color: #fff;
}
.screen_high #contentarea {
	background-image: none;
	margin-left: 11em;
	margin-top: -25.5em;
}

/* breadcrumbs links area */
.screen_high #breadcrumbsnav {
	top: 0;
	left: 0;
	height: auto;
	font-size: 0.75em;
	color: #000;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
}
.screen_high #breadcrumbsnav ul {list-style: none;}
.screen_high #breadcrumbsnav ul li {display: inline;}
.screen_high #breadcrumbsnav a {color: #000;}

/* related links area */
.screen_high #links {
	position: absolute;
	top: 2em;
	left: 0;
	width: 11em;
	padding-left: 0.5em;
}
.screen_high #links h4 {
	font-size: 0.75em;
	font-style: italic;
	color: #036;
	padding-bottom: 0.2em;
}
.screen_high #links a {
	color: #036;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}
.screen_high #links a:visited {
	color: #cc9;
	font-weight: normal;
	font-style: italic;
}
.screen_high #links a:hover, .screen_high #links a:focus {
	color: #030;
	font-weight: normal;
	font-style: italic;
}
.screen_high #links ul {
	color: #036;
	list-style: none;
	font-size: 0.7em;
}
.screen_high #links ul li {padding-bottom: 0.5em;}

/* page content section */
.screen_high #pagecontent {
	position: relative;
	background-color: #fff;
	height: auto;
	margin-left: 21%;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.screen_high #pagecontent h3 {font-size: 1em; margin-bottom: 0.5em;}
.screen_high #pagecontent h4 {font-size: 0.85em; margin-bottom: 0.3em;}
.screen_high #pagecontent h5 {font-size: 0.75em; margin-bottom: 0.2em;}
.screen_high #pagecontent p, .screen_high #pagecontent form, .screen_high #pagecontent input {
	font-size: 0.85em;
	margin-bottom: 0.3em;
}
.screen_high #pagecontent table td {
	font-size: 1.1em;
	margin-bottom: 0.3em;
	font-weight: normal;
}
.screen_high #pagecontent ul {
	list-style: none;
	padding-bottom: 0.5em;
	font-size: 0.8em;
}
.screen_high #pagecontent ul li {margin-bottom: 0.5em;}
.screen_high #pagecontent ul.bold li {
	margin-bottom: 0;
	font-weight: bold;
}
.screen_high #pagecontent a {color: #036;}
.screen_high #pagecontent a:visited {color: #cc9;}
.screen_high #pagecontent a:hover, .screen_high #pagecontent a:focus {color: #030;}

/* Footer DIV */

.screen_high #footer {
	background: #fff;
	color: #003;
	clear: both;
	padding: 0.2em 0.5em;
}
.screen_high #footer p {
	display: inline;
	margin-left: 5px;
	font-size: 0.7em;
}
.screen_high #footer p a {
	color: #003;
}
.screen_high #footer ul {
	display: block;
	text-align: left;
	padding-left: 0;
	font-size: 0.7em;
}
.screen_high #footer ul li {
	display: inline;
	padding-left: 0.5em;
	padding-right: .5%;
}
.screen_high #footer ul li a {
	color: #003;
}
.screen_high #pagecontent p.smaller {font-size: 75%;}
.screen_high #pagecontent h5.red {color: #f00; font-size: 90%;}

/*~ Body class: screen_wide
--------------------------------------------------------------------*/

.screen_wide #dev_ofc_web {
	width: auto;
	height: 100%;
	background-position: top;
	background: #fff;
}


/*~ Header DIV -- same look on the main and sub level pages
-------------------------------------------------------------*/

.screen_wide #header {
	background: #036 url(../images/headerbkgnd1280.jpg) no-repeat left top;
	color: #fff;
	height: 100px;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 0;
}
.screen_wide #header ul {
	font-size: 0.7em;
	display: none;
}
.screen_wide #header ul li {
	display: inline;
}
.screen_wide #header a {
	color: #036;
}
.screen_wide #header #dev_logo {
	padding-left: 0.7em;
	padding-top: 0.7em;
	width: 15%;
	text-align: center;
	left: 0px;
	top: 0px;
}
.screen_wide #header #dev_logo h1 {
	font-size: 1em;
	height: 78px;
	width: 132px;
}
.screen_wide #header #dev_logo h1 span {
	display: none;
}
.screen_wide #header #dcs_logo {
	top: .3em;
	position: absolute;
	width: 13%;
	right: 1%;
	text-align: right;
}
.screen_wide #header #dcs_logo h2 {
	font-size: 0.9em;
	background: url(../images/seeblue3.png) no-repeat right top;
	height: 51px;
	width: 153px;
	text-align: right;
}
.screen_wide #header #dcs_logo h2 span {
	display: none;
}
.screen_wide #header #giveonline {
	text-align: right;
	right: 1%;
	height: 36px;
	width: 150px;
	position: absolute;
	top: 3.5em;
}


/* middlebody DIV -- contains leftvertnav DIV 
and tabbed DIV or contentarea DIV
-------------------------------------------*/
.screen_wide #middlebody {
	float: left;
	width: 100%;
}

/* Navigation DIV */

.screen_wide #leftvertnav {
	margin-right: 79%;
	width: 20%;
}
.screen_wide #navbar {
	font-size: 0.7em;
	width: 21em;
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
	background: #030 url(../images/navbkgnd1280.jpg) no-repeat left top;
	height: auto;
	left: 0;
	top: 0;
}
#leftvertnav h3, #navbar ul {padding-left: 0.5em;}
.screen_wide #navbar h3 {
	font-size:0.95em;
	color: #fff;
	text-align: left;
	padding-bottom: 0.2em;
	padding-top: 0.5em;
}
.screen_wide #navbar a {
	color: #fff;
	text-align: left;
	font-weight: normal;
}
.screen_wide #navbar a:hover, .screen_wide #navbar a:focus {
	font-weight: normal;
	color: #cc9;
}
.screen_wide #navbar ul {
	margin-bottom: 0.2em;
	margin-left: 1em;
	color: #fff;
	text-align: left;
}
.screen_wide #navbar ul li {
	list-style: disc inside;
	padding-bottom: 0.2em;
}


/* Floater DIV */

.screen_wide #navfloater {
	width: 80%;
	height: 50px;
	text-align: center;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
}
.screen_wide #navfloater h3 {
	font-size: 1em;
	height: 25px;
	width: 128px;
	text-align: center;
}
.screen_wide #navfloater h3 span {
	display: none;
}
.screen_wide #navfloater ul {
	text-align: left;
	margin-left: 1em;
}
.screen_wide #navfloater ul li {
	list-style: none;
}


/* Page content area 
------------------------------------- */
/* contentarea DIV */
.screen_wide #contentarea {
	float: right;
	width: 80%;
	background-color: #fff;
}
.screen_wide #contentarea {
	background-image: none;
	margin-left: 11em;
	margin-top: -25.4em;
}

/* breadcrumbs links area */
.screen_wide #breadcrumbsnav {
	top: 0;
	left: 0;
	height: auto;
	font-size: 0.75em;
	color: #000;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
}
.screen_wide #breadcrumbsnav ul {list-style: none;}
.screen_wide #breadcrumbsnav ul li {display: inline;}
.screen_wide #breadcrumbsnav a {color: #000;}

/* related links area */
.screen_wide #links {
	position: absolute;
	top: 2em;
	left: 0;
	width: 11em;
	padding-left: 0.2em;
}
.screen_wide #links h4 {
	font-size: 0.75em;
	font-style: italic;
	color: #036;
	padding-bottom: 0.2em;
}
.screen_wide #links a {
	color: #036;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}
.screen_wide #links a:visited {
	color: #cc9;
	font-weight: normal;
	font-style: italic;
}
.screen_wide #links a:hover, .screen_wide #links a:focus {
	color: #030;
	font-weight: normal;
	font-style: italic;
}
.screen_wide #links ul {
	color: #036;
	list-style: none;
	font-size: 0.7em;
}
.screen_wide #links ul li {padding-bottom: 0.5em;}

/* page content section */
.screen_wide #pagecontent {
	position: relative;
	background-color: #fff;
	height: auto;
	margin-left: 20%;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.screen_wide #pagecontent h3 {font-size: 1em; margin-bottom: 0.5em;}
.screen_wide #pagecontent h4 {font-size: 0.85em; margin-bottom: 0.3em;}
.screen_wide #pagecontent h5 {font-size: 0.75em; margin-bottom: 0.2em;}
.screen_wide #pagecontent p, .screen_wide #pagecontent form, .screen_wide #pagecontent input {
	font-size: 0.85em;
	margin-bottom: 0.3em;
}

.screen_wide #pagecontent table td {
	font-size: 1.1em;
	margin-bottom: 0.3em;
	font-weight: normal;
}
.screen_wide #pagecontent ul {
	list-style: none;
	padding-bottom: 0.5em;
	font-size: 0.8em;
}
.screen_wide #pagecontent ul li {margin-bottom: 0.5em;}
.screen_wide #pagecontent ul.bold li {
	margin-bottom: 0;
	font-weight: bold;
}
.screen_wide #pagecontent a {color: #036;}
.screen_wide #pagecontent a:visited {color: #cc9;}
.screen_wide #pagecontent a:hover, .screen_wide #pagecontent a:focus {color: #030;}

/* Footer DIV */

.screen_wide #footer {
	background: #fff;
	color: #003;
	clear: both;
	padding: 0.2em 0.5em;
}
.screen_wide #footer p {
	display: inline;
	margin-left: 5px;
	font-size: 0.7em;
}
.screen_wide #footer p a {
	color: #003;
}
.screen_wide #footer address {
	padding-left: 5px;
	font-size: 0.7em;
}
.screen_wide #footer ul {
	display: block;
	text-align: left;
	padding-left: 0;
	font-size: 0.7em;
}
.screen_wide #footer ul li {
	display: inline;
	padding-left: 0.5em;
	padding-right: .5%;
}
.screen_wide #footer ul li a {
	color: #003;
}
.screen_wide #pagecontent p.smaller {font-size: 75%;}
.screen_wide #pagecontent h5.red {color: #f00; font-size: 90%;}

/*~ Body class: screen_extrawide
--------------------------------------------------------------------*/

.screen_extrawide #dev_ofc_web {
	width: auto;
	height: 100%;
	background-position: top;
	background: #fff;
}


/*~ Header DIV -- same look on the main and sub level pages
-------------------------------------------------------------*/

.screen_extrawide #header {
	background: #036 url(../images/headerbkgnd1920.jpg) no-repeat left top;
	color: #fff;
	height: 6em;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 0;
}
.screen_extrawide #header ul {
	font-size: 0.7em;
	display: none;
}
.screen_extrawide #header ul li {
	display: inline;
}
.screen_extrawide #header a {
	color: #036;
}
.screen_extrawide #header #dev_logo {
	padding-left: 0.7em;
	padding-top: 0.7em;
	width: 15%;
	text-align: center;
	left: 0px;
	top: 0px;
}
.screen_extrawide #header #dev_logo h1 {
	font-size: 1em;
	height: 78px;
	width: 132px;
}
.screen_extrawide #header #dev_logo h1 span {
	display: none;
}
.screen_extrawide #header #dcs_logo {
	top: .3em;
	position: absolute;
	width: 13%;
	right: 1%;
	text-align: right;
}
.screen_extrawide #header #dcs_logo h2 {
	font-size: 0.9em;
	background: url(../images/seeblue3.png) no-repeat right top;
	height: 51px;
	width: 153px;
	text-align: right;
}
.screen_extrawide #header #dcs_logo h2 span {
	display: none;
}
.screen_extrawide #header #giveonline {
	text-align: right;
	right: 1%;
	height: 36px;
	width: 150px;
	position: absolute;
	top: 3.5em;
}


/* middlebody DIV -- contains leftvertnav DIV 
and tabbed DIV or contentarea DIV
-------------------------------------------*/
.screen_extrawide #middlebody {
	float: left;
	width: 100%;
}

/* Navigation DIV */

.screen_extrawide #leftvertnav {
	margin-right: 75%;
	width: 15%;
}
.screen_extrawide #navbar {
	font-size: 0.8em;
	width: 22em;
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
	background: #030 url(../images/navbkgnd1920.jpg) no-repeat left top;
	height: auto;
	left: 0;
	top: 0;
}
#leftvertnav h3, #navbar ul {padding-left: 0.5em;}
.screen_extrawide #navbar h3 {
	font-size:0.95em;
	color: #fff;
	text-align: left;
	padding-bottom: 0.2em;
	padding-top: 0.5em;
}
.screen_extrawide #navbar a {
	color: #fff;
	text-align: left;
	font-weight: normal;
}
.screen_extrawide #navbar a:hover, .screen_wide #navbar a:focus {
	font-weight: normal;
	color: #cc9;
}
.screen_extrawide #navbar ul {
	margin-bottom: 0.2em;
	margin-left: 1em;
	color: #fff;
	text-align: left;
}
.screen_extrawide #navbar ul li {
list-style: disc inside;
	padding-bottom: 0.2em;
}


/* Floater DIV */

.screen_extrawide #navfloater {
	width: 80%;
	height: 50px;
	text-align: center;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
}
.screen_extrawide #navfloater h3 {
	font-size: 1em;
	height: 25px;
	width: 128px;
	text-align: center;
}
.screen_extrawide #navfloater h3 span {
	display: none;
}
.screen_extrawide #navfloater ul {
	text-align: left;
	margin-left: 1em;
}
.screen_extrawide #navfloater ul li {
	list-style: none;
}


/* Page content area 
------------------------------------- */
/* contentarea DIV */
.screen_extrawide #contentarea {
	float: right;
	width: 85%;
	background-color: #fff;
}
.screen_extrawide #contentarea {
	background-image: none;
	margin-left: 0;
	margin-top: -32em;
}

/* breadcrumbs links area */
.screen_extrawide #breadcrumbsnav {
	top: 0;
	left: 0;
	height: auto;
	font-size: 0.75em;
	color: #000;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
}
.screen_extrawide #breadcrumbsnav ul {list-style: none;}
.screen_extrawide #breadcrumbsnav ul li {display: inline;}
.screen_extrawide #breadcrumbsnav a {color: #000;}

/* related links area */
.screen_extrawide #links {
	position: absolute;
	top: 2em;
	left: 1em;
	width: 11em;
	padding-left: 0.5em;
}
.screen_extrawide #links h4 {
	font-size: 0.8em;
	font-style: italic;
	color: #036;
	padding-bottom: 0.2em;
}
.screen_extrawide #links a {
	color: #036;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}
.screen_extrawide #links a:visited {
	color: #cc9;
	font-weight: normal;
	font-style: italic;
}
.screen_extrawide #links a:hover, .screen_wide #links a:focus {
	color: #030;
	font-weight: normal;
	font-style: italic;
}
.screen_extrawide #links ul {
	color: #036;
	list-style: none;
	font-size: 0.75em;
}
.screen_extrawide #links ul li {padding-bottom: 0.5em;}

/* page content section */
.screen_extrawide #pagecontent {
	position: relative;
	background-color: #fff;
	height: auto;
	margin-left: 17%;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.screen_extrawide #pagecontent h3 {font-size: 1em; margin-bottom: 0.5em;}
.screen_extrawide #pagecontent h4 {font-size: 0.85em; margin-bottom: 0.3em;}
.screen_extrawide #pagecontent h5 {font-size: 0.75em; margin-bottom: 0.2em;}
.screen_extrawide #pagecontent p, .screen_extrawide #pagecontent form, .screen_extrawide #pagecontent input, .screen_extrawide #pagecontent table {font-size: 0.85em; margin-bottom: 0.3em;}
.screen_extrawide #pagecontent ul {
	list-style: none;
	padding-bottom: 1em;
	font-size: 0.8em;
}
.screen_extrawide #pagecontent ul li {margin-bottom: 0.5em;}
.screen_extrawide #pagecontent ul.bold li {
	margin-bottom: 0;
	font-weight: bold;
}
.screen_extrawide #pagecontent a {color: #036;}
.screen_extrawide #pagecontent a:visited {color: #cc9;}
.screen_extrawide #pagecontent a:hover, .screen_wide #pagecontent a:focus {color: #030;}

/* Footer DIV */

.screen_extrawide #footer {
	background: #fff;
	color: #003;
	clear: both;
	padding: 0.5em;
}
.screen_extrawide #footer p {
	display: inline;
	margin-left: 5px;
	font-size: 0.7em;
}
.screen_extrawide #footer p a {
	color: #003;
}
.screen_extrawide #footer address {
	padding-left: 5px;
	font-size: 0.7em;
}
.screen_extrawide #footer ul {
	display: block;
	text-align: left;
	padding-left: 0;
	font-size: 0.7em;
}
.screen_extrawide #footer ul li {
	display: inline;
	padding-left: 0.5em;
	padding-right: .5%;
}
.screen_extrawide #footer ul li a {
	color: #003;
}
.screen_extrawide #pagecontent p.smaller {font-size: 75%;}
.screen_extrawide #pagecontent h5.red {color: #f00; font-size: 90%;}