body {
   background-color:#ccf;
   /*
   Verdana-based sans serif font stack from http://articles.sitepoint.com/article/eight-definitive-font-stacks
   Taking out Corbel because it is much smaller/narrower than the others and does not show well in Google Chrome
   font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
   */
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
   font-size: 100%;
   line-height: 1.125em;
   margin-left: 50%;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
body a, body a:visited, body a:link {
   text-decoration:none;
   color:#069;
}
body a:hover {
   text-decoration:underline;
   color:#069;
}
body p {
   margin:0px 0px 12px 0px;
   padding:0px;
}
div#pagecontent {
   margin-left: -425px;
   position: absolute;
/*
   height: 100%;
*/
   vertical-align:top;
   width: 850px;
   background-color:#ffffff;
}
#pagetags {
   margin:0px;
   padding:2px;
   width: 850px;
   text-align:center;
}
div#pagetags h1 {
   margin:0px;
   padding:0px;
   font-size: 75%;
   font-weight: normal;
   color: #666666;
}
div#screenheader {
   width:850px;
   margin:0;
   padding:0;
}
div#printheader {
   display:none;
   visibility:hidden;
   width:auto;
   margin:0;
   padding:0;
}
#pageheader {
   width: 850px;
   height: 162px;
   margin: 0;
   padding: 0;
   background: url(./images/pageheader.jpg) top left no-repeat;
}
#logohead {
   float: left;
   margin:0px;
   padding:0px;
   left: 0px;
   top: 0px;
   width: 250px;
   height: 162px;
   cursor: pointer;
}
#logohead a {  
   display:block;  
   width:100%;  
   height:100%;  
   text-decoration:none;  
}  
#headermenu {
   float: right;
   position: relative;
   margin:88px 0px 0px 0px;
   padding:0px;
   width:570px;
   height:12px;
}
/*
ul.navbar {
   float:left;
   display:block;
   margin: 0px;
   padding:0px 0px 4px 0px;
   list-style:none;
   position: relative;
}
li.navtop {
   float: left;
   display:block;
   margin:0px;
   padding:0px 0px 6px 0px;
   position: relative;
}
li.navtop a, li.navtop a:link, li.navtop a:visited {
   display:block;
}
li.navtop img {
   border:0;
   vertical-align: top;
}
li.navtop ul {
   position: absolute; 
   top: 14px; 
   left: 0px;
   width:200px;
   z-index:500;
   display: none;
   float:left;
   border: solid #fc0 1px;
   background-color: #ffe;
   font-size:75%;
   margin:0px 0px 0px 0px;
   padding:2px 2px 2px 6px;
   list-style:none;
}
li.navtop:hover > ul {
   display: block;
}
*/
li.navspacer {
   width: 25px;
}
li.navspacersmall {
   width: 12px;
}
#pagebanner {
   border-top: solid #069 1px;
   border-bottom: solid #069 1px;
   width: 850px;
   height:100px;
   margin: 0px;
   padding:0px;
   background: url(./images/banner-main.jpg) top left no-repeat;
}
#promolink {
	position: relative;
   margin:0px;
   padding:0px;
   left: 16px;
   top: 13px;
   width: 168px;
   height: 72px;
   cursor: pointer;
}
#promolink a {  
	z-index: 101;
   display:block;  
   width:100%;  
   height:100%;  
   text-decoration:none;  
}  
#subnavbar {
   font-size:75%;
   color:#666;
   margin:0px 0px 10px 0px;
   padding:0px;
}
#subnavbar p {
   margin:0px;
   padding:2px 0px 2px 6px;
}
#subnavbar a, #subnavbar a:visited, #subnavbar a:link {
   color: #069;
   text-decoration: none;
}
#subnavbar a:hover {
   color: #069;
   text-decoration: underline;
}
#pagefooter {
   border-top: solid #fc0 1px;
   width: 850px;
   margin: 0;
   padding: 0;
}
#sitemap {
   font-size: 75%;
   color: #666;
}
#sitemap table {
   width: 800px;
   margin:0px 50px 10px 50px;
   border:0px;
   padding:0px;
}
#sitemap table td {
   vertical-align: top;
   width: 250px;
   margin:0px;
   padding:4px;
}
#sitemap .linkcategory {
   font-weight: bold;
   margin: 6px 0px 0px 0px;
   padding:0px;   
}
#sitemap .linkpage {
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   padding:0px;   
}
#sitemap a, #sitemap a:visited, #sitemap a:link {
   color: #069;
   text-decoration: none;
}
#sitemap a:hover {
   color: #069;
   text-decoration: underline;
}
#copyright {
   font-size: 75%;
   color: #666;
}
#copyright a, #copyright a:visited, #copyright a:link {
   color: #069;
   text-decoration: none;
}
#copyright a:hover {
   color: #069;
   text-decoration: underline;
}
#copyright table {
   width: 850px;
   margin:0px;
   border:0px;
   padding:0px;
}
#copyright table td {
   vertical-align: top;
   width: 50%;
   margin:0px;
   padding:4px;
}
.left-justify {
   text-align:left;
}
.right-justify {
   text-align:right;
}
.center-justify {
   text-align:center;
}
#bodyfullpage {
   margin: 0px 0px 20px 0px;
   padding: 0px;
   color: #333;
   font-size: 80%;
}
#bodyfullpage table {
   width: 850px;
   margin:0px;
   border:0px;
   padding:0px;
}
#bodyfullpage table td {
   vertical-align: top;
   margin:0px;
   padding:4px;
}
#bodypagepadding {
   margin: 0px;
   padding: 10px 20px;
   color: #333;
   font-size: 80%;
}
h1 {
   font-size: 130%;
   font-weight: bold;
   color: #069;
   margin:0px;
}
h2 {
   font-size: 100%;
   font-weight: bold;
   color: #666;
   margin:0px 0px 10px 0px;
}
h3 {
   font-size: 110%;
   font-weight: bold;
   color: #333;
   margin:0px;
}
h4 {
   font-size: 100%;
   font-weight: bold;
   color: #666;
   margin:0px 0px 10px 0px;
}
.callout {
/*
   border: solid #069 1px;
   background-color:#ffa;
*/
   color:#333;
   font-size: 95%;
   padding:0px;
}
*.callout li.linkitem {
   color:#069;
}
.leftcallout {
   margin:0px 4px 20px 20px;
   padding:0px 5px 0px 0px;
   text-align: left;
}
.rightcallout {
   margin:0px 20px 20px 4px;
   padding:0px 0px 0px 5px;
   text-align: left;
}
.callout p {
   margin:0px;
   padding:2px 4px;
}
.callout h1 {
   color: #069;
   font-size: 115%;
   font-variant: small-caps;
   text-align: left;
   margin:0px;
   padding:2px 4px;
}
.callout h2 {
   color: #069;
   font-size: 115%;
   font-variant: small-caps;
   text-align: left;
   margin:0px;
   padding:2px 4px;
}
.callout ul {
   margin-top:0px;
   margin-bottom:0px;
   margin-left:20px;
   padding-top:2px;
   padding-bottom:4px;
   padding-left:0px;
}
.separator {
   border-top: dotted 1px #069;
}
#bodytext {
	margin: 4px 10px;
	padding: 0px;
}
.bodytext {
   background:#ddf;
   border:1px solid #66f;
}
td.two-col-left {
   width:250px;
   text-align:center;
}
td.two-col-right, td.two-col-right-no-pad {
   width:600px;
   text-align:left;
}
div.two-col-right {
   padding:0px 40px 0px 0px;
}
div.two-col-right-no-pad {
   padding:0px 0px 0px 0px;
}
td.one-col-center {
   width:800px;
   text-align:center;
}
div.one-col-center {
   padding:0px 40px 0px 40px;
}
div.contentleft {
	float: left;
	padding-right:10px;
   border-right: 1px solid #069;
}
div.contentright {
   margin-left: 280px;
   padding-left:10px;
}
div.contentleft ul, div.contentright ul {
   margin-bottom:0px;
   margin-top:0px;
}
div.contentcolumn {
   width: 270px;
}
div.contentcolumn ul {
   padding-bottom: 0px;
}
div.contentcolumn ul li {
   padding-bottom: 10px;
}
div.linkdiv {
   border: 1px solid #66f;
   padding: 0px;
}
.highlight {
   color: red;
   font-weight: bold;
}
div.body-callout-left {
   float: left;
   width: 240px;
   height:100px;
   padding:6px;
   background-color: #ddf;
   border: 1px solid #66f;
   margin: 0px 10px 0px 10px;
}
div.body-callout-right {
   width: 240px;
   height:100px;
   padding:6px;
   background-color: #ddf;
   border: 1px solid #66f;
   margin: 0px 10px 0px 280px;
}
div.body-callout-left p, div.body-callout-right p {
   margin-bottom:0px;
}
p.nomargin {
   margin-bottom:0px; 
}
div.imagepad {
   padding:10px;
   margin:10px 0px 30px 0px;
   width:480px;
   text-align:center;
   background:#ddf;
}
div.floatright {
   float:right;
}
div.floatleft {
   float:left;
}
div.linkdiv {
   height:75px;
}
div.linktext {
   padding:4px;
}
div.linkdiv div.floatleft {
   margin-right:10px;
}
div.linkdiv div.floatright {
   margin-left:10px;
}
div.linkdiv p {
   margin-bottom:2px;
}
div.linkdiv h1 {
   font-size: 120%;
   font-weight: bold;
   color: #069;
}
a.linkbox {
   position:relative;
   z-index:100;
}
a.linkbox, 
a.linkbox:visited,
a.linkbox:link  {
   color:#000;
   text-decoration:none;
}
a.linkbox:hover div.linkdiv {
	background-color:#ddf;
}
a.linkbox:hover {
   cursor:pointer;
}
#bodyfullpage table.logotable {
   width:510px;
   border-collapse:collapse;
}
#bodyfullpage table.logotable td {
   width:170px;
   height:100px;
   border:1px solid #ccc;
   text-align:center;
   vertical-align:middle;
}
p.justright {
   text-align: right;
}
span.redtext {
   color:#f00;
}
a img {
   border:none;
}
div.paddingright {
   padding-right: 10px;
}
div.linkcallout {
   padding:4px;
   border: 1px solid #66f;
   width:150px;
   text-align: center;
   margin:6px 6px 6px 20px;
}
h3.error {
   border:1px solid #f00;
   background:#fcc;
   color:#800;
   margin-bottom:20px;
   padding:4px;
}
div.bodyquote {
   background:#ddd;
   margin:0px 20px 10px 20px;
   padding:10px;
   color:#333;
}