/* - GLOBAL
=========================================================================*/
html { font-size:101% }
body { font:.813em/1.5em Arial, Helvetica, sans-serif /* 12px font */; color:#323232; background:url(/images/bkg-MainWrap.gif) 0 373px repeat-x; margin:0 auto }
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:#165c80; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { color:#0198E3; text-decoration:underline }

/* - 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 { color:#121212; line-height:normal; word-spacing:-2px; padding:20px 0 0 }
h1, h2 { font-size:26px; padding:10px 0 }
h3 { font-size:20px }
h4 { font-size:18px }
h5 { font-size:16px }
h6 { font-size:14px }

/* lists */
/* unordered */
ul { padding:5px 0 5px 20px }
ul ul { padding:0 0 0 20px }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square }

/* ordered */
ol { padding:0 0 5px 25px }
ol ol { padding:0 0 0 25px }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman }

/* two column list */
.two-column-list li { float:left; width:30% }

/* paragraphs */
p { padding:3px 0 10px }
p.nopadbottom { padding-bottom:0 }

a.arrow { background:url(/images/arrow-blue.gif) 100% 5px no-repeat; padding:0 9px 0 0 }
h3 a.arrow { background-position:100% 50% }
h3 a.arrow:hover { text-decoration:underline }
a.arrow:hover { text-decoration:none }

/* - MAINWRAP
=========================================================================*/
#MainWrap { width:882px; min-height:350px; height:auto !important; height:350px; padding:50px 0 0; margin:0 auto }
#ColumnLeft, #ColumnLeft2, #ColumnRight { float:left; display:inline; width:369px; min-height:300px; height:auto !important; height:300px; padding:0 32px }
#ColumnRight { float:right; width:380px; padding:0 40px 0 13px }
#ColumnLeft.extend, #ColumnLeft2.extend { width:802px }
.end_column_left, .end_column_right { float:left; display:inline; clear:left; width:369px; padding:0 32px }
.end_column_right { float:right; clear:right }

/* - HEADER
=========================================================================*/
#Header { height:76px; background:#0e97df url(/images/bkg-Header.gif) 0 0 repeat-x; border-bottom:1px solid #06699c }
#Header .logo { float:left }
.header_content { width:885px; margin:0 auto }

/* - NAVIGATION
=========================================================================*/
#Navigation { float:left; padding:0 0 0 230px }
#Navigation li { float:left; list-style:none; font-size:14px; padding:34px 15px 0 0 }
#Navigation a { float:left; height:29px; color:#fff; white-space:nowrap; padding:0 14px 0 0 }
#Navigation a span { float:left; height:24px; padding:5px 0 0 15px }
#Navigation a:hover { background:url(/images/bkg-Navigation_hover_right.gif) 100% 0 no-repeat; text-decoration:none }
#Navigation a:hover span { background:url(/images/bkg-Navigation_hover_left.gif) 0 0 no-repeat }

body#nav-1 #Navigation a.nav-1,
body#nav-2 #Navigation a.nav-2,
body#nav-3 #Navigation a.nav-3,
body#nav-4 #Navigation a.nav-4,
body#nav-5 #Navigation a.nav-5 { background:url(/images/bkg-Navigation_hover_right.gif) 100% 0 no-repeat; text-decoration:none }
body#nav-1 #Navigation a.nav-1 span,
body#nav-2 #Navigation a.nav-2 span,
body#nav-3 #Navigation a.nav-3 span,
body#nav-4 #Navigation a.nav-4 span,
body#nav-5 #Navigation a.nav-5 span { background:url(/images/bkg-Navigation_hover_left.gif) 0 0 no-repeat }

/* - SPLASH
=========================================================================*/
#Splash { overflow:hidden; height:326px; background:#0198e3 url(/images/bkg-Splash.gif) 0 0 no-repeat; border-top:1px solid #31aded; border-bottom:11px solid #001440 }
body#nav-1 #Splash { background:#0198e3 url(/images/bkg-Splash_home.gif) 0 0 no-repeat }
#Splash.internal { height:284px }
#Splash .splash_text { width:1010px; height:326px; background:url(/images/splash-home.jpg) 0 0 no-repeat; margin:0 auto }
#Splash .splash_text h2 { position:relative; font-size:41px; color:#fff; letter-spacing:-1px; padding:0; margin-right:-65px }
#Splash .splash_text h2.onelines { padding-top:34px }
#Splash .splash_text h2.twolines { padding-top:17px }
#Splash .splash_text h2.threelines { padding-top:0 }
#Splash .splash_text h2 a { font-size:34px; color:#fff; background:url(/images/icon-splash_arrow.gif) no-repeat; padding:0 0 0 58px }
#Splash .splash_text h4 { margin:-5px 0 0 }
#Splash .splash_text h4 a { float:left; background:url(/images/icon-splash_arrow_small.gif) 0 8px no-repeat; color:#fff; padding:0 0 0 38px }
#Splash .splash_text h2 a:hover, #Splash .splash_text h4 a:hover { text-decoration:none }
#Splash .splash_text div { float:right; width:450px; color:#b6e2f8; padding:46px 35px 0 0 }
#Splash .splash_text div span { float:left; height:69px; padding:5px 0 5px 5px }

/* the banners */
#Splash.banner01 .splash_text { background:url(/images/splash-banner01.jpg) no-repeat }
#Splash.banner02 .splash_text { background:url(/images/splash-banner02.jpg) no-repeat }
#Splash.banner03 .splash_text { background:url(/images/splash-banner03.jpg) no-repeat }
#Splash.banner04 .splash_text { background:url(/images/splash-banner04.jpg) no-repeat }
#Splash.banner05 .splash_text { background:url(/images/splash-banner05.jpg) no-repeat }
#Splash.banner06 .splash_text { background:url(/images/splash-banner06.jpg) no-repeat }

/* - MIDDLE CALL TO ACTIONS
=========================================================================*/
#MiddleCalltoActions { position:relative; width:882px; height:161px; margin:-80px auto 0 }
#MiddleCalltoActions .cta { width:433px; height:161px; color:#686868; background:url(/images/bkg-cta_tab.png); margin-bottom:14px }
#MiddleCalltoActions h2, #MiddleCalltoActions b { display:block; font-size:24px; color:#3f3f3f; word-spacing:-2px; padding:24px 0 3px 50px }
#MiddleCalltoActions p { padding:0 30px 0 51px; margin-bottom:5px }
#MiddleCalltoActions a.learnmore, #MiddleCalltoActions a span { font-weight:bold; background:url(/images/arrow-blue.gif) 100% 5px no-repeat; padding-right:9px; margin-left:51px }
#MiddleCalltoActions a.green { color:#458016; background:url(/images/arrow-green.gif) 100% 5px no-repeat }
#MiddleCalltoActions a.green:hover { color:#000 }
* html #MiddleCalltoActions .cta { background:url(/images/bkg-cta_tab_ie6.gif) }

#MiddleCalltoActions.foursquare { height:270px }
#MiddleCalltoActions.foursquare .cta { height:128px; background:url(/images/bkg-cta_tab_small.png) }
#MiddleCalltoActions.foursquare .cta img { float:left; display:inline; margin:5px 0 0 9px }
#MiddleCalltoActions.foursquare b { font-size:20px; padding:40px 0 11px 0 }
#MiddleCalltoActions.foursquare a span { margin:0 }
#MiddleCalltoActions.foursquare a:hover { text-decoration:none }


/* - HOMEPAGE
=========================================================================*/
.logo_text { color:#686868; padding:7px 5px 24px 0 }
.logo_text .image { float:left; width:80px; height:80px; margin:5px 0 15px }

/* - FOOTER
=========================================================================*/
#Footer { float:left; clear:both; width:100%; height:76px; color:#858585; border-top:1px solid #e5e5e5; margin:30px 0 0 }
.footer_content { width:885px; color:#001340; margin:0 auto }
.footer_content span { display:block; padding:17px 0 0 34px }