@charset "UTF-8";

/* ----- Initialize Tags ----- */
* {
	margin:0;
	padding:0;
	text-decoration:none;
}
ul, ol, dl {
	list-style:none
}
p, h1, h2, h3, h4, h5, h6, em, pre, code {
	font-size:100%;
	line-height:95%;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, em, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
a img, :link img, :visited img, th, td {
	border:none;
}
address {
	font-style:normal
}

.left {
	float: left;
}

.right {
	float: right;
}

.red {
	color: #990000;
}
/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { display: inline-block; }

.inset_shadow {
   -moz-box-shadow: inset 0 2px 4px -1px #000;
   -webkit-box-shadow: inset 0 2px 4px -1px #000;
   box-shadow: inset 0 2px 4px -1px #000;
}

.dropshadow {
   -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
}

.rounded {
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.pricelist {
	padding: 3px;
}
/* ----- Global Style ----- */
body {
	margin:21px auto;
	background-color:#FFF;
	font:100% Arial, Helvetica, sans-serif;
	color:#595959;
	width:1069px;
	height:100%;
}
#container {
	padding-left:21px;
	height:100%;
}
#content {
	background-color:#FFF;
	height:100%;
}
.headertext {
	position:absolute;
	left:-10000em;
}

/*
h1 {
	text-transform: uppercase;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 3.3em;
	letter-spacing: -3px;
}
*/

.top h2 {
	text-transform: uppercase;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	background-color: #5288BE;
	color: #fff;
	float: left;
	padding: 6px 0;
	width: 328px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	text-align: center;
	-moz-box-shadow: 1px 2px 2px -1px #000000 inset, -1px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 2px 2px -1px #000000 inset, -1px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 1px 2px 2px -1px #000000 inset, -1px 2px 2px 0 rgba(0, 0, 0, 0.5);	
}

.normal{
	font-family: 'OpenSansLight', Arial, sans-serif;
	font-weight: normal;
}

h3 {
	font-size:105%;
	text-transform:uppercase;
	color:#595959;
}
h4 {
	font-style:italic;
	font-weight:normal;
	font-size:80%;
	padding:.2em 0;
}
h5 {}
a {
	color:#7EB2E0;
	text-decoration:none;
}
a:hover {
	color:#304a82;
	text-decoration:none;
}
p {
	font-size:80%;
	padding:.2em 0;
}
li label {
	clear:left;
	float:left;
	display:block;
	width:100px;
}
li input {
	float:left;
}
form .order {
	margin-top:10px;
	clear:both;
}
.clearleft {
	clear:left;
}
.clearboth {
	clear:both;
}
.bold {
	font-weight:bold;
}
.uppercase {
	text-transform:uppercase;
}
.title {
	font-weight:bold;
	text-transform:uppercase;
	color:#7EB2E0;
	font-size:110%;
	padding:0 0 0 0;
	margin:0 0 5px 0;
}
hr {
	height:1px;
	border:none;
	background-color:#ccc;
	margin:20px 150px;
}



/* ----- Header Style ----- */
#header {
	height: 89px;
	padding-bottom:21px;
}
#top-message {
	display:block;
	padding:0 0 10px 1px;
}
.message {
	color: #c00;
	font-weight: bold;
}
#adagelogo {
	float:left;
	width:328px;
	height:89px;
	background-color: #5288BE;
	text-align:center;
	margin:0 21px 0 0;
	overflow: hidden;
}



/* ----- whitepapers Style ----- */
#whitepapers,
#partners,
#sponsored {
	width:1027px;
	margin-bottom:21px;
	clear:both;
	background-color: #e8edf3;
	overflow: hidden;
}

.top {
	margin-bottom: 25px;
	height: 33px;
}

#whitepapers .scrollable{
	height: 335px;
}

#partners .scrollable{
	height: 300px;
}

#sponsored {
	background-color: #fdf5e2;
}

#sponsored h2{
	background-color: #fec660;
}

#sponsored .content{
	margin-left: 35px;
}


.whitepaper {
	float:left;
	width:300px;
	height:300px;
	padding:0 21px 20px 0;
	overflow:hidden;
}
.whitepaper .content {
	float: left;
	width: 295px;
	padding: 0 15px 0 18px;
	height: 225px;
}
.whitepaper .cover {
	float: left;
	width: 120px;
}
.whitepaper .border {
	-moz-box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.7);
}
.whitepaper .border_inset {
	background-color: #eaebec;
	padding: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 3px 3px 4px -1px #fff inset;
	-webkit-box-shadow: 3px 3px 4px -1px #fff inset;
	box-shadow: 3px 3px 4px -1px #fff inset;
}
.whitepaper p.wordcount {
	margin-top: 10px;
}
.whitepaper p.wordcount em {
	line-height:2em;
}
.whitepaper .description {
	float:left;
	width:151px;
	margin-left:15px;
	/*overflow:hidden;*/
}
.whitepaper .terms {
padding: 10px 0 0 0;
	text-align: left;
	clear: both;
}


a.button {
float: left;
margin: 10px 0 0 0;
background: #8BBADC;
background: -moz-linear-gradient(center top , #8BBADC 0%, #247BBD 50%, #0066B2 50%, #0066B2 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8BBADC), color-stop(0.5, #247BBD), color-stop(0.5, #0066B2), color-stop(1, #0066B2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#8BBADC, endColorStr=#0066B2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8BBADC, endColorstr=#0066B2)";
border: 1px solid #0066B2;
-moz-box-shadow: 0 1px 0 0 #B4D2E9 inset, 0 1px 0 0 #0066B2;
-webkit-box-shadow: inset 0 1px 0 0 #B4D2E9, 0 1px 0 0 #0066B2;
box-shadow: inset 0 1px 0 0 #B4D2E9, 0 1px 0 0 #0066B2;
text-shadow: 0 -1px 1px #0066B2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: white;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 3px 10px;
width: 100px;
	text-align: center;
	}

/*
a.button {
float: left;
margin: 10px 0 0 0;
background: #8BBADC;
background: -moz-linear-gradient(center top , #8BBADC 0%, #247BBD 50%, #0066B2 50%, #0066B2 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8BBADC), color-stop(0.5, #247BBD), color-stop(0.5, #0066B2), color-stop(1, #0066B2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#8BBADC, endColorStr=#0066B2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8BBADC, endColorstr=#0066B2)";
border: 1px solid #0066B2;
-moz-box-shadow: 0 1px 0 0 #B4D2E9 inset, 0 1px 0 0 #0066B2;
-webkit-box-shadow: inset 0 1px 0 0 #B4D2E9, 0 1px 0 0 #0066B2;
box-shadow: inset 0 1px 0 0 #B4D2E9, 0 1px 0 0 #0066B2;
text-shadow: 0 -1px 1px #0066B2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: white;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 3px 10px;
width: 100px;
}
*/

a.button:hover {
	cursor: pointer;
	background: #9ecef1;
	background: -moz-linear-gradient(center top , #9ecef1 0%, #47a0e5 50%, #2a92e1 50%, #2a92e1 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #9ecef1), color-stop(0.5, #47a0e5), color-stop(0.5, #2a92e1), color-stop(1, #2a92e1));
	border: 1px solid #2a92e1;
}

a.button.download{
	background: #fdf5e2;
	background: -moz-linear-gradient(center top , #fdf5e2 0%, #fed17e 50%, #fec660 50%, #fec660 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fdf5e2), color-stop(0.5, #fed17e), color-stop(0.5, #fec660), color-stop(1, #fec660));
	border: 1px solid #fec660;
	-moz-box-shadow: 0 1px 0 0 #fed17e inset, 0 1px 0 0 #fec660;
	-webkit-box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0 #fec660;
	box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0 #fec660;
	text-shadow: 0 -1px 1px #fec660;
		/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f9e4b3, endColorStr=#fec660);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9e4b3, endColorstr=#fec660)";
}

a.button.download:hover {	
	background: #fdf5e2;
	background: -moz-linear-gradient(center top , #fdf5e2 0%, #FED994 50%, #FED17E 50%, #FED17E 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fdf5e2), color-stop(0.5, #FED994), color-stop(0.5, #FED17E), color-stop(1, #FED17E));
	border: 1px solid #FED994;
}



.buybutton {
	clear: both;
	float:left;
	margin:10px 0 0 3px;
	width:61px;
	height:26px;
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	background:#5288BE url(../images/buybutton.gif) no-repeat;
}
.submitbutton {
	margin-top:5px;
	width:86px;
	height:26px;
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	background:#5288BE url(../images/upgradebutton.gif) no-repeat;
}
.learnmorebutton {
	float:left;
	margin-top:5px;
	width:106px;
	height:26px;
	font-size:85%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	background:#5288BE url(../images/learnmorebutton.gif) no-repeat;
}
.downloadbutton {
	float:left;
	margin-top:5px;
	width:161px;
	height:26px;
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	background:#88cb9c url(../images/readbutton.gif) no-repeat;
}
.previewbutton {
	float:left;
	width:86px;
	height:26px;
	font-size:90%;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	margin:5px 0 5px 0;
	text-transform:uppercase;
	background:#88cb9c url(../images/previewbutton.gif) no-repeat;
}
.buybutton a {
	padding: 7px 15px;
	color:#fff;
}
.upgradebutton a {
	padding: 7px 8px;
	color:#fff;
}
.previewbutton a {
	padding: 7px 8px;
	color:#fff;
}
.readbutton a {
	padding: 7px 12px;
	color:#fff;
}
.downloadbutton a {
	padding: 7px 12px;
	color:#fff;
}
.submitbutton a {
	padding: 7px 12px;
	color:#fff;
}
.learnmorebutton a {
	padding: 7px 0px;
	color:#fff;
}
.buybutton a:hover, .downloadbutton a:hover, .readbutton a:hover, .upgradebutton a:hover, .submitbutton a:hover, .learnmorebutton a:hover, .previewbutton a:hover {
	color:#c0e1ff;
}
.pod-note {
	clear:both;
	width:140px;
	padding-top:10px;
}


.downloadbutton {
	float:left;
	width:95px;
	height:27px;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	line-height:24px;
	background:#FEC660 url(../images/downloadbutton.gif) no-repeat;
	margin:5px 0 0 0px;
}
.downloadbutton a {
	color:#fff;
	padding:8px;
}
.downloadbutton a:hover {
	color:#d08600;
}



/* ----- Paper Detail Style ----- */
#paperdetail {
	float:left;
	margin-bottom:21px;
	/*border-bottom:1px solid #ccc;*/
}
#paperdetail .description {
	float:left;
	width:850px; /* 509px */
	margin-right:21px; 
}

#paperdetail .spon_description {
	float:left;
	width:527px; /* 509px */
	margin-right:21px; 
}
/* seo header tags*/
#paperdetail h1 {
	font-size:150%;
	padding-bottom:.2em;
	color:#7EB2E0;
}

#paperdetail .description h2 {
	margin: 0 0 10px 0;
	line-height:normal;
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
}

#paperdetail p {
	margin:10px 0 0 0;
	line-height:normal;
}

#paperdetail .border {
	float:left;
	width:128px;
	height:165px;
	background:url(../images/section1-whitepaper-border.png) no-repeat;
	padding:0 21px 21px 0;
}
#paperdetail .border img {
	padding:10px 0 0 11px;
	height: 140px;
	overflow:hidden;
}
#paperdetail .pricing {
	float:left;
	margin:10px 30px 0 0;
	width: 275px;
}

#paperdetail .price {
	font-weight:bold;
	font-size:80%; //80%
	color:#7EB2E0;
}

#paperdetail .cost {
	font-weight:bold;
	font-size:110%;
	color:#000;
}

#paperdetail .price span {
	font-size:10pt;
	margin: 0 0 0 5px;
	font-weight: normal;
}
#paperdetail h4 {
	font-size:95%;
	text-transform:uppercase;
	color:#5588BB;
	font-weight:bold;
	font-style:normal;
}
#paperdetail .pod {
	float:right;
	width:328px;
	background:#FFF url(../images/section1-pod-top.png) no-repeat;
	margin:0px 21px 21px 0;
}
#paperdetail .pod .content {
	float:left;
	width:295px;
	background:url(../images/section1-pod-middle.png) repeat-y;
	margin-top:20px;
	padding:0 15px 0 18px;
}
#paperdetail .pod .border {
	padding:0 0 5px 0;
}
#paperdetail .plus {
	float:left;
	width:30px;
	height:165px;
	text-align:center;
	font-size:165%;
	font-weight:bold;
	line-height:165px;
}
#paperdetail .upgradebutton {
	float:left;
	margin-top:5px;
	width:86px;
	height:26px;
	font-size:90%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	background:#5288BE url(../images/upgradebutton.gif) no-repeat;
}
#paperdetail .pod .bottom {
	float:left;
	background:#FFF url(../images/section1-pod-bottom.png) no-repeat;
	height:15px;
	width:328px;
}


/* ----- Promotion Style ----- */
#promotion {
	clear:both;
	border-top:1px solid #CCC;
	padding-top:21px;
	margin-right:21px;
}
#promotion h4 {
	text-transform:uppercase;
	font-size:100%;
	font-weight:bold;
	font-style:normal;
	color:#7EB2E0;
	padding-bottom:10px;
	
}
.promotion-product {
	float:left;
	width:128px;
	height:292px;
	padding:0 21px 21px 0;
	overflow:hidden;
}
#promotion .border {
	float:left;
	width:128px;
	height:165px;
	background:url(../images/section1-whitepaper-border.png) no-repeat;
	padding:0 21px 5px 0;
}
#promotion .border img {
	padding:10px 0 0 11px;
	height:140px;
	overflow:hidden;
}

/* ----- Right Rail Style ----- */
#rightrail {
	float:right;
	width:349px;
	padding: 0 0 0 20px;
}

/* ----- Rating and Stars Style ----- */
#starrating {
	margin-bottom:3px;
}
.rating {
	width:65px;
	height:13px;
	background-image:url(../images/stars.png);
	background-repeat:no-repeat;
	margin-top:.3em;
}
.stars0-0{
	background-position:-65px 0px;
}
.stars0-5{
	background-position:-52px -20px;
}
.stars1-0{
	background-position:-52px 0px;
}
.stars1-5{
	background-position:-39px -20px;
}
.stars2-0{
	background-position:-39px 0px;
}
.stars2-5{
	background-position:-26px -20px;
}
.stars3-0{
	background-position:-26px 0px;
}
.stars3-5{
	background-position:-13px -20px;
}
.stars4-0{
	background-position:-13px 0px;
}
.stars4-5{
	background-position:0px -20px;
}
.stars5-0{
	background-position:0px 0px;
}
.rating p {
	clear:left;
	padding:0 0 0 72px;
	line-height:13px;
}


/* ----- Footer Style ----- */
#footer {
	clear:both;
	text-align:left;
	padding:21px 21px 20px 0;
	color:#999;
}
.terms_of_use {
	color:#7EB2E0;
}

/* ----- Scrollable ----- */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	height: 300px;
	width: 950px;
	float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.scrollable .item {
	float:left;
}

.large {
	float:left;
	width:20px;
	height:0;
	overflow:hidden;
	background:url(/images/arrow_lg.png) no-repeat 0 0;
	padding:55px 0 0 0;
	margin: 55px 7px 5px 5px;
}
.large.left {
	margin-left: 10px;
}
.large.left:hover {
	background-position:0 -60px;
}
.large.right {
	background-position:0 -120px;
}
.large.right:hover {
	background-position:0 -180px;
}

.left.disabled:hover,
.right.disabled:hover{
	background-position: 0 0;
}
.left.disabled{
	background:url(/images/arrow_lg_lt_off.png) no-repeat 0 0;
}
.right.disabled{
	background:url(/images/arrow_lg_rt_off.png) no-repeat 0 0;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 23, 2011 08:53:54 PM America/New_York */
@font-face {
    font-family: 'OpenSansLight';
    src: url('/css/fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('/css/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/css/fonts/open-sans/OpenSans-Bold-webfont.eot');
    src: url('/css/fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/css/fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('/css/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



 
 /* logo area */
 #sectionlogo {
	float:left;
	width:677px;
	height:89px;
	background-color: #a6aeb7;
	text-align:CENTER;
	margin:0 21px 0 0;
	overflow: hidden;
}
#sectionlogo a{
	display: block;
	height: 100%;
}

#sectionlogo h1 {
	padding: 21px 21px 0 0;
	color: #fff;
}




input.textField {
width:275px;
height:28px;
border:0;
float:left;
padding-left:10px;
color:#666;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;

}

input.button {
padding: 0px;
border: 0px;
background: none;
}

.wpleft{
float:left; text-align:right; padding-left:46px; padding-top:28px; padding-right:10px;
}

.wpright{ 
text-align:left; padding-top:29px;
}

/* Category Nav*/
.wpheader {
	text-transform: uppercase;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	background-color: #5288BE;
	color: #fff;
	float: left;
	padding: 6px 0;
	width: 300px;
	text-align: center;
	-moz-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);	
	font-weight: bold;
}

.brheader {
	background-color: #FEC660;
	text-transform: uppercase;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	color: #fff;
	padding: 6px 0;
	width: 300px;
	text-align: center;
	-moz-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);	
	font-weight: bold;
	}
	
	
	
.wpheader a, .brheader a {
color:white;
}

.catheader {
	text-transform: uppercase;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	background-color: #005c97;
	color: #fff;
	float: left;
	padding: 8px 0;
	/*margin-left:45px;*/
	width: 300px;

	text-align: center;
	-moz-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);		
}

.serheader {
	text-transform: uppercase;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	background-color: #00457c;
	color: #fff;
	float: left;
	padding: 8px 0;
	/*margin-left:45px;*/
	width: 300px;

	text-align: center;
	-moz-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);		
}
/* basic nav stuff */


.spacer{
background-color: #333;
margin-left: 32px;
float:left;
}

#nav, #nav ul { /* all lists */
	/*padding-left: 20px;*/
	list-style: none;
	line-height: 1.2;
}
 
#nav a {
	display: block;
	color:#ffffff;
	background: #005c97;
	padding:8px;
}

#nav a:hover {
	display: block;
	color:#ffffff;
	background: #5288BE;
}
 
 
#nav li { /* all list items */
	float: left;
	width: 300px; /* width needed or else Opera goes nuts */
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	z-index:999;
	background: #005c97;
	width: 300px;
	margin-top:35px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	-moz-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px -1px #000000 inset, 0px 2px 2px 0 rgba(0, 0, 0, 0.5);	
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* whitepage horizontal nav */ 
.navi{
    /*float: right;*/
    clear:both;
    text-align: center;
	/*margin: 20px 20px 0 0;*/
	width: auto;
	padding-bottom:  25px;
	

}

.navi a {
	background-color: #005c97;
	border: 3px solid #005c97;
	height: 10px;
	width: 10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-right: 3px;
	display: inline-block;
	text-decoration: none;
	outline: none;
}

.navi a.active {
	background-color: #fff;
	border: 3px solid #ff9900;
}

 
.creds {
	padding-top: 10px;
	line-height: 16px;
	font-size: 80%;
}

.creds em {
	font-style: italic;
}