html, body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#425968; background:#ebebed url(../images/body-bg.gif) left top repeat-x;}

*{ margin:0px; padding:0px;}
a img{ border:0px;}
:focus {outline: 0;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

.alignright{ float:right;}
.alignleft{ float:left;}
.aligncenter, div.aligncenter { display: block;  margin-left: auto;  margin-right: auto; }
.alignnone{ height:0px; font-size:0px; clear:both; line-height:0px;}
.spacer{height:12px; font-size:0px; clear:both; line-height:0px;}
.spacer5px{height:5px; font-size:0px; clear:both; line-height:0px; }
.spacer2px{height:2px; font-size:0px; clear:both; line-height:0px; }


.wrapper{ width:100%;}
.container{ width:960px; margin:0 auto;}

.header{}
.middle{ width:100%;}
.footer{}
.widecolumn{ width:684px; }
.narrowcolumn{ width:262px;}
.narrowpad{ padding:25px 32px;}
.banner-home{ background:url(../images/banner-bg.jpg) center top no-repeat; height:270px; overflow:hidden;}

.banner-speaking{ background:url(../images/banner-speaking.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-speakingx{ background:url(../images/banner-speaking2.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-clients{ background:url(../images/banner-clients.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-contact{ background:url(../images/banner-contact.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-givingforward{ background:url(../images/banner-givingforward.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-resources{ background:url(../images/banner-resources.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-training{ background:url(../images/banner-training.jpg) center top no-repeat; height:270px; overflow:hidden;}
.banner-about{ background:url(../images/banner-about.jpg) center top no-repeat; height:270px; overflow:hidden;}



.bring-john{ line-height:34px; font-weight:bold; color:#fff; font-size:13px; padding:0 28px;  position:relative;} 
.join-john{/* position:absolute; */ margin:32px 0 0 605px; }
.join-john a{ position:absolute; font-size:13px; text-decoration:none; color:#f9ec00; background:url(../images/arrow.gif) left 4px no-repeat; padding-left:42px;display:block; width:125px; line-height:16px;}
.join-john a:hover{ text-decoration:underline;}
.experience{ /* position:absolute;*/ width:417px; height:92px; margin:39px 0 0 255px;}
.experience div{ text-indent:-9999px; width:417px; height:92px; background:url(../images/high-performance.png) left top no-repeat; margin-left:-20px; margin-top:100px;}




.logo a{ background:url(../images/logo-john-foley.gif) left top no-repeat; width:196px; height:78px; text-indent:-9999px; display:block; }


.gl-top{ background:url(../images/glade-bg-bot.gif) center bottom no-repeat; padding-top:0px;}
.gl-bot{ background:url(../images/glade-bg-top.gif) center top no-repeat; padding:20px 12px 18px 12px;}
.gl-bot p{ color:#fff; line-height:20px; padding-right:20px;}
.gl-bot em{ color:#fff200; padding-bottom:8px; display:block;}
.gl-bot a{ text-decoration:underline; color:#fff; padding-top:3px;}
.gl-bot a:hover{ text-decoration:none;}

/* navigation */ 
.navigation{   margin-top:3px; background:url(../images/nav-rep.gif) left top repeat-x;}
.navigation ul{ background:url(../images/navl-cor.gif) left top no-repeat; padding:0 25px 0 38px; height:30px;  }
.navigation li{ float:left;  padding-right:0px; padding-top:4px; padding-right:3px;} 
.navigation li a{ text-decoration:none; float:left; color:#fff; padding:0 0 0 14px; /*background: url(../images/nav-bg.gif) left -76px no-repeat;*/ font-size:12px; font-weight:bold; }
.navigation li a span{ float:left;  padding:0 14px 0 0px; /*background: url(../images/nav-bg.gif) right -114px no-repeat;*/ cursor:pointer;  line-height:18px; padding-bottom:2px; }
.navigation li a:hover, .navigation li a.active {background: url(../images/nav-bg.gif) left top no-repeat; color:#fff200; } 
.navigation li a:hover span, .navigation li a.active span{ background: url(../images/nav-bg.gif) right -20px no-repeat;}
.widecolumn  p.welcome-pera{ font-weight:bold; font-size:14px; color:#005daa; line-height:22px; padding-bottom:12px;}
.widecolumn-pad{ padding:0 28px;}
.bestbox{ width:290px;}
.post-title{ font-size:16px; color:#005daa; font-weight:bold; padding-bottom:8px;}
.widecolumn p{ font-size:12px; line-height:18px; padding-bottom:10px;}
.bestlist li{ background:url(../images/arrow-new.gif) left 5px no-repeat; padding-left:12px; padding-bottom:5px; line-height:16px; } 


/* Rules for the top corners and border */
.bt { background:url(../images/box.png) no-repeat 100% 0; margin:0 0 0 6px; height:6px; font-size:0px; line-height:0px; }
.bt div { height:6px; width:6px; position:relative; left:-6px; background:url(../images/box.png) no-repeat 0 0; font-size:0px; line-height:0px;}
.bb { background:url(../images/box.png) no-repeat 100% 100%; margin:0 0 0 6px; height:6px;font-size:0px; line-height:0px; }
.bb div { height:6px; width:6px; position:relative; left:-6px; background:url(../images/box.png) no-repeat 0 100%;font-size:0px; line-height:0px; }
.i1 { padding:0 0 0 6px; background:url(../images/brleft.png) left top repeat-y; }
.i2 { padding:0 6px 0 0; background:url(../images/brright.png) repeat-y right top; }
.i3 {/*background:url(images/i3bg.png) left top repeat; padding:5px 8px; position:relative; font-size:12px;*/}
/*------------------------------*/

.puttingbox{ width:320px;}
.whiteboxshed{ background:#e3e4e5 url(../images/lv-gray.gif) left top repeat-x;}
.whitebox h1{ color:#005daa; line-height:27px; font-size:26px; padding-left: 13px; padding-top: 13px; padding-bottom:10px;}
.inter-pera{ width:170px; line-height:18px; padding-left: 10px; padding-top: 10px; padding-bottom:10px;}
.inter-pera a, a.readmore{ text-decoration:underline; color:#425968;}
.inter-pera a span, a.readmore span{ font-size:14px; color:#00aeef;}
.inter-pera a:hover, a.readmore:hover { text-decoration:none;}
.what-peoplebox{ border-top:solid 1px #c7c9cb; padding-top:20px;}
.people-img{ position:relative; margin:0 12px 15px 0; float:left;}
.what-peoplebox p{ font-size:17px; font-weight:bold; line-height:24px;}
.what-peoplebox p span.clname{ font-size:12px; font-weight:normal; display:block;}
.what-peoplebox p span.clname strong{ font-weight:bold; }

.gbbox{ background:url(../images/gboxrep.jpg) center top repeat-y; }
.gbboxtop{ padding-top:20px; background:url(../images/gboxtop.jpg) center top no-repeat;}
.gbboxbot{ background:url(../images/gboxbot.jpg) center bottom no-repeat; padding:0 20px 0px 20px; color:#fff; line-height:19px; }
.gbboxbot h2{ color:#fff200; font-size:16px; padding-bottom:6px;}

.greenbox{ background:url(../images/grenboxrep.jpg) center top repeat-y; }
.greenboxtop{ padding-top:20px; background:url(../images/grenboxtop.jpg) center top no-repeat;}
.greenboxbot{ background:url(../images/grenboxbot.jpg) center bottom no-repeat; padding:0 20px 0px 20px; color:#fff; line-height:17px; }
.greenboxbot h2{ color:#fff200; font-size:16px; padding-bottom:6px;}

.ylbox{ /*background:url(../images/grenboxrep.jpg) center top repeat-y;*/ }
.ylboxtop{ padding-top:20px; background:url(../images/yltop.jpg) center top no-repeat;}
.ylbot{ background:url(../images/yl-bot.jpg) center bottom no-repeat; padding:0 20px 0px 20px; color:#fff; line-height:17px; }
.ylbot h2{ color:#fff200; font-size:16px; padding-bottom:6px;}

.breadcrumbs{ padding:10px 0; font-size:11px ; color:#425968;  text-align:right;}
.breadcrumbs a{ text-decoration:underline; padding:0 3px; color:#425968;}
.breadcrumbs a:hover{ text-decoration:none;} 

.widecolumn p.speaking-pera{ color:#425968; font-size:18px; font-weight:bold; line-height:24px;} 
.speaking-pera span.authername{ font-size:11px; display:block; font-weight:normal;}

.speak-video{ padding-bottom:20px;}
.speak-video .i3{ background:#fff; padding:10px 10px 5px 10px; }
.vd-img{ width:200px;}
.skybox{ width:388px;}
.skybox h3{ font-size:17px; color:#005daa; padding-bottom:3px; }
.skybox h3 span.time{ font-size:12px; font-weight:normal;}
.skybox p{ color:#4c4c4c; line-height:19px;}
.videolink{ border-top:solid 1px #c7c9cb;}
.watch{ background:url(../images/watch-icon.gif) left 2px no-repeat; line-height:25px; font-weight:bold; color:#00aeef; padding:0 4px 0 24px;}
.videolink{ color:#4d4d4d;}
.videolink a{ color:#4d4d4d; text-decoration:underline; padding:0 2px;}
.videolink a:hover{ color:#0061A1; text-decoration:none;}

.qs-table label { display:block; padding-top:10px; padding-bottom:10px;}
input[type=radio] {}

.pad-bt{ height:105px;}
.acc-title{ background:#055aa4 url(../images/tp-bg.gif) left top repeat-x; border:solid 1px #012d52; color:#f1faff; font-size:11px; font-weight:bold; padding:4px;}

.accprdian-title{ background:#c4f0fe url(../images/acc-title-bg.gif) left top repeat-x; border:solid 1px #eff8ff/*#cbe6ee*/; color:#0561a9; font-weight:bold; font-family:Verdana, Geneva, sans-serif; cursor:pointer;}

.accprdian-title h2{ text-decoration:none; color:#0561a9;  padding:7px 14px; display:block; font-size:12px; }
.accprdian-title h2{ /*background: url(../images/plus.gif) right -19px no-repeat;*/}
.accprdian-title h2.close{ /*background: url(../images/plus.gif) right 9px no-repeat;*/}
.acc-content{ border:solid 1px  #cbe6ee; border-top:0px; padding:4px; /*display:none;*/  }

.question{ padding:2px 7px; display:block; line-height:16px;}
.qs-table{ background:#e9e6e1;}
.qs-table td{ background:#fff;}
.qs-table td.qs-number{ background:#f0efe7; color:#66662d; }
.submit{ padding:6px 0 2px 0; text-align:right;}
.submit input{ background:#055ca5 url(../images/submit.gif) left top repeat-x;  border:solid 1px #1b598e; font-size:11px; font-weight:bold; color:#fff; padding:3px 5px; cursor:pointer;}

/* ------------ Resources Start ------------ */
table.register {width:auto; float:left;}
table.resources {width:280px; float:right;}
table.register td { padding-bottom:6px; font-weight:bold;}

#error_msg { color:#900; font-weight:bold; padding-top:20px; padding-left:10px;}
.survey h1 { }
.survey h2 { margin-bottom:5px; margin-top:10px;}
.survey h3 { }
/* ------------ End ------------ */

.videolibrary {width:182px; padding-left:16px; overflow:hidden;}