/*----- ESSENTIALS -----*/
body { font:11px Arial, Helvetica, sans-serif; color:#515253; background:url(/images/bkg-Body.gif) 0 86px repeat-x; margin:0; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0; /* fixes the png image problem */ behavior:url("/css/pngfix.htc") }
ul, li { list-style-type:none; padding:0; margin:0 }
ol { padding:0 0 0 30px; margin:0 }
ol li { list-style-type:decimal }
h1, h2, h3, h4, h5, h6, p, form, input { padding:0; margin:0 }
a { color:#004a80 }
a:hover { color:#326b15; text-decoration:none }
/*----- ESSENTIALS -----*/

/*----- HEADER -----*/
#Header { width:660px; height:86px; color:#5b5b5b; margin:0 auto }
#Header .logo { position:relative; float:left; margin:0 0 -47px }
#Header #Headerbar { float:left; width:449px; height:37px; padding:9px 0 0 33px }
#Header #Headerbar b { font-size:15px; color:#1241b5 }
#Header #Headerbar .links { float:right }
#Header #Headerbar .links a { font-size:11px; color:#5b5b5b; text-decoration:none }
#Header #Headerbar .links a:hover { color:#004a80; text-decoration:underline }
/*----- HEADER -----*/

/*----- NAVIGATION -----*/
/* main header navigation */
#NavHeader { float:left; padding:0 0 0 18px }
#NavHeader a { font-size:14px; color:#5b5b5b; text-decoration:none; margin:0 0 0 22px }
#NavHeader a:hover { color:#004a80; text-decoration:underline }

/* left sidebar navigation */
#NavLeft b { font-size:12px; color:#004a80 }
#NavLeft li { border-bottom:1px solid #a8aebb; padding:4px 0 6px 2px }
#NavLeft li.end { border:0 }
#NavLeft ul { padding:0 0 0 10px }
#NavLeft ul li { border:none; line-height:15px; padding:3px 0 2px }
#NavLeft ul li a { color:#004a80 }
#NavLeft ul li a:hover { color:#1d3158; text-decoration:underline }
#NavLeft ul ul { padding:0 0 0 15px; margin:2px 0 -3px }
#NavLeft ul ul li { padding:0 }
#NavLeft ul ul li a { color:#1d3158 }
#NavLeft ul ul li a:hover { color:#326b15; text-decoration:underline }
#NavLeft a { color:#4f524d; text-decoration:none }
#NavLeft a:hover { color:#000 }
#NavLeft .nopad li { padding-top:0; padding-bottom:0 }

/* sub nav hide */
#subnav-team, #subnav-tagteam,
#subnav-articlelist1, #subnav-articlelist2, #subnav-articlelist3, #subnav-articlelist4, 
#subnav-training1, #subnav-training2, #subnav-training3, #subnav-training4 { display:none }

/* sub nav show */
body.ourteam #subnav-team { display:block }
body.ourteam.tagteam #subnav-tagteam { display:block }
body.articlelist1 #subnav-articlelist1, body.articlelist2 #subnav-articlelist2, body.articlelist3 #subnav-articlelist3, body.articlelist4 #subnav-articlelist4 { display:block }
body.training1 #subnav-training1, body.training2 #subnav-training2, body.training3 #subnav-training3, body.training4 #subnav-training4 { display:block }
/*----- NAVIGATION -----*/

/*----- SPLASH -----*/
#Splash { width:680px; height:226px; background:url(/images/bkg-Splash.jpg) 0 0 no-repeat; text-align:center; margin:0 auto }
/*----- SPLASH -----*/

/*----- WRAPPER -----*/
#ContentWrap { position:relative; width:660px; height:515px; line-height:17px; margin:-78px auto 0 }
#ContentWrap .left { width:190px; background:#d2daea; padding:0 16px }
#ContentWrap .right { width:402px; background:#eef0f4; padding:0 18px }
#ContentWrap .arrow-link { color:#004a80; background:url(/images/bullet-ArrowBlue2.gif) 0 5px no-repeat; text-decoration:none; padding:0 0 0 13px }
#ContentWrap .arrow-link:hover { color:#326b15 }

/* specific tags */
#ContentWrap h1, #ContentWrap h2, #ContentWrap h3, #ContentWrap h4, #ContentWrap h5 { font-size:20px; font-weight:normal; color:#004a80; line-height:normal; margin:16px 0 3px }
#ContentWrap h2 { font-size:18px }
#ContentWrap h3 { font-size:16px }
#ContentWrap h4 { font-size:14px; color:#316a14 }
#ContentWrap h5 { font-size:12px; font-weight:bold; color:#333333 }
#ContentWrap b { font-size:12px; color:#333333 }
#ContentWrap h1.small { font-size:14px; margin-bottom:0 }
#ContentWrap h4.small { font-size:11px; margin-top:0 }

/* homepage settings */
#Homepage #ContentWrap { font-size:12px; margin-top:0 }
#Homepage #ContentWrap .left { width:380px; background:#eef0f4; padding:0 18px }
#Homepage #ContentWrap .left p { border-bottom:1px solid #bec0c3; padding:0 0 20px }
#Homepage #ContentWrap .right { width:212px; background:#d2daea; padding:0 16px }
#Homepage #ContentWrap .right p { font-size:11px; border-bottom:1px solid #a8aebb; padding:11px 5px 10px 2px }
#Homepage #ContentWrap .right p.noborder { border:0 }
#Homepage #ContentWrap .right p.nopadding { padding-top:0; padding-bottom:0 }
#Homepage #ContentWrap .right p a { font-size:12px; color:#326b15; text-decoration:none }
#Homepage #ContentWrap .right p a:hover { color:#326b15 }
#Homepage #ContentWrap .right .arrow-link { font-size:11px; background-position:0 4px; color:#1d3158 }
#Homepage #ContentWrap .right .arrow-link:hover { color:#326b15 }
#Homepage #ContentWrap .arrow-link { color:#1d3158; background:url(/images/bullet-ArrowBlue2.gif) 0 4px no-repeat }

/* titles */
#ContentWrap .left .title { height:33px; background:#bcc6d7; padding:11px 0 0 16px; margin:0 -16px 11px }
#ContentWrap .right .title { min-height:24px; height:auto !important; height:24px; background:#d5dae0; padding:11px 18px 9px; margin:0 -18px 11px }
#ContentWrap .left .title h1, #ContentWrap .left .title h2,
#ContentWrap .right .title h1, #ContentWrap .right .title h2 { margin:0 }
#ContentWrap .title .title-link { float:right; margin:-5px -10px 0 0 }

/* list settings */
.list { padding:5px 0 5px 12px }
.list li { background:url(/images/bullet-ArrowBlue3.gif) 0 6px no-repeat; padding:0 0 0 12px }

/* general table codes */
.general-table { width:100%; border:1px solid #000; font-size:12px; background:#f5f5f5; color:#333333; margin:5px 0 }
.general-table td { border:1px solid #000; padding:3px }

/* image wrap text right */
.floatL-border { float:left; border:1px solid #000; margin:4px 5px 0 0 }
.floatR-border { float:right; border:1px solid #000; margin:4px 0 0 5px }
.floatL { float:left; margin:4px 5px 0 0 }
.floatR { float:right; margin:4px 0 0 5px }
/*----- WRAPPER -----*/

/*----- SIDE BY SIDE BOXES -----*/
.left-side-by-side, .right-side-by-side { float:left; min-height:296px; height:auto !important; height:296px; margin:7px 0 0 }
#ContentWrap .left-side-by-side h4, #ContentWrap .right-side-by-side h4 { margin:-3px 0 9px }
.left-side-by-side img, .right-side-by-side img { border:1px solid #bfcbe3; margin:0 0 10px }
.left-side-by-side { width:168px; background:url(/images/icon-amperstand.gif) 164px 0 no-repeat; border-right:1px solid #bec0c3; padding:0 19px 0 0 }
.right-side-by-side { width:168px; background:url(/images/icon-amperstand.gif) -24px 0 no-repeat; border-left:1px solid #bec0c3; padding:0 0 0 20px; margin-left:-1px }
/*----- SIDE BY SIDE BOXES -----*/

/*----- FOOTER -----*/
#Footer { width:660px; height:11px; color:#7b7c7e; background:url(/images/bar-IN-ContentWrapBtm.gif) 0 0 no-repeat; text-align:center; padding:23px 0 16px; margin:0 auto }
#Homepage #Footer { background:url(/images/bar-HP-ContentWrapBtm.gif) 0 0 no-repeat }
#Footer a { }
#Footer a:hover { }
/*----- FOOTER -----*/