/* Default Settings
----------------------------------------------- */
html, body {
border:0;
margin:0 auto;
padding:0;
}

body {
font:100%/1.3 Helvetica, Arial, arial, sans-serif;
background: #ab0534 url(/cssimages/bg.png) repeat-x center top;
color:#3b3b3b;
text-align:center;
}

p { margin: 0.5em 0; }

blockquote {
}

h1 {

}

h2 {
margin:10px 0 2px 0;
font:1.8em/1.4em georgia, Georgia, Times, serif;
}

.solutions h2 { margin:0 0 10px 0; }

h3 {
margin:5px 0;
font:1.5em georgia, Georgia, Times, serif;
color:#ab0634;
}

#content h3 a {
margin:5px 0;
font:1em georgia, Georgia, Times, serif;
color:#ab0634;
text-decoration:none;
background:transparent;
}

#content h3 a:hover {
margin:5px 0;
font:1em georgia, Georgia, Times, serif;
color:#ab0634;
text-decoration:underline;
background:transparent;
}

.solutions h3 {
font-size:1.1em;
}

h4 {
margin:10px 0 5px 0;
font:1.8em/1.4em georgia, Georgia, Times, serif;
color:7b7b7b;
display:block;
border-bottom:1px solid #7b7b7b;
}

h5, h7 {
margin:0 0 5px 0;
font:0.9em helvetica, arial, sans;
color:#ab0634;
text-transform:uppercase;
}

hr {
margin: 2em auto;
width: 100%;
height: 1px;
color: #7a7e7d;
background-color: #7a7e7d;
border: none;
}

small, .small {
font-size: 0.7em;
}

/* links
----------------------------------------------- */
a { color:#000; }
a:hover { color:#000; }


#site-name a {
border: none;
}

/*
.readmore a { 
text-decoration:none;
color:#3b3b3b; padding:2px 3px; background:#dbdbdb;
border:1px solid #ccc;
}
.readmore a:hover { 
text-decoration:none;
color:#fff; padding:2px 3px; background:#3b3b3b;
border:1px solid #000;
}
*/

.readmore a { 
text-decoration:none;
color:#ab0634; padding:2px 3px; background:#dbdbdb;
border:1px solid #ccc;
}
.readmore a:hover { 
text-decoration:none;
color:#fff; padding:2px 3px; background:#3b3b3b;
border:1px solid #000;
}

/* lists
----------------------------------------------- */
.home #content ul, .services #content ul, .programs #content ul, .resources #content ul, .about #content ul
{ 
margin:3px 0 3px 20px; 
}

.home #content ul li, .services #content ul li, .programs #content ul li, .resources #content ul li, .about #content ul li
{
margin:0 0 0 5px;
list-style-type: disc;
}

.services #content ul li { margin:6px 0 6px 5px; }

ol { margin:3px 0 3px 20px; }
ol li { margin:0 0 0 5px; list-style-type: decimal; }


/* tables
----------------------------------------------- */
/* table styling for the newsletter page */
.resources table { 
margin:0 0 30px 0;
width:100%;
background:#fff; 
border:7px solid #d3d3d3;
}
.resources table tr td { padding:20px 30px; border:1px solid #fff; }
.resources table tr td.newsletter-left { width:200px; border:1px solid #fff; }
.resources table tr td.newsletter-right { width:375px; border:1px solid #fff; }

/* table styling for the staff page */
.about table { 
margin:0 0 30px 0;
width:100%;
background:#fff; 
border:7px solid #d3d3d3;
}
.about table tr td { padding:20px 30px; border:1px solid #fff; }
.about table tr td.newsletter-left { width:150px; border:1px solid #fff; }
.about table tr td.newsletter-right { width:425px; border:1px solid #fff; }


/* layout
----------------------------------------------- */
#accessibility {
position: absolute;
top: -10000px;
}

#wrapper {
width:782px;
margin:0 auto;
text-align:left;
}

h1 {
margin:0 0 0 3px;
padding:0;
float:left;
width:300px;
height:83px;
background: url(/cssimages/wordcom.png) no-repeat top left;
text-indent:-20000px;
display:inline; /* fix double margin bug in IE6 */
}

/* client login button using sprites
----------------------------------------------- */
#client-login {
margin:0 3px 0 0;
float:right;
width:180px;
height:33px;
display:inline; /* fix double margin bug in IE6 */
background: url(/cssimages/client-login-btn.png) no-repeat;
position: relative;
}
#client-login li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
#client-login li, #client-login a { height:33px; display: block; }
#client-login-btn {left: 0px; width:180px;}

/* hover states */
#client-login-btn a:hover {
background: transparent url(/cssimages/client-login-btn.png) -0px -33px no-repeat;}


#banner-container {
/*
clear:both;
margin:0 auto;
padding:0;
text-align:center;
width:782px;
height:165px;
background: #f3f3f3 url(/cssimages/banner-bg-white.png) no-repeat top center;
*/
clear:both;
margin:0 auto;
padding:0;
text-align:center;
width:782px;
height:220px;
background: #f3f3f3 url(/cssimages/banner-bg-white.png) no-repeat top center;
}

.home #banner-container {
clear:both;
margin:0 auto;
padding:0;
text-align:center;
width:782px;
height:220px;
background: #f3f3f3 url(/cssimages/banner-bg-white.png) no-repeat top center;
}

#banner{ padding-top:10px; }

#container {
padding:0;
margin:0 auto;
text-align:left;
width:780px;
background: #f3f3f3 url(/cssimages/container-bottom.png) no-repeat bottom center;
}

#content-home {
font-size:0.8em;
line-height:1.5em;
padding:20px;
}

#content {
font-size:0.8em;
line-height:1.5em;
padding:20px 30px;
}

.entry-content {
margin-bottom:40px;
}

.home .entry-content {
margin-bottom:10px;
}

.left-column {
float:left;
width:140px;
}

.main-column {
margin:5px 0 10px 0;
float:right;
width:550px;
}

.left-column-programs {
float:left;
display:inline;
margin-left:10px;
width:260px;
}

.main-column-programs {
margin:5px 10px 10px 0;
display:inline;
float:right;
width:390px;
padding-bottom:10px;
border-bottom:2px solid #cbcbcb;
}

.program-wrap-featured {
margin:0 0 20px 0;
padding:10px;
background:#fefbb2;
border-top:1px solid #eeeba2;
border-bottom:2px solid #eeeba2;
}

.program-wrap-featured .left-column-programs {
float:left;
width:250px;
}

.program-wrap-featured .main-column-programs {
margin:5px 0 0 0;
padding:0;
float:right;
width:390px;
border-bottom:0;
}

.col1of3 {
padding:0;
margin:0;
float:left;
width:200px;
display:inline;
}

.col2of3, .col3of3 {
padding:0;
margin:0 0 0 40px;
float:left;
width:200px;
display:inline;
}

.left-column-half { float:left; width: 45%; }
.right-column-half { float:right; width: 45%; }

#footer {
margin:20px 0;
text-align:center;
color:#fff;
font-size:0.7em;
line-height:1.5em;
}

/* Home Page
----------------------------------------------- */
.home-intro { 
margin:0 5px; padding:0;
font:1.6em/1.3em georgia, Georgia, Times, serif;
color:#a6a27e;
color:#86825e;
}

.home-intro h2 { 
margin:20px 2px 0 2px; padding:0;
font:1.3em/1em georgia, Georgia, Times, serif;
color:#ab0634;
}

#home-boxes-top {
padding:0;
margin:0 auto;
width:740px;
height:40px;
background: url(/images/36.gif) no-repeat top center;
}

#home-boxes-mid {
padding:0;
margin:0 auto;
width:740px;
background: url(/images/43.gif) repeat-y top center;
}

#home-boxes-bot {
padding:0;
margin:0 auto;
width:740px;
height:40px;
background: url(/images/38.gif) no-repeat bottom center;
}

/* Hot Item
-----------------------------------------------
#home-boxes-top {
padding:0;
margin:0 auto;
width:740px;
height:40px;
background: url(/cssimages/three-boxes-top.gif) no-repeat top center;
}

#home-boxes-mid {
padding:0;
margin:0 auto;
width:740px;
background: url(/cssimages/three-boxes-mid.gif) repeat-y top center;
}

#home-boxes-bot {
padding:0;
margin:0 auto;
width:740px;
height:40px;
background: url(/cssimages/three-boxes-bot.gif) no-repeat bottom center;
}
*/

#homebox1 {
padding:0;
margin:0 0 0 40px;
float:left;
width:175px;
display:inline;
}

#homebox2 {
padding:0;
margin:0 0 0 70px;
float:left;
width:175px;
display:inline;
}

#homebox3 {
padding:0;
margin:0 0 0 70px;
float:left;
width:175px;
display:inline;
}

/*---------------------------------------------
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
----------------------------------------------- */
/* Main Navigation
----------------------------------------------- */

#navigation-container { 
margin:0 auto; padding:0;
width: 780px; height: 40px;
z-index:1000;
}

#navigation-container ul { margin:0; padding:0; } /* needed for ie5.5 */

#navigation {
width: 780px; height: 40px;
background: url(/cssimages/navigation.png);
margin: 0 auto; padding: 0;
position: relative;
z-index:1000;
}

#navigation li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
#navigation li, #navigation a { height:40px; display: block; }

.navHome {left: 0px; width:107px;}
.navServices {left: 112px; width:107px;}
.navPrograms {left: 224px; width:107px;}
.navSolutions {left: 336px; width:107px;}
.navResources {left: 448px; width:107px;}
.navAbout {left: 560px; width:107px;}
.navContact {left: 673px; width:105px;}

#navigation li a.tl { display:block; width:107px; height:40px; text-decoration:none; }

#navigation div {display:none; z-index:1000;}

/* Hover states for tabs */
#navigation li.navHome a:hover, .home .navHome a {
background: transparent url(/cssimages/navigation.png) -0px -40px no-repeat;
}
#navigation li.navHome:hover > a  { background: transparent url(/cssimages/navigation.png) -0px -40px no-repeat;
}

#navigation li.navServices a:hover, .services .navServices a {
background: transparent url(/cssimages/navigation.png) -112px -40px no-repeat;}
#navigation li.navServices:hover > a, .services #navigation li.navServices > a  { background: transparent url(/cssimages/navigation.png) -112px -40px no-repeat;}

#navigation li.navPrograms a:hover, .programs .navPrograms a {
background: transparent url(/cssimages/navigation.png) -224px -40px no-repeat;}
#navigation li.navPrograms:hover > a  { background: transparent url(/cssimages/navigation.png) -224px -40px no-repeat;}

#navigation li.navSolutions a:hover, .solutions .navSolutions a {
background: transparent url(/cssimages/navigation.png) -336px -40px no-repeat;}
#navigation li.navSolutions:hover > a  { background: transparent url(/cssimages/navigation.png) -336px -40px no-repeat;}

#navigation li.navResources a:hover, .resources .navResources a {
background: transparent url(/cssimages/navigation.png) -448px -40px no-repeat;}
#navigation li.navResources:hover > a  { background: transparent url(/cssimages/navigation.png) -448px -40px no-repeat;}

#navigation li.navAbout a:hover, .about .navAbout a {
background: transparent url(/cssimages/navigation.png) -560px -40px no-repeat;}
#navigation li.navAbout:hover > a  { background: transparent url(/cssimages/navigation.png) -560px -40px no-repeat;}

#navigation li.navContact a:hover, .contact .navContact a {
background: transparent url(/cssimages/navigation.png) -673px -40px no-repeat;}
#navigation li.navContact:hover > a  { background: transparent url(/cssimages/navigation.png) -673px -40px no-repeat;}

#navigation :hover div.pos1 {
width:530px; padding:0 0 10px 0;
display:block; background:#f3f3f3; position:absolute; left:0; top:38px;
border-left:1px solid #959595;
border-right:1px solid #959595;
border-bottom:1px solid #959595;
}

#navigation :hover div.pos2 {
width:400px; padding:0 0 10px 0; height:175px;
display:block; background:#f3f3f3; position:absolute; left:0; top:38px;
border-left:1px solid #959595;
border-right:1px solid #959595;
border-bottom:1px solid #959595;
}

#navigation :hover div.pos4 { 
width:180px; padding:15px 0 0 0;
display:block; background:#f3f3f3; position:absolute; left:0; top:38px;
border-left:1px solid #959595;
border-right:1px solid #959595;
border-bottom:1px solid #959595;
}

#navigation :hover div div {
border-right:2px solid #ddd;
border-bottom:2px solid #ddd;
}

#navigation :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:110px;}

/* pos2 specific */
#navigation :hover div.pos2 dl dt {margin:30px 0 10px 0; }

/* pos1 specific */
#navigation :hover div.pos1 dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:150px;}

#navigation :hover div.pos1 dl dt {margin:20px 0 10px 0; width:150px;}

#navigation :hover div.pos1 dl dt a {
width:150px; text-decoration:none; text-transform:uppercase; font-size:0.9em; font-weight:bold; color:#3b3b3b; padding:5px 2px;
height:1.8em; border-bottom:1px dotted #9b9b9b;
}
#navigation :hover div.pos1 dl dt a:hover {
text-decoration:underline;
}

#navigation :hover div dl dd {padding:0; margin:0; height:1.7em; }

#navigation :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:0.7em; color:#000; text-indent:5px; background:none; }

#navigation :hover div dd a:hover {text-decoration:underline; background:none; }

#navigation .clear {clear:both;}

#navigation :hover div dt a, #navigation :hover div dt a:link, #navigation :hover div dt a:visited, #navigation :hover div dt a:hover
{
background:none;
}

#navigation :hover div dt a img, #navigation :hover div dt a:link img, #navigation :hover div dt a:visited img {
display:block;
background:none;
margin:0; padding:0;
border:5px solid #e1ddc2;
}
#navigation :hover div dt a:hover img {
display:block;
background:none;
margin:0px 0; padding:0;
border:5px solid #c1bda2;
}


/* general classes
----------------------------------------------- */
.readmore {
text-align:left;
margin:3px 0 5px 0;
font-size:0.8em;
}

.padding30 { padding:20px 30px; }
.paddingLR30 { padding:5px 30px; }
.larger { font-size:1.1em; }


/* solutions QA slide javascript styles
----------------------------------------------- */
.marginbottom {  }
.marginbottom, .marginbottom a, .marginbottom a:link, .marginbottom a:visited, .marginbottom a:hover, .marginbottom a:active { 
/*background:url(/images/5.gif) left bottom no-repeat;*/
padding:5px 0 5px 0px; /* was 5 0 5 50 */
margin:15px 0 5px 0;
font:1.3em georgia, Georgia, Times, serif;
color:#ab0634;
text-decoration:underline; 
display:block;
}

.answer { margin:0 50px 0 0; padding:10px 15px; 
/*
background:#fff; border:1px solid #d3d3d3;
*/
}

.answer ul { margin:5px 0 5px 20px; }
.answer ul li {
margin:0 0 0 5px;
list-style-type: disc;
}

ul li.list-section { list-style-type:none; margin:3px 0; font-size:1.1em; font-weight:bold; }

/* white papers request form
----------------------------------------------- */
.whitepaper-form { margin:10px 0; padding:15px 40px; background:#fff; border:1px solid #d3d3d3; }


/* contact page
----------------------------------------------- */
#map-left {
float:left;
width: 267px; height: 400px;
margin: 0 auto; padding: 0;
position: relative;
}

#map {
float:right;
width: 450px; height: 242px;
margin: 0 auto; padding: 0; margin-top:80px;
position: relative;
z-index:1;
}
/*
#map ul {padding:0; margin:0; list-style-type:none; width:500px; height:242px; position:relative; background: url(/cssimages/regions-map-450.gif) no-repeat;}
#map img {border:0;}

.regions, .regions li { list-style-type:none; }

a#link1 { display:block; left:  0px; top:  0px; width:413px; height:165px; position:absolute; }
a#link2 { display:block; left:400px; top:  0px; width: 50px; height: 80px; position:absolute; }
a#link3 { display:block; left: 77px; top:70px; width:413px; height:167px; position:absolute; }

a:hover#link1 {background: url(/cssimages/regions-map-450.gif)   -0px  -242px no-repeat;}
a:hover#link2 {background: url(/cssimages/regions-map-450.gif) -400px  -484px no-repeat;}
a:hover#link3 {background: url(/cssimages/regions-map-450.gif)   -77px -796px no-repeat;}

#link1 span { display:block; position:absolute; left:-263px; top:302px; width:220px; height:45px; background: url(/cssimages/title-mw.gif) no-repeat; }
a:hover#link1 span { background: url(/cssimages/title-mw-hover.gif) no-repeat; }

#link2 span {display:block; position:absolute; left:-423px; top:302px; width:220px; height:45px; background: url(/cssimages/title-ne.gif) no-repeat; }
a:hover#link2 span {background: url(/cssimages/title-ne-hover.gif) no-repeat; }

#link3 span {display:block; position:absolute; left:142px; top:232px; width:220px; height:45px; background: url(/cssimages/title-sma.gif) no-repeat; }
a:hover#link3 span {background: url(/cssimages/title-sma-hover.gif) no-repeat; }
*/
.contact-col1 {
float:left;
width:220px;
display:inline;
margin:20px 18px 0 0; padding:0;
font-size:0.9em;
}

.contact-col2 {
float:left;
width:220px;
display:inline;
margin:20px 18px 0 0; padding:0;
font-size:0.9em;
}

.contact-col3 {
float:left;
width:220px;
display:inline;
margin:20px 0 0 0; padding:0;
font-size:0.9em;
}

.contact-col1 img, .contact-col2 img, .contact-col3 img {
margin-left:-3px;
}


/* news page
----------------------------------------------- */
.news-intro {
padding:10px 0;
margin:0 0 10px 10px;
border-bottom: 2px solid #CBCBCB;
}

.news-intro .entry-content { margin-bottom:0; }


/* error page
----------------------------------------------- */
.error-status {
margin:40px;
font: 1.5em Georgia, Times, serif;
}

.error-msg {
margin:40px;
}


/* clear floats
----------------------------------------------- */
.clear { clear:both; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* fix in IE/Mac */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
