/* - GLOBAL
=========================================================================*/
* { margin: 0; }
html, body { height: 100%; }
html { font-size:101% }
body { font:.75em/1.5em Arial, Helvetica, sans-serif /* 12px font */; color:#6d6d6d; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc"); background: url(../images/bgTop-internal.jpg) repeat-x }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0; behavior:url("/css/pngfix.htc") }
img.right { float:right; margin-left:8px; }
img.left { float:left; margin-right:8px; }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#f79034; text-decoration:none; -moz-outline-width:0; outline:none; }
a:hover { text-decoration: underline; }
body.homepage { background: url(../images/bgTop.jpg) repeat-x }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.aligncenter { margin:0 auto }

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:2em /* 24px */; line-height:1em; color:#; padding:18px 0 12px }
h2, h3, h4, h5, h6 { line-height:normal; padding:10px 0 }
h2 { font-size:1.75em 	/* 21px */ }
h3 { font-size:1.5em 	/* 18px */ }
h4 { font-size:1.333em 	/* 16px */ }
h5 { font-size:1.167em 	/* 14px */ }
h6 { font-size:1em 		/* 12px */ }

/* lists 
 unordered */
ul { padding:.5em 2em }
ul ul { padding:0 2em }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square } 

/* ordered
ol { padding:.5em 2.333em }
ol ol { padding:0 2.333em }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman } */

/* paragraphs */
p { padding:10px 0 }
.strong { font-weight: bold }

/* - MAINWRAP
=========================================================================*/
#mainwrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -146px; width: 962px; }

/* - HEADER
=========================================================================*/
#header { background:url(../images/bgHeader.jpg) no-repeat; height:150px; width:962px; }

.logo {float:left; height:127px; width:237xpx; margin-top: -2px; }
*html .logo { margin-top: -8px; }

/* - NAVIGATION
=========================================================================*/
#tabs {width:860px; text-align:right; height:23px; padding-right: 102px; _padding-right: 102px; }
#tabs ul { padding-top: 12px; _padding-top: 12px; }
#tabs li { color:#FFF; font-size:12px; font-family: Helvetica, Arial, sans-serif; float:right; padding:4px 7px 0px 7px; _padding:4px 7px 0px 7px; border-right :1px solid #cbd2d5; text-transform:uppercase; line-height:normal; list-style:none; font-weight:bold; }
#tabs li.right, #tabs li.page-item-15 { border: none; }
#tabs li.space { margin-left: 32px; }
#tabs a { color:#FFF; font-size:9px; font-family: Helvetica, Arial, sans-serif; text-decoration:none; display:block; padding:0; text-transform:uppercase; line-height:normal; font-weight:bold; }
#tabs a:hover { text-decoration:underline;}
/* top navigation */
#navTop { color:#fff; font-weight: bold; font-size:12px; font-family: Helvetica, Arial, sans-serif; padding-top:87px; _padding-top:82px; height: 39px; }
#navTop ul { padding:0px; margin:0px;}
#navTop li { float:left; margin-right: 37px; list-style:none; }
#navTop a { display: block; color:#fff; line-height:normal; padding:0px 10px 26px 10px; _padding:0px 10px 26px 10px; }
#navTop a:hover { background:url(../images/navHover.jpg) repeat-x bottom; color:#fff; text-decoration: none; }

/*----- HOME SPLASH -----*/
#hpSplash { width:962px; height:311px; background:none; }


/*----- BODY HOMEPAGE -----*/
#hpBody { width:962px; float:left; clear:both; line-height:20px; padding-top:26px; margin-bottom:-25px; position:relative; z-index:5; }
#hpBody h1 { color:#001a4b; font-size:24px; font-weight:normal; padding: 0px 0px 22px 0px; margin:0;}
#hpBody h2 { color:#001a4b; font-size:16px; font-weight:normal; padding: 0px 0px 0px 13px; margin: 0px 0px 14px 0px; }
.hpdoublebox { width:323px; float:left; margin: 0px 40px 0px 0px; padding:0px 0px 0px 22px; font-size:12px; line-height:20px;}
.hpdoublebox img.btn { float:right; margin:-20px 0 0 0;}
.hpbox { width:181px; float:left; padding: 0; margin-right: 7px; line-height:normal;}
.hpbox img { margin:0px 0px 5px 0px; position:relative; padding:0px; width:181px; height:97px; }
.hpbox p { padding: 0px 0px 0px 13px; margin: 0px 0px 16px 0px; }
.hpdoublebox p { padding: 0; margin-bottom:33px;}

.indent { padding: 0px 0px 0px 13px; }

a.readmore { background: url(../images/arrow.gif) no-repeat 0px 2px; padding: 0px 0px 0px 13px; text-transform: uppercase; font-size: 9px; color: #f79034; }

/*----- INTERNAL -----*/


#inBody { width:962px; float:left; margin-top: 30px; }
#inBody ul { margin:0;}
#inBody li { padding:2px 0px; list-style:disc }
#inBody h1 { color:#001a4b; font-size:20px; font-weight:normal; padding: 0px 0px 30px 0px; margin:0; }
.req { border-left:solid 4px #f79034; padding:0px; margin:0px;}
.optional { margin-left:4px;}
/* internal splash */
#inSplash { width:364px; height:244px; padding:6px 5px 5px 6px; margin: 0px 0px 20px 0px; background:url(/images/bg-insplash.jpg) no-repeat; }
#left .leftBox  { width:360px; padding:0px 0px 0px 15px; margin: 0px 0px 20px 0px; }
#left .leftBox .title {color:#001a4b; font-size:20px; font-weight:normal; padding: 0px 0px 15px 0px; margin:0; display:block; }
#left .leftBox p { padding:5px 0;}
#left .leftBoxBottom  { width:360px; padding:0px 0px 0px 15px; margin: 0; }
#inSplashprojects { width:546px; height:445px; padding:8px; margin: 0px 0px 20px 0px; background:url(/images/bg-insplash-map.gif) no-repeat; }
#inSplashprojects img { width:530px; height:429px }
#leftprojects .leftBox  { width:526px; padding:0px 0px 0px 15px; margin: 0px 0px 20px 0px; }
/* internal splash */

#left { width:375px; float:left; margin: 0px 50px 0px 0px; }
#right { width:513px; float:left; padding:0; margin: 0;}
#right img {margin:10px;}
#right span.title {font-size:40px; color:#bac600; display:block; margin-bottom:33px;}
#right .subnav { float: left; width:513px; margin: 0px 0px 35px 0px; padding-bottom: 8px; border-bottom: solid #c6c6c6 thin;   }
#right .subnav ul {margin:0; padding:0;}
#right .subnav li {float:left; display: inline-block; margin: 0px 23px 0px 0px; list-style:none; padding:0;}
#right .subnav a  {color: #001a4b; }
#right .subnav a:hover { color: #f79034; text-decoration: none; }
#right .button {float:left; text-align:center; margin-right:15px;}
#right .button a { background:url(/images/bg-button.jpg) no-repeat; display:block; width:97px; height:22px; padding-top:2px; color:#3f371e }
#right .button a:hover { background:url(/images/bg-button-hvr.jpg); float:left; color:#0f0900;}

#leftprojects { width:546px; float:left; margin: 0px 32px 0px 0px;  xborder:solid 1px #000}
#rightprojects { width:360px; float:left; padding:0; margin: 0;}
#rightprojects .subnav { float: left; width:360px; margin: 0px 0px 35px 0px; padding-bottom: 8px; border-bottom: solid #c6c6c6 thin;   }
#rightprojects .subnav ul {margin:0; padding:0;}
#rightprojects .subnav li {float:left; display: inline-block; margin: 0px 23px 0px 0px; list-style:none; padding:0;}
#rightprojects .subnav a  {color: #001a4b; }
#rightprojects .subnav a:hover { color: #f79034; text-decoration: none; }
#rightprojects .button {float:left; text-align:center; margin-right:15px;}
#rightprojects .button a { background:url(/images/bg-button.jpg) no-repeat; display:block; width:97px; height:22px; padding-top:2px; color:#3f371e }
#rightprojects .button a:hover { background:url(/images/bg-button-hvr.jpg); float:left; color:#0f0900;}

.line { line-height:0; border-bottom:solid 1px #ccc; float:left; width:100%; margin:0; padding:0 }
.article { border-bottom:solid 1px #ccc; padding:10px;}
.article-title { font-size:14px; font-weight:bold; color:#6d6d6d; }

.affiliate-image { width:125px; vertical-align:middle; padding:0 0 20px }
.affiliate-image img { border:1px solid #ccc; padding:2px }
.affiliate-image img:hover { border-color:#f79034 }
.affiliate-text { width:386px; vertical-align:middle; padding:0 0 20px }

/* - FOOTER
=========================================================================*/
#footer, .footer-push { clear:both; height: 146px; /* .push must be the same height as .footer */ position:relative; z-index:1; }
#footer { font-size:11px; color:#909eb6; background: url(../images/bgBottom.jpg) repeat-x; }
#footer .content { width:962px; height: 44px; background: url(../images/bgFooter.jpg) no-repeat; margin:0 auto; padding-top: 95px;}
#footer ul { display:inline}
#footer li { display:inline}
#footer a { color:#8c664f; text-decoration:none; padding-left:15px;}
#footer a:hover { color:#c26400; text-decoration:underline;}
#footer a.claylink { color:#909eb6; text-decoration:none; padding-left:0px;}
#footer a.claylink:hover { color:#909eb6; text-decoration:none;}

/* - CONTENT
=========================================================================*/
#content { }