/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------
*/

table.padded{padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #ebebeb}


.publist {color: #339900;}


html {height: 100%; margin-bottom: 1px;}

body {
	margin: 0;
	padding: 0 0 0 0;
	font: 12px/20px Arial, Verdana ,sans-serif;
	color: #000;
	background: #1D8219 url("/_wssimages/footer-buffer-bg.png") repeat-y center top;
	}

body * {margin: 0; padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #003399; text-decoration: none;}
a:visited {color: #000066;}
a:hover {color: #000000; text-decoration: underline;}

a.external{
		background: url("/_wssimages/external.gif") no-repeat right center;
		padding-right: 12px;
		}

ol,dl {list-style-type:none}

ul {list-style-type:disc; padding-left:40px}

ul.footerlist {list-style-type:none; padding-left:0px}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
}

a.print-me{
background: url("/_wssimages/printer-icon.gif") no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url("/_wssimages/pdf-icon.gif") no-repeat right center;
padding-right: 20px;
}

a.learn-more{
display: block;
width: 85px;
height: 20px;
background: url("/_wssimages/button-learn-more.gif") no-repeat left top;
overflow: hidden;
text-indent: -10000px;
}

a.learn-more:hover{
background-position: left bottom;
}

a.signup{
display: block;
width: 85px;
height: 20px;
background: url("/_wssimages/button-signup-now.gif") no-repeat left top;
overflow: hidden;
text-indent: -10000px;
}

a.signup:hover{
background-position: left bottom;
}


.flt-right{
float: right;
}

.flt-left{
float: left;
}

/*
----------------------------------------------------------------------------- 
Content Containers
-----------------------------------------------------------------------------*/

div#header-content,
div#content,
div#footer-content{
width: 960px;
margin: 0 auto;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header-wrapper{
display: block;
background: #FFF url("/_wssimages/header-gradient.jpg") repeat-x left top;
height: 110px;
}

div#header-content{
display: block;
height: 110px;
}

div#header-content div#logo{
position: absolute;
width: 182px;
height: 69px;
top: 26px;
left: 7px;
}

div#swoosh{
position: absolute;
width: 401px;
height: 104px;
background: transparent url("/_wssimages/swoosh.gif") no-repeat left top;
top: 6px;
left: 229px;
}

div#header-content ul#primary-nav{
position: absolute;
background: url("/_wssimages/primary-nav-bg.gif") no-repeat left top;
top: 70px;
left: 210px;
width: 440px;
height: 28px;
}

div#header-content ul#primary-nav li{
display: block;
float:left;
height: 28px;
}

div#header-content ul#primary-nav li a{
float:left;
display: block;
height: 28px;
line-height: 28px;
padding: 0 16px;
color: #000;
font-weight: bold;
}

div#header-content ul#primary-nav li#interact a{
background: url("/_wssimages/interact-bg.gif") no-repeat right center;
}

div#header-content ul#primary-nav li a:hover{
}

/*
form#primary-search{
background: transparent url(/_layouts/images/gosearch.gif) no-repeat left top;
position: absolute;
top: 68px;
right: -3px;
width: 219px;
height: 30px;
padding-left: 40px;
}

form#primary-search input{
border: none;
display: block;
width: 165px;
background: none;
padding-top: 4px;
float:left;
display: block;
line-height: 30px;
padding-top: 6px;
}

form#primary-search input.submit{
background: transparent url(/_images/search-go-bg.gif) no-repeat left top;
width: 28px;
height: 30px;
float:right;
padding: 0;
color: #FFF;
}
*/

form#primary-search{
position: absolute;
top: 68px;
right: -3px;
width: 219px;
height: 30px;
padding-left: 40px;
}

form#primary-search input{
border: 1px grey solid;
display: block;
width: 180px;
background: none;
float:left;
display: block;
line-height: 30px;
}

form#primary-search input.submit{
border: none;
background: transparent url(/_layouts/images/gosearch.gif) no-repeat left top;
width: 28px;
height: 30px;
float:right;
padding: 0;
color: #FFF;
}



/* snipe styles
---------------------------------------------------- */

div#snipe{
position: absolute;
right: 25px;
top: 0;
color: #FFF;
text-transform: uppercase;
}

div#snipe a{
color: #FFF;
font-size: 9px;
text-align: center;
}

div#snipe a#top-link{
display: block;
height: 20px;
line-height: 20px;
}

div#snipe a#top-link:hover{
background: #FFF url() repeat-x left top;
color: #000;
border-left: 4px solid #D4D8D4;
border-right: 4px solid #D4D8D4;
}

div#snipe #nav, 
div#snipe #nav ul { /* all lists */
padding: 0;
margin: 0;
}

div#snipe #nav a {
display: block;
width: 218px;
font-weight: bold;
}

div#snipe #nav li { /* all list items */
float: left;
width: 218px; /* width needed or else Opera goes nuts */
}

div#snipe #nav li ul { /* second-level lists */
position: absolute;
background: #FFF;
width: 178px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

div#snipe #nav li ul#snipe-content{
color: #3d3d3d;
background: #DCDFDC url("/_wssimages/snipe-bg.png") repeat-x left top;
padding: 10px 20px;
z-index: 100000;
border-bottom: 4px solid #D4D8D4;
border-left: 4px solid #D4D8D4;
border-right: 4px solid #D4D8D4;
}

div#snipe #nav li ul#snipe-content a{
color: #3d3d3d;
line-height: 12px;
width: 170px;
}

div#snipe #nav li ul#snipe-content a:hover{
text-decoration: none;
}

div#snipe img#snipe-logo{
margin-top: 20px;
}


div#snipe #nav li:hover ul,
div#snipe #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}



/*
----------------------------------------------------------------------------- 
Content & Content Wrapper
-----------------------------------------------------------------------------*/

div#content-wrapper{
background: #E7E7E7 url("/_wssimages/content-wrapper-bg.png") repeat-x left top;
border-top: 1px solid #FFF;
}

div#content{
background: #FFF;
border-top: 1px solid #D7D7D8;
border-left: 1px solid #D7D7D8;
border-right: 1px solid #D7D7D8;
padding-top: 20px;
}

/* non-semantic div for bg logos */

div#bg-logos{
background: url("/_wssimages/logos-bg.png") no-repeat center top;
}

/*
----------------------------------------------------------------------------- 
Main Content
-----------------------------------------------------------------------------*/

div#main-content div.alpha-image{
margin-bottom: 40px;
}

/*
div#main-content h2{
clear: both;
color: #474646;
font-size: 16px;
font-family: "Helvetica Neue Bold Condensed";
}
*/

div#main-content h2{
clear: both;
color: #474646;
font-size: 16px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
}

div#main-content ul#breadcrumb-nav li{
float:left;
margin: 0 0 20px 0;
}

div#main-content ul#breadcrumb-nav li a{
display: block;
padding: 0 8px 0 0;
color: #939397;
font-weight: bold;
}

div#main-content ul#breadcrumb-nav li a.active{
color: #000;
}

div#alpha-message{
margin: 0 0 35px 0;
}

div#sub-column-container.threecol div.column{
width: 24%;
float:left;
display: inline;
margin: 0 0 0 6%;
}

div#sub-column-container.threecol div.column.first{
margin-left: 3%;
float:left;
display: inline;
padding: 0 6% 0 0;
background: transparent url("/_wssimages/divider.jpg") no-repeat right center;
}

div#sub-column-container.threecol div.column.last{
float: left;
display: inline;
padding-left: 6%;
margin: 0 0 0 5%;
background: transparent url("/_wssimages/divider.jpg") no-repeat left center;
}

div#sub-column-container div.column img{
display: block;
margin: 0 auto 10px auto;
}

div#sub-column-container div.column h2{
font-weight: bold;
margin-bottom: 0;
}

div.content-block{
margin-bottom: 20px;
}

/* index page specific styles
---------------------------------------------------- */

body#index div#content div#main-content{
width: 729px;
float:left;
display: inline;
margin: 0 0 36px 20px;
height: auto;
min-height: 600px;
}

body#index div#sub-column-container.threecol{
float:left;
width: 729px;
display: inline;
}

body#index div#sub-column-container div.column a.learn-more{
/*margin: 0 auto;*/
}

/* landing page specific styles
---------------------------------------------------- */

body#landing div#sub-column-container.threecol div.column{
width: 27%;
margin: 0 0 0 3%;
}

body#landing div#content div#main-content{
width: 732px;
float: right;
display: inline;
margin: 40px 20px 36px 0;
height: auto;
min-height: 600px;
}

/* 3 Column Landing Styles */

body#landing div#sub-column-container.threecol div.column.first{
margin-left: 3%;
padding: 0 3% 0 0;
}

body#landing div#sub-column-container.threecol div.column.last{
padding-left: 5%;
margin: 0 2% 0 0;
}

body#landing div#sub-column-container.threecol div.column h2{
text-align: left;
}

body#landing div#sub-column-container.threecol div.column p{
line-height: 16px;
font-size: 11px;
}

body#landing div#sub-column-container.threecol div.column img{
float:left;
margin: 0 15px 20px 0;
}

/* 2 Column Landing Styles */

body#landing div#sub-column-container.twocol div.column{
float:left;
display: inline;
width: 44%;
}

body#landing div#sub-column-container.twocol div.column.first{
padding: 0 4% 0 0;
margin: 0 0 0 2%;
background: transparent url("/_wssimages/divider.jpg") no-repeat right center;
}

body#landing div#sub-column-container.twocol div.column.last{
margin: 0 2% 0 4%;
}

body#landing div#sub-column-container.twocol div.column h2{
text-align: left;
}

body#landing div#sub-column-container.twocol div.column img{
float:left;
margin: 0 19px 0 0;
}

body#landing div#sub-column-container.twocol div.column a.learn-more{
margin-left: 135px;
}

/* Sub Landing pages
---------------------------------------------------- */

body#sub-landing div#content div#main-content{
width: 712px;
float: right;
display: inline;
margin: 10px 20px 36px 0;
height: auto;
min-height: 600px;
}

body#sub-landing div#main-column-container{
display: block;
clear:left;
}


/* 60/40 2 column pages
---------------------------------------------------- */

body#sub-landing div#main-column-container.sixty-forty-col div.column.first{
float:left;
display: inline;
width: 462px;
margin-top: 10px;
}

body#sub-landing div#main-column-container.sixty-forty-col div.column.last{
float: right;
display: inline;
width: 210px;
margin: 40px 20px 0 0;
}

/* 3 column pages
---------------------------------------------------- */

body#sub-landing div#main-column-container.three-col div.column{
float:left;
display: inline;
width: 29%;
margin-right: 4%;
}

body#sub-landing div#main-column-container.three-col div.column.last{
margin: 0;
}


/* Full Column Width Page
---------------------------------------------------- */

body#sub-landing div#main-column-container.full{
margin-right: 40px;
}


/*
----------------------------------------------------------------------------- 
Secondary Content
-----------------------------------------------------------------------------*/

/* index page specific styles
---------------------------------------------------- */

body#index div#content div#secondary-content{
float: right;
display: inline;
width: 169px;
margin: 0 20px 36px 0;
}

/* landing, Sub-landing page specific styles
---------------------------------------------------- */

body#landing div#content div#secondary-content,
body#sub-landing div#content div#secondary-content{
float:left;
display: inline;
width: 150px;
margin: 10px 0 36px 26px;
}

body#landing div#content div#secondary-content h1,
body#sub-landing div#content div#secondary-content h1{
color: #939397;
font-size: 23px;
font-family: "Helvetica Neue Bold Condensed" ; /* replace with sifr before launch */
}

body#landing div#content div#secondary-content ul,
body#sub-landing div#content div#secondary-content ul{
line-height: 16px;
}

body#landing div#content div#secondary-content ul ul,
body#sub-landing div#content div#secondary-content ul ul{
margin: 15px 0 15px 10px;
}

body#landing div#content div#secondary-content ul ul li,
body#sub-landing div#content div#secondary-content ul ul li{
padding: 0 0 0 15px;
margin: 0 0 10px 0;
line-height: 12px;
background: url("/_wssimages/li-bg-white.gif") no-repeat 0 3px;
}

body#landing div#content div#secondary-content ul li a,
body#sub-landing div#content div#secondary-content ul li a{
font-size: 12px;
color: #000;
font-weight: bold;
}

body#landing div#content div#secondary-content ul ul li a,
body#sub-landing div#content div#secondary-content ul ul li a{
color: #555555;
font-size: 11px;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

/*
div#footer-wrapper{
background: url(/_images/footer-wrapper-bg.png) repeat-x left top;
border-top: 4px solid #DF6D0E;
}

div#footer-buffer{
background: transparent url(/_images/footer-buffer-bg.png) repeat-y center top;

}

div#footer-content{
height: 143px;
background: url(/_images/footer-content-bg.png) repeat-x left top;

}

div#footer-content a{
color: #DDDDDD;
}

div#footer-content ul#footer-nav{
margin: 25px 0 0 0;
float:left;
margin-left: 33px;
}

div#footer-content ul#footer-nav li{
display: block;
line-height: 12px;
margin: 0;
float:left;
}

div#footer-content ul#footer-nav li a{
float:left;
padding: 0 0 0 15px;
background: transparent url(/_images/footer-li-bg.gif) no-repeat 0 2px;
margin: 0 14px;
}

div#footer-content div#spotlight{
background: url(/_images/spotlight-bg.png) repeat-x left top;
float:right;
display: inline;
width: 187px;
height: 210px;
}

div#footer-content div#spotlight h3{
margin: 20px 40px 0 36px;
color: #FFF;
}

div#footer-content div#spotlight div#ingram-logo{
width: 86px;
height: 36px;
background: url(/_images/footer-ingram-logo.png) no-repeat top left;
margin: 0 0 0 26px;
}
*/

div#footer-wrapper{
background: url("/_wssimages/footer-wrapper-bg.png") repeat-x left top;
border-top: 4px solid #DF6D0E;
height: 143px;
}

div#footer-buffer{
background: transparent url("/_wssimages/footer-buffer-bg.png") repeat-y center top;
}

div#footer-content{
background: url("/_wssimages/footer-content-bg.png") repeat-x left top;

}

div#footer-content a{
color: #DDDDDD;
}

div#footer-content ul#footer-nav{
margin: 25px 0 0 0;
float:left;
margin-left: 33px;
}

div#footer-content ul#footer-nav li{
display: block;
line-height: 12px;
margin: 0;
float:left;
}

div#footer-content ul#footer-nav li a{
float:left;
padding: 0 0 0 15px;
background: transparent url("/_wssimages/footer-li-bg.gif") no-repeat 0 2px;
margin: 0 14px;
}

div#footer-content div#spotlight{
background: url("/_wssimages/spotlight-bg.png") repeat-x left top;
float:right;
display: inline;
width: 187px;
height: 143px;
}

div#footer-content div#spotlight h3{
margin: 20px 40px 0 36px;
color: #FFF;
}

div#footer-content div#spotlight div#ingram-logo{
width: 86px;
height: 36px;
background: url("/_wssimages/footer-ingram-logo.png") no-repeat top left;
margin: 0 0 0 26px;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/


/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/

/* menustyle */
td#menutd a#menulink{
	color:#000000;
	font-size:10px;
}

td#menutd a#submenulink{
color:#555555;
margin-left:15px;
font-size:10px;
}

div#footer-content div#copyright{
float:left;
width: 600px;
margin-left: 45px;
margin-top: 45px;
color: #FFFFFF;
}