@charset "UTF-8";
/* CSS Document */
/* Colors: 

Orange - ff9000
Deep blue - 225d86
Main body bg - f5f5f5
*/

html { font-family: Helvetica, Arial, sans-serif; background: url(../images/global/bg_repeat.jpg) repeat-x;} 
body { background: url(../images/global/bg_middle.jpg) top center no-repeat;}
a { color: #ff9000; }
h3 a { color:  white; text-decoration:none;}
h3 a:hover { text-decoration: underline;}
#header { width: 891px; height: 80px; padding: 0 5px; margin: 0 auto 3px; background: url(../images/global/header.gif) top no-repeat; }
#header img { float: left; }
#header h1 { display: none; }
#header ul { float: right; }
#header ul li  { display: block; float: left; margin: 10px 0; padding: 20px 30px; font-size: 10px; text-align: center; text-transform: uppercase;border-left: 1px solid #ff9000;}
#header ul li#first { border: none; }
#header ul li a { color: #707070; text-decoration:none; }
#header ul li.active { background-color: #ff9000; padding: 30px 20px; margin: 0 -1px 0 0;}
#header ul li.active a { color: white; }
#header ul li.active + li { border: none;}

#wrapper, #clip { width: 890px;  margin: 0 auto;}
#clip { text-align: right; vertical-align: bottom;}

.diptych { background: url(../images/global/pageBgGradient.jpg) bottom repeat-x white; padding: 10px 0; color: #707070; }
.triptych, #footer { background-color: #225d86; background-image: none;color:white; padding: 10px 0; }
.triptych td,
.diptych td { padding: 0 30px 50px; vertical-align: top; }
.triptych td { border-right: #6f96b0 solid 1px; width: 33%;}
.diptych td.mainLeft { border-right: #cacaca solid 1px; width: 66%; }
.diptych td.mainRight { border-left: #cacaca solid 1px; width: 77%; }
.diptych td.tall {padding-bottom: 200px; }
.diptych h2 { font-size: 1.2em; font-weight: bold; color: #225d86; padding: 5px 0 8px; }
.triptych h3 { text-transform: uppercase; font-weight: bold; font-size: 0.875em; padding: 8px 0; }
.diptych h4 { font-size: 0.75em; margin: 2px 0 15px; line-height: 1.4em; font-weight: bold; }
.triptych p { font-size: 0.6875em }
.diptych p { font-size: 0.75em; margin: 2px 0 15px; line-height: 1.4em }
.diptych p span.sfe { color: #0066cc; }
.triptych img { float: right; margin: 60px 0 5px 5px; }

#sidebarNav { margin-bottom: 30px; }
#sidebarNav li { border-bottom: 1px solid #cacaca; text-transform: uppercase; font-size: 0.6em; color: #707070; padding: 1em; font-weight: bold;}
#sidebarNav li#last { border-bottom: none; }
#sidebarNav li a { color: #707070; text-decoration: none; }
#sidebarNav li.active a { color: #ff9000; text-decoration: none; }

#footer { margin-bottom: 0; }
#footer table td.mainLeft { border-right: #cacaca solid 1px; width: 66%; }
#footer table td { font-size: 0.6875em;  padding: 5px 30px 0;}
#footer table td p { padding: 5px 0; }

#footer ul { text-align: center; }
#footer ul li { display: inline; margin-right: 6px; }
#footer ul li a { color:white; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

td.borderless { border: none; border-right:none;} 
div.hr { margin: 50px 0 30px; border-bottom: 1px solid #cacaca;}
div.hr hr { display: none; }