body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #333B32;
	}
a {	
	text-decoration: underline;
	color:  #112A59;
	}
a:visited {
	color:  #112A59;
	}
a:active {
	color:  #112A59;
	}
a:hover {
	color: #112A59;
	text-decoration: none;
	}
	
/*************** Top Level Navigation ****************/
	
ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 10;
}

/* Colorize the Links */

#nav-uno a {
	display: block;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	z-index:10;
}

#nav-uno li li a {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	padding: 2px 0px 2px 8px;
	z-index:10;
}

#nav-uno li li a:hover {
	color: #fff;
	background-color: #6A6965;
	padding: 2px 0px 2px 8px;
	z-index:10;
}

li.menu {
	list-style: none;
	float: left;
	position: relative;
	line-height: normal;
	text-align: left;
	cursor: default;
	padding: 0px;
	margin: 0 2px 0 0;
	width: 119px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 121px; /* Actual value for conformant browsers */	
	z-index:10;
}

li.menu ul  {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #4B4A45;
	padding: 6px 0 6px 0;
	border: 1px solid #898886;
	width: 128px;
}

li.menu>ul {
	top: auto;
	left: auto;
}

li.menu li {
	display: block;
	float: none;
	line-height: normal;
	padding: 0px;
	margin: 0;
	background-color: transparent;
	border: 0;
	width: 128px;
}

li:hover ul, li.over ul {
	display: block;
}

/* Do the graphic rollovers */

* html a:hover {visibility:visible;}

.section-a {
	display:block;
	width: 198px;
	height: 28px;
	margin: 0;
	border: 0px;
	background-image: url(../../images/btn-a-programs-glo.gif);
}
.section-a a {display:block;}
.section-a img {width: 198px; height: 28px;}
.section-a a:hover img {visibility:hidden}

.section-b {
	display:block;
	width: 121px;
	height: 28px;
	margin: 0px;
	border: 0px;
	background-image: url(../../images/btn-b-action-glo.gif);
}
.section-b a {display:block;}
.section-b img {width: 121px; height: 28px;}
.section-b a:hover img {visibility:hidden}

.section-c {
	display:block;
	width: 121px;
	height: 28px;
	margin: 0px;
	border: 0px;
	background-image: url(../../images/btn-c-press-glo.gif);
}
.section-c a {display:block;}
.section-c img {width: 121px; height: 28px;}
.section-c a:hover img {visibility:hidden}

.section-d {
	display:block;
	width: 121px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(../../images/btn-d-about-glo.gif);
}
.section-d a {display:block;}
.section-d img {width: 121px; height: 28px;}
.section-d a:hover img{visibility:hidden}

.section-e {
	display:block;
	width: 121px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(../../images/btn-e-support-glo.gif);
}
.section-e a {display:block;}
.section-e img {width: 121px; height: 28px;}
.section-e a:hover img{visibility:hidden}	
	
	
/*************** Site Layout ****************/

#site-container {
	position: relative;
	margin: 0 auto;
	padding: 2px;
	border: 0;
	background-color: #fff;
	width: 770px;
	}
#logo {
	position: relative;
	float:left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	border: 0px;
	background: transparent;
	width: 154px;
	height: 77px;
	}
#top-nav {
	position: relative;
	float: right;
	color: #AAAAAA;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	border: 0px;
	background-image: url(../../images/top-bg-fade.gif);
	height: 26px;
	}
#top-nav img {
	vertical-align: middle;
	}
#top-nav a {
	color: #9F9F9F;
	text-decoration:none;
	}
#top-nav a:hover {
	color: #000;
	text-decoration:underline;
	}
#top-banner {
	width:770px;
	height:144px;
	}
#left-col {
	position: relative;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	width: 154px;
	}
#center-col {
	position: relative;
	float:left;
	margin: 0px;
	padding: 16px;
	border: 0px;
	background-color: transparent;
	width: 400px;
/*	width: 400px;  */
	}
#right-col {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	width: 180px;
	}
#footer {
	position: relative;
	color: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #000;
	width: 770px;
	height: 34px;
	}
a.footer, a.footer:visited, a.footer:active{
	color: #fff;
	text-decoration: none;
	}
a.footer:hover {
	color: #fff;
	text-decoration: underline;
	}
	
/*************** Library Items ****************/
	
h2.libtitle {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 8px;
	}
h2.libtitle a, h2.libtitle a:visited, h2.libtitle a:active {
	text-decoration: underline;
	}
h3.libsubtitle {
	font-size: 14px;
	color: #848484;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 8px;
	}
p.libauthor {
	font-size: 11px;
	color: #6c6c6c;
	font-weight: normal;
	line-height: normal;
	padding: 0;
	margin-bottom: 8px;
	}
p.libmore {
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	padding: 0;
	margin: 0px 0px 8px 0px;
	}
p.libmore img{
	vertical-align: middle;
	}
p.lib-nav{
	font-size: 12px;
	line-height: normal;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	}
p.lib-nav img{
	vertical-align: middle;
	}
img.lib-image {
	float:right;
	border: 1px solid #000;
	padding: 0;
	margin: 20px 0px 20px 20px;
	}
	
div.image_block {
	text-align: center;
	font-size: 11px;
	padding: 4px 0px 6px 8px;
	float: right;
}
div.image_block img {
	display: block;
	border: 3px solid #dad9d7;
	padding: 0px;
}
div.image_block_left {
	text-align: center;
	padding: 0px 8px 8px 0px;
	float: left;
	clear: left;
}
div.image_legend {
	text-align: center;
	font-size: 11px;
	padding-top: 3px;
	width: 180px;
}
div.videoblock {
	margin-top: 20px;
	margin-bottom: 20px;
}
div.official-form {
	padding: 8px 8px 6px 8px;
	margin:18px 0px 18px 0px;
	border: 2px solid #e1e1e1;
	}
div.official-form h3 {
	margin-bottom: 2px;
	}
div.official-form p {
	margin-bottom: 4px;
	}
p.libposition {
	color: #848484;
	font-weight: bold;
	font-style: italic;
}
div.leg-highlite {
	float: left;
	border: 1px solid #d8d1a5;
	padding: 1px 5px 1px 4px;
	color: #848484;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	margin-right: 2px;
	margin-bottom: 6px;
	margin-top: 6px;
}
div.leg-highlite a, div.leg-highlite a:visited, div.leg-highlite a:active {	
	text-decoration: none;
	color:  #848484;
	}
div.leg-highlite a:hover {
	color: #672D14;
	text-decoration: underline;
	}
div.news-highlite {
	float: left;
	border: 1px solid #d8d1a5;
	padding: 1px 5px 1px 4px;
	color: #848484;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	margin-right: 2px;
	margin-bottom: 6px;
	margin-top: 6px;
}
div.news-highlite a, div.news-highlite a:visited, div.news-highlite a:active {	
	text-decoration: none;
	color:  #848484;
	}
div.news-highlite a:hover {
	color: #3C5B39;
	text-decoration: underline;
	}
	
/*************** content Formatting ****************/
	
p {
	font-size: 12px;
	line-height: 140%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	}
.small {
	font-size: 11px;
	line-height: 130%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	}
.uc-caps {
	font-variant: small-caps;
}
p.footer {
	font-size: 11px;
	color: #fff;
	line-height: 34px;
	padding-left: 20px;
	margin: 0px;
	}
/* for cafe press */
td.footer {
	color: #fff;
	line-height: 20px;
	}
h1 {
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 12px;
	}
h2 {
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 12px;
	}
h3 {
	font-size: 14px;
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: 12px;
	}

img {
	border: 0px;
	}
	
img.border {
	border: 3px solid #e1e1e1;
	padding: 3px;
	margin: 0;
	}
img.donate {
	border: 0;
	padding: 0;
	margin: 0px 0px 2px 0px;
	}
ul {
	list-style-type: disc;
	padding: 0em 0em 0em .5em;
	margin: 0px 0px 4px 1em;
	}
ol {
	line-height: 140%;
	}
ol p {
	line-height: 140%;
	padding: 0px 0px 8px 0px;
	}
li {
	line-height: 140%;
	padding: 0px 0px 8px 0px;
	}
li p {
	line-height: 140%;
	}
ul.compact li {
	line-height: 140%;
	padding: 0px 0px 2px 0px;
	}
hr {
	color: #B5B2AA;
	background-color: #B5B2AA;
	border : 0px solid #B5B2AA;
	width: 100%;
	height: 1px;
	margin: 0px 0px 8px 0px;
}
div.hr {
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #cccccc;
	line-height: 0px;
	margin: 10px 0px 15px 0px;
	padding: 0px;
		clear:both;
}
div.highlight	{
	padding: 12px 12px 2px 12px;
	margin:18px 0px 18px 0px;
	background-color: #efefef;
	}

/*************** Forms and Misc ****************/

form {
	padding: 0;
	margin: 0;
}

select {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

div.error {
	text-align: left;
	padding: 12px 10px;
	margin-top: 0px;
	margin-bottom: 16px;
	border: 1px solid #f2bdbd;
	background: #fff1f1;
	width: 380px;
	}
div.error h3 {
    font-size: 14px;
	line-height: 22px;
	color: #c80000;
	margin: 0px 0px 0px 0px;
	}
div.error p {
    font-size: 12px;
	line-height: normal;
	color: #c80000;
	margin: 0px 0px 0px 0px;
	}
div.alert-message {
	text-align: left;
	padding: 12px 10px;
	margin-top: 0px;
	margin-bottom: 16px;
	border: 1px solid #d7e7b6;
	background: #f5f5f5;
	width: 380px;
	}
div.alert-message h3 {
    font-size: 14px;
	line-height: 22px;
	color: #70a229;
	margin: 0px 0px 0px 0px;
	}
div.alert-message p {
    font-size: 12px;
	line-height: normal;
	color: #70a229;
	margin: 0px 0px 0px 0px;
	}

/*************** Pop Images ****************/

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

/*************** right column ****************/

.col-countdown {
	position: relative;
	color: #000;
	padding: 0px 0px;
	margin: 2px 0px 2px 0px;
	background: #56909e;
	text-align: center;
}
.col-countdown a, .col-countdown a:visited, .col-countdown a:active {
	color: #fff;
	text-decoration: none;
}
.col-countdown a:hover {
	color: #fff;
	text-decoration: underline;
}
.cites-countdown {
	background: transparent url(../../images/countdown-bg.gif) no-repeat;
	width:172px;
	height:138px !important;
	text-align:center;
	margin-left:4px;
}
.col-newsletter {
	position: relative;
	color: #fff;
	padding: 8px 0px 10px 0px;
	margin:0 0 2px 0;
	width: 180px;
	background: #717069;
}
.col-newsletter a, .col-newsletter a:visited, .col-newsletter a:active {
	color: #fff;
	text-decoration: none;
}
.col-newsletter a:hover {
	color: #fff;
	text-decoration: underline;
}
.col-headlines ul {
	list-style: square;
	font-size: 11px;
	line-height: 120%;
	padding: 0px 0px 0px .75em;
	margin: 2px 0px 0px .75em;
}

.col-headlines li {
	line-height: normal;
	padding: 0px 0px 6px 0px;
	margin-bottom: 6px;
}
.col-weblog ul {
	list-style: square;
	font-size: 11px;
	line-height: 120%;
	padding: 0px 0px 0px 1em;
	margin: 6px 0px 0px 1em;
}

.col-weblog li {
	line-height: normal;
	padding: 0px 0px 6px 0px;
	margin-bottom: 6px;
}
.col-weblog {
	font-size: 12px; 
	color: #fff; 
	border: 0px;
	padding: 8px 0px 2px 0px;
	width: 154px; 
	background-color: #3C3B37;
}

.col-weblog a, .col-weblog a:visited, .col-weblog a:active {
	color: #fff;
	text-decoration: none;
}

.col-weblog a:hover {
	color: #fff;
	text-decoration: underline;
}

.col-weblog2 {
	font-size: 11px; 
	color: #fff; 
	border: 0px;
	padding: 12px 0px 12px 0px;
	width: 154px; 
	background-color: #3C3B37;
}

.col-weblog2 img {
	vertical-align:middle;
	margin-bottom: 1px;
}

.col-weblog2 div.blog-title {
	font-size: 11px; 
	font-weight: bold;
	color: #fff; 
	padding: 4px 2px 2px 5px;
}

.col-weblog2 a, .col-weblog2 a:visited, .col-weblog2 a:active {
	color: #fff;
	text-decoration: none;
}

.col-weblog2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.col-weblog2 div.blog-post {
	font-size: 11px; 
	color: #d8d1a5; 
	padding: 2px 2px 2px 20px;
}

.col-weblog2 div.blog-post a, .col-weblog2 div.blog-post a:visited, .col-weblog2 div.blog-post a:active {
	color: #d8d1a5;
	text-decoration: none;
}

.col-weblog2 div.blog-post a:hover {
	color: #fff;
	text-decoration: underline;
}

.col-cp {
	position: relative;
	color: #fff;
	padding: 8px 0px 10px 0px;
	width: 180px;
	background: #717069;
}
.col-cp a, .col-cp a:visited, .col-cp a:active {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.col-cp a:hover {
	color: #fff;
	text-decoration: underline;
}
.imageborder {
	border:3px solid #e1e1e1;
	margin-bottom:4px;
	}


/*************** left column ****************/

.api-websites {
	position: relative;
	text-align: center;
	padding: 8px 0px 10px 0px;
	width: 154px;
	background: #3C3B37;
}

.search-col {
	position: relative;
	padding: 8px 0px 0px 0px;
	width: 154px;
}
.search-col a, .search-col a:visited, .search-col a:active {
	color: #fff;
	text-decoration: none;
}
.search-col a:hover {
	color: #fff;
	text-decoration: underline;
}

input.search-btn {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
	margin: 4px 4px 0px 8px;
	background: #3C3B37; 
	color: #fff; 
	border: 1px solid #fff;
	}

input.signup-btn {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background: #3C3B37; 
	color: #fff; 
	border: 1px solid #fff;
	}

input.btn {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background: #3C3B37; 
	color: #fff; 
	border: 1px solid #000;
	}
	
div.donate-btn {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	background: #233a20; 
	color: #fff; 
	border: 2px solid #e1e1e1;
	width: 172px;
	vertical-align: middle;
	}
div.donate-btn img {
	padding: 0;
	margin-bottom: 2px;
	border: 0;
	vertical-align: middle;
}
div.donate-btn a, div.donate-btn a:visited, div.donate-btn a:active {	
	text-decoration: none;
	color:  #fff;
	}
div.donate-btn a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
.link-api {
	position: relative;
	text-align: center;
	padding: 20px 0px 20px 0px;
	width: 154px;
}

.link-api p.logotype {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
	font-size: 8px;
	line-height: 130%;
	text-align: left;
	padding: 0px 0px 0px 52px;
	margin: 0px
	}

