/* CSS Document */
#top-nav {
	background-image: url("../images/top_nav_bg.gif");
	background-repeat: repeat-x;
	height: 30px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	width: 90%;
}

#top-nav ul {
	margin-bottom: 0;
	margin-left: 2px;
	padding-bottom: 0;
	padding-left: 0;
	width: 700px; /* keeps the inline, floated li's from spilling out when the browser window is sqeesed horiz. */
}

#top-nav ul li {
	display: inline;
	list-style: none;
}

#top-nav ul li a {
 	float:left;
	color: #FFFFFF;
	display: block; /* allows the box of the "button" to be clickable, not just the html text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin-top: 0px;
	padding-bottom: 2px;
	padding-top: 8px;
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#top-nav ul li a#current-tn, #top-nav ul li b a {
	background-color: #FF3300;
	color: #FFFFFF;
}

#top-nav ul li a:hover {
	background-color: #666666;
}

#top-nav-wrap {
	background-image: url("../images/top_nav_bg.gif");
	background-repeat: repeat-x;
	height: 30px;
}


#header h1{
	float: left;
	background: url("../images/corplogo.gif") top left no-repeat;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	width: 250px;
}


#header h1 span{
	display: none;
}

#tagline {
	margin: 0;
	padding: 125px 0 0 0;
}

#tagline a {
	padding-left: 5px;
	white-space: nowrap;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
}
	
/*#tagline {
	vertical-align: bottom;
	margin: 0;
	padding: 0 0 20px 7px;
	text-align: left;
}

#tagline a {
	white-space: nowrap;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
}*/
html{
	height: 100%;
}

body{
	height: 100%;
	margin: 0;
	padding: 0;
}

a img {border: 0;}

body a:link{
	color: #666666;
}

body a:visited{
	color: #999999;
}

body a:hover{
	color: #FF3300;
}

body a:active{
	color: #999999;
}

.border {
	border: 1px solid #999;
	padding: 10px;}

.clear {
	overflow: hidden;
	height: 0;
	clear: both;
}	

#column-main{
	line-height: 1.4em;
	margin-left: 210px;
	margin-right: 210px;
	margin-top: 0;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
}

#column-main h2{
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#column-main li {
	margin-bottom: 0.25em;
}

#column-main ul.wide li {
	margin-bottom: 1em;
}

#column-main table.partners td {
	vertical-align: top;
}

#content{
	background-color: #FFFFFF;
	font-family: Verdana, "Bitstream Vera Sans", arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0;
	/* padding-top: 0; */
	padding-top: 20px;
	vertical-align: top;
	width: 100%;
}

#content-wrap{
	background-image: url("../_media/margin_spectrum_bg_repeat.gif");
	background-repeat: repeat-x;
	clear: both;
	height: 100%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

#content-wrap-inner{
	background-color: #FFFFFF;
	margin-top: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-top: 0;
	vertical-align: top;
}

#content h1, #content h2, #content  h3{
	font-family: Arial, "Lucinda Grande", "Luxi Sans", Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
}

#content td, #content th{
	vertical-align: top;
}

div#open-ajax-logos {
	float:right; 
	width: 200px; 
	padding-left: 25px;
}

div#open-ajax-logos img {
	margin-bottom: 3em;
	display: block;
}

div#server-logos {
	float:right; 
	width: 100px; 
	padding-left: 25px;
}

div#server-logos img {
	margin-bottom: 2em;
	display: block;
}

div#horiz-logos img {
	margin-right: 2em;
}

dl, ul, ol{
	margin-bottom: 1em;
	margin-top: 0;
}

dl dt{
	font-weight: bold;
}

dl dt h3{
	color: #000000;
	display: inline;
	margin-right: 8px; /*instead of a space */
}

dl dd{
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2px;
}

#footer{
	width:700px;
	background-color: #EEEEEE;;
	clear: both;
	color: #999999;
	font-family: Verdana, "Bitstream Vera Sans", arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

#footer p{
	margin-bottom: 5px;
	margin-top: 5px;
}

#footer hr{
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #EEEEEE;
	height: 0;
	margin: 5px auto 0 auto;
	width: 100%;
}

#footer div#statement {
	color: #666666;
	font-size: 9px;
	padding: 10px;
}

h1{
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
}

h2{
	color: #333333;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h3{
	color: #333333;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h4{
	display: inline;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	font-weight:normal;
}

#header{
	margin: 0;
	margin-left: 5%; /* that's 5% of the body width */
	margin-right: 5%;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 89.5%; /* ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/
}
#logo {
	margin: 0;
	padding: 0;
	width: 590px;
}
	

#header h1 a{
	display: block;
	height: 50px;
	width: 250px;
	padding: 0;
	margin: 0;
}

#header h1 span{
	display: none;
}

#home-top {
	color: #fff;
}

#home-top h1 {
	margin: 10px 10px 5px 0;
	padding: 0  20px;
	line-height: 1.25em;
}

#home-top h2, #home-top p {
	padding: 0  20px;
	color: #fff;
}

#home-top a{
	color: #fff;
}

hr {
    color: #CCCCCC;
    border: none;
    border-top: 1px solid #CCCCCC;
    height: 1px;
    margin: 0 0 1em 0;
    padding: 0;
}

.img-caption {
	float:right; 
	width: 200px; 
	padding-left: 25px;
	font-style: italic;
	text-align: center;
}

ol li{
	margin-bottom: 15px;
}

ol li li{
	margin-bottom: 0;
}

p{
	margin: 0 0 1em 0;
	padding: 0;
}

#quote{
	clear: right;
	float: right;
	width: 160px;
	padding: 10px;
	margin: 0 0 10px 10px;
	border: 2px solid #ccc;
}

#quote img{
	margin-bottom: 10px;
}

#quote cite{
	text-align: right;
	display: block;
}

#search{
	clear: both;
	float: right;
	margin-top: 10px;
	text-align: right;
	width: 300px;
	padding: 0;
}

#search input.150, #search select.150{
	width: 150px;
}

#seo-text {
	color: #666666;
	font-size: 9px;
	margin-top: 40px;
	text-align: left;
}

#shadow-of-topnav{
	background-image: url("../_media/shadow-of-topnav.gif");
	background-repeat: repeat-x;
	height: 8px;
}

.small-italics {
	font-size: 11px;
	font-style: italic;
}
.small-text {
	font-size: 9px;
	margin-bottom: 20px;
	margin-top: -5px;
}

table.awards {
	xfont-size: 10px;
	width: 100%;
}

table.awards img{
	padding: 3px;
	border: 1px solid #ccc;
}

table#border-left-and-right{
	background-color: #FFFFFF;
	height: 100%;
	margin-left: 5%;
	margin-right: 5%;
	width: 89.5%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}

table#border-left-and-right tr td#top-left-corner{
	background-image: url("../_media/top_left_corner.gif");
	background-repeat: no-repeat;
	height: 8px;
	vertical-align: top;
	width: 3px;
}

table#border-left-and-right tr td#shadow-of-topnav{
	background-image: url("../_media/shadow-of-topnav.gif");
	background-repeat: repeat-x;
	height: 8px;
}

table#promo tr td.content h2 { margin-top: 0; }

table#border-left-and-right tr td#top-right-corner{
	background-image: url("../_media/top_right_corner.gif");
	background-repeat: no-repeat;
	height: 8px;
	vertical-align: top;
	width: 3px;
}

table#border-left-and-right tr td#gradient-border-left{
	background-image: url("../_media/border-left.gif");
	background-repeat: repeat-y;
	width: 2px; 
}

table#border-left-and-right tr td#gradient-border-right{
/*	background-image: url("../_media/border-right.gif");
	background-repeat: repeat-y;
	width: 2px;*/
	border-right: 2px solid #ccc;
}

table.downloads{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 1.5em;
	width: 100%;
	border-collapse: collapse;
}

table.downloads td, table.downloads th {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.downloads td.no-botborder {border-bottom: none;}
	
table.downloads td h2{
	margin: 0;
}

table.downloads td p{
	margin-bottom: .5em;
}	

table.downloads th {
	background-color: #F9F9F9;
}

#tagline {
	margin: 0;
	padding: 27px 0 0 0;
}

#tagline a {
	padding-left: 5px;
	white-space: nowrap;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
}
	
/*#tagline {
	vertical-align: bottom;
	margin: 0;
	padding: 0 0 20px 7px;
	text-align: left;
}

#tagline a {
	white-space: nowrap;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
}*/
	
#top-links{
	white-space: nowrap;
	float: right;
	font-family: Verdana, "Bitstream Vera Sans", arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 20px 0 0 0;
}

trable tr td{
	vertical-align: top;
}

/* HOMEPAGE 
------------------------------------------------------*/

#blurb div {
	xborder: 1px solid #333;
	margin: 1em 1em 0 1em ;	
}

#bottom-wrap {
	padding-top: 1em;
	border-top: 1px solid #666;

}

#button-row {
	padding: 0 10px;
	width: 100%;
	border: 0;
}

div#bot-right {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	background: url("../_media/homepage/bot_right.gif") bottom right no-repeat;
}

#home-bottom th{
	width: 33%;
	height: 2em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 10px 20px;
	margin-top: 20px;
}

#home-bottom td{
	text-align: center;
}

#home-bottom td.partners, #home-bottom th.partners{
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

#home-main {
	background: #ebebeb url("../_media/homepage/bot_left.gif") bottom left no-repeat;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;	
}
 
#home-text {
	width: 400px;
}

#home-top {
	margin: 0;
	padding: 0;
	background: #ebebeb url("../_media/homepage/main_background.jpg") top left no-repeat;	
	color: #fff;
}

#home-top h1 {
	margin: 10px 10px 5px 0;
	padding: 0  20px;
	line-height: 1.25em;
}

#home-top h1 a {
	text-decoration: none;
	color: #fff;
}


#home-top ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 40px;
}	

p.magnifier {
	background: transparent url("../_media/homepage/magnifier.gif") top left no-repeat;
	padding-left: 20px;
	margin: 5px 0 5px 10px;
	font-weight: bold;
	color: #000;
}

.screenshot {
	text-align: right;
}


#ticker {
	padding-top: 10px;
	margin-bottom: 10px;
}

#ticker table td#tic-title {
	color: #666;
	font-weight: normal;
	text-align: center; 
	vertical-align: top;
}

#ticker table td#tic-title a {
	color: #666;
}

#ticker table td#tic-item {
	padding-right: 20px;
	height: 35px;
}

#ticker table td a {
	color: #666;
	text-decoration: underline;
}

.additional-search ul {
	list-style: none;
	margin: 0 0 1em 0.5em;
	padding: 0;
}

.additional-search p {
	font-size: 90%;
	margin: 0;
	padding: 0;
}

.additional-search ul li {
	font-size: 90%;
	line-height: 90%;
	margin: 0;
	padding: 0;
}

.additional-search ul li a {
	color: #FF3300;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.additional-search ul li a:hover {
	text-decoration: underline;
}