body {margin: 0; padding: 0 340px 0 340px; text-align: center; background:url(../img/bg.jpg) repeat-x; font:normal 100.01% Arial;} body.inside{background:url(../img/bg_small.jpg) repeat-x;} #sizer {margin:0 auto; width:50%; /* here is the critical value for customizing the Jello behavior */ max-width: 300px; /* version for IE is at the bottom of this style block */} #expander{margin: 0 -340px 0 -340px; /* these side margins should be the same or slightly less than body paddings */ min-width: 730px; /* This prevents Safari from losing the negative margins in narrow windows */ position: relative;} /* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/ * html #expander {height:0;} /* */ /* helps IE get the child percentages right. */ #wrapper { width: 100%; } /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ .l{float:left} .r{float:right} .clear{margin:0; padding:0; clear:both; font-size:0.1em} img{border:0} span.pseudo_link{color:#0000FF; text-decoration:underline} /* http://positioniseverything.net/easyclearing */ .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1px;} .clearfix {display: block;} /* End hide from IE-mac */ /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #logoHeader{margin:10px 0 0 10px; padding:0; height:38px; text-align:left} #logoHeader img.logo{margin:0 0 0 0; float:left} #logoHeader ul{margin:0 0 0 0; padding:0; float:right; font-size:0.7em; color:#24478D} #logoHeader li.on{top repeat-y; font-weight:bold;} #logoHeader li.on a{color:#0a3da4} #logoHeader li{margin:0; padding:0 7px 0 0; float:left; list-style:none} #logoHeader li a{color:#fff; text-decoration:none} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_top{margin:0; padding:0; width:100%; background:url(../img/custom_corners_topleft.gif) top left no-repeat; text-align: left;} #container_top h1{margin:10px 0 0 0; padding:0; color:#9F1914; font:normal 1.9em "Arial Narrow";} #container_top h2{margin:5px 0 5px 0; padding:0; color:#616161; font:normal 1.2em "Arial Narrow";} #container_top h3{margin:10px 0 5px 0; padding:0; color:#149610; font:normal 1.3em "Arial Narrow";} #container_top h4{margin:5px 0 5px 0; padding:0; color:#113274; font:bold 0.9em "Arial";} #container_top p{margin:5px 0 5px 0; padding:0; color:#555; font-size:0.75em} #container_top div.top {margin:0; padding:1px 15px 15px 0; right:-8px; background:url(../img/custom_corners_topright.gif) top right no-repeat; position:relative; z-index:7; font-size:1.3em;} #container_top div.middle {margin:0; margin-top:-2em; padding:1px 15px 0 0; right:-8px; background:url(../img/custom_corners_right.gif) top right repeat-y; position:relative; z-index:8; } #container_top div.footer{margin:0; padding:0; height:9px; background:url(../img/custom_corners_bottomleft.gif) bottom #fff left no-repeat; position:relative; z-index:12; } #container_top div.footer div.footer_rhs{margin:0 -8px 0 0; padding:0; height:9px; font-size:0.1em; position:relative; z-index:13; background:url(../img/custom_corners_bottomright.gif) bottom right no-repeat;} #container_holder{margin:0 -190px 0 0; padding:0; width:100%; float:left; background:url(../img/book_bg_mid.gif) top repeat-x;} * html #container_holder{margin-left:4px} #dummy{} #content_top{margin:-1px 190px 0 0; padding:1px 0 0 10px;} #content_top img.book{margin-left:-10px} #container_top form input.img{width:auto; height:auto} #rhs_top{margin:0; padding:0 0 0 20px; width:160px; float:right; background:url(../img/container_top_rhs.gif) no-repeat #fff;} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_holder_home{margin:0 -190px 0 0; padding:0; width:100%; float:left;} * html #container_holder_home{margin-left:4px} #dummy{} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_img{margin:0 15px 0 -7px; padding:0; width:498px; height:271px; float:left;} #container_holder_home .excellence{background:url(../img/homepage-pic-james.jpg) no-repeat} #container_holder_home .empower{background:url(../img/homepage-pic-deepwaters.jpg) no-repeat} #container_holder_home .team{background:url(../img/homepage-pic-raft.jpg) no-repeat} #container_holder_home .potential{background:url(../img/homepage-pic-mountain.jpg) no-repeat} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #flash-holder{margin:0 15px 0 -7px; padding:0; width:498px; height:271px; float:left;} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_holder_home #newsletter-signup-home{margin:0; padding:0; float:left; width:60%} #container_holder_home #newsletter-signup-home h3{margin:10px 0 5px 0; padding:0; color:#9F1914; font:normal 1.3em "Arial Narrow";} #container_holder_home #newsletter-signup-home p{font-size:0.7em} #container_holder_home #form-home{margin:10px 0 0 0; padding:0 0 0 10px; float:left; border-left:1px dotted #ccc} #container_holder_home #form-home form {font-size:1em} #container_holder_home #form-home p{margin:0; padding:0; font-size:0.7em} #container_holder_home #form-home form ol{margin:0; padding:0 0 2px 0; list-style:none; list-style-image:none} #container_holder_home #form-home form ol li{margin:0; padding:0; clear:both; background:url(../../css/none)} #container_holder_home #form-home form label {margin: 2px 0 0 1px; padding:0; float:left; width:50px; display:inline; font-size:0.7em;} #container_holder_home #form-home form input {margin: 2px 0 2px 1px; padding: 0 3px; width:100px; border:1px solid #999; font-size:0.8em} #container_holder_home #form-home form input.butt{margin:2px 0 0 1px; width:100px;} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #rhs_top_home{margin:0; padding:0 0 0 0; width:185px; float:right; background:url(../../css/0) no-repeat #fff;} #rhs_top_home .box{margin:0 0 5px 0; background:url(../img/rhs_box1_bott.gif) bottom no-repeat; width:191px; } #rhs_top_home .box p{margin:5px 0 0 9px; padding:0 0 4px 0; font-size:0.7em; text-decoration:none; } #rhs_top_home .box{text-decoration:none; cursor:pointer;} /*-------------new ---------*/ #rhs_top_home .box a {text-decoration:none; color:#555;} #rhs_top_home .box.red{background-color:#F1DDDC} #rhs_top_home .box.green{background-color:#DCEFDB} #rhs_top_home .box.mustard{background-color:#F3EFCF} #rhs_top_home .box h3{margin:0 0 1px 0; padding:0 0 0 10px; font:normal normal "Arial Narrow" 1.1em; color:#fff; width:191px; height:27px; text-decoration:none;} #rhs_top_home .box h3 a{text-decoration:none; color:#fff} * html #rhs_top_home .box h3{width:181px; } #dummy{} /*-------------new ---------*/ #rhs_top_home .box.red h3{background:url(../img/rhs_h_red.gif) no-repeat} #rhs_top_home .box.green h3{background:url(../img/rhs_h_green.gif) no-repeat} #rhs_top_home .box.mustard h3{ background:url(../img/rhs_h_mustard.gif) no-repeat} * html #rhs_top_home .box.mustard h3{width:117px; } #dummy{} #rhs_top_home .box img.pic_book{margin:0 3px 0 0; float:left} #rhs_top_home .box img.e_book{margin:0px 0 0 3px; text-align:left; display:inline;} .cdLinks {font-size:0.7em; margin-top:2px; padding-bottom:5px; padding-left:65px;} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_smheader{margin:0; padding:0; width:100%; height:108px; background:url(../img/smheader_bg.gif) top left no-repeat;} #container_smheader_right{margin:0 -8px 0 0; padding:0; float:left; width:8px; height:108px; position:relative; background:url(../img/smheader_bg_right.gif) top no-repeat right} #container_smheader_pic{margin:4px -8px 0 4px; padding:0; height:104px; float:left; width:100%;} * html #container_smheader_pic{margin-left:2px} #container_smheader .potential{background:url(../img/header_mountain.jpg) no-repeat} #container_smheader .empower{background:url(../img/header_bridge.jpg) no-repeat} #container_smheader .team{background:url(../img/header_raft.jpg) no-repeat} #container_smheader .excellence{background:url(../img/header_deeperwaters.jpg) no-repeat} #container_smheader .field{background:url(../img/header_field.jpg) no-repeat} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_main{margin:0 -190px 0 0; padding:0; width:100%; float:left; clear:both; text-align:left} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #menu {margin:0 0 0 7px; padding:0 0 0 0; float:left; width:auto; background:url(../img/menu_start.gif) no-repeat top left;} * html #menu{width:660px} #menu ul {margin:0; padding:0 5px 0 5px; list-style:none; height:35px; background:url(../img/menu_end.gif) no-repeat top right; font:normal normal 18px "Arial Narrow"; font-size-adjust:none} #menu li {margin:0; padding:0 0 0 7px; float:left;} #menu a {margin:0; padding:5px 16px 4px 7px; height:30px; float:left; display:block; background:url(../img/menu_right.gif) no-repeat right top; text-decoration:none; font-weight:normal; color:#fff;} #menu a.last{background:url(../../css/none)} #menu a:hover {color:#oa3da4;} #menu #current {margin-left:-1px; background-image:url(../img/menu_left_on.gif);} #menu #current a {padding-left:7px; padding-bottom:0; font-weight:bold; background-image:url(../img/menu_right_on.gif); color:#fff;} /*............................................................................................*/ /*...........................................................................................*/ /*............................................................................................*/ #rhs{margin:5px 10px 0 10px; padding:0; width:170px; float:right;} #rhs blockquote{margin:5px; padding:5px 5px 10px 0; text-indent:23px; color:#222; font-size:0.8em; background:url(../img/quote_begin.gif) no-repeat top left} #rhs cite{margin:0 10px 0 0; padding:20px 0 0 0; color:#666; text-indent:0; font-size:0.75em; display:block; background:url(../img/quote_end.gif) no-repeat top right} #rhs .rhs-actions{margin:5px 0 5px 0; padding:3px 7px; width:166px; border:1px solid #C6E1C5; background:#DEF4DD} #rhs .rhs-actions h2{margin:5px 0; color:#149610; font:bold 1em Arial} #rhs .rhs-actions p{margin:3px 0 5px 0; padding:0; color:#494949; font-size:0.75em} #rhs .rhs-actions p.butt{margin:0; padding:5px 0 0 0; color:#fff; font:normal 1.5em "Arial Narrow"; background:url(../img/butt_green_bg.gif); height:36px; text-align:center; overflow:none} #rhs .rhs-actions p.butt a{color:#fff; text-decoration:none} #rhs .ad{margin:5px 0 0 0;} /*-------------new ---------*/ #rhs h2.mustard{margin:10px 0 5px 0; padding:0; color:#C5AD0F; font:normal 1.2em "Arial Narrow";} #rhs p{margin:10px 0 10px 0; padding:0; color:#222; font-size:0.8em; width:auto} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #lhs{margin:0 0 0 -170px; padding:0 1px 0 10px; width:142px; float:left; border-right:1px dotted #ccc} * html #lhs{margin-left:-80px} #lhs #submenu{margin:0; padding:0;} #lhs #submenu ul{margin:0; padding:0;} #lhs #submenu li{margin:0; padding:5px 0 5px 10px; background:url(../img/smenu_bg.gif) top no-repeat; list-style-image:url(../../css/0); list-style:none} #lhs #submenu li.on{background:url(../img/smenu_bg.gif) top repeat-y; font-weight:bold} #lhs #submenu li a{color:#0A3DA4; text-decoration:none} #lhs #newsletter-signup{margin:3px 0 0 0; padding:0 5px 10px 5px; background:url(../img/lhs_newsletter_top.gif) no-repeat} #lhs #newsletter-signup h2{margin:0; padding:5px 0 5px 0; color:#fff; text-align:center} #lhs #newsletter-signup h3{margin:0; padding:0 0 0 5px; color:#9F1914; font:bold 0.75em Arial} #lhs #newsletter-signup p{margin:0; padding:6px 0 0 5px; color:#333; font-size:0.7em} #lhs #newsletter-signup form ol{margin:0; padding:0} #lhs #newsletter-signup form ol li{margin:0; padding:0; list-style-image:none; list-style:none} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #content{margin:0 190px 0 10px; padding:0; clear:left} #cdseries #content {margin:10px;} #content.with-lhs{margin:0 190px 0 170px; padding:0 0 0 0;} #content h1{margin:10px 0 10px 0; padding:0; color:#9F1914; font:normal 1.7em "Arial Narrow";} #content h2{margin:10px 0 5px 0; padding:0; color:#616161; font:normal 1.5em "Arial Narrow";} #content h2.mustard{margin:0 0 5px 0; padding:0; color:#C5AD0F; font:normal 1.2em "Arial Narrow";} #content h2.topborder{margin:15px 0 15px 0; padding:5px 0 0 0; border-top:1px dashed #ccc} #content h3{margin:10px 0 5px 0; padding:0; color:#149610; font:normal 1.2em "Arial Narrow";} #content h3.num{margin:20px 0 -5px 0; padding:0; color:#149610; font:bold 0.9em "Arial";} #content h3.num span{margin:0; padding:2px; background:#eee; color:#149610; border:1px solid #bbb; border-width:0 1px 1px 0} #content h4{margin:10px 0 0px 0; padding:0; color:#051C4E; font:bold 0.9em Arial;} #content h4.permission{margin:30px 0 0px 0; padding:0} #content p{margin:10px 0 10px 0; padding:0; color:#222; font-size:0.8em; width:auto} #content p.note{padding:5px; background:#FFFFCC; border:1px solid #FFFF66; text-align:center} #content blockquote{margin:25px 0 0px 10px; padding:10px 5px 0px 0; width:85%; text-indent:23px; color:#222; font-size:0.8em; background:url(../img/quote_begin.gif) no-repeat top left} #content cite{margin:5px 0 0 10px; padding:5px 0 3px 0; width:85%; color:#666; border-bottom:1px dashed #ccc; text-indent:0; font-size:0.75em; display:block; background:url(../img/quote_end.gif) no-repeat top right} #content ul{margin:15px 0 10px 20px; padding:0; color:#222; font-size:0.8em;} #content ul li{margin:3px 0 3px 5px; padding:0; list-style-image:url(../img/bullet_red.gif); color:#555} #content li.tick{margin:3px 0 3px 5px; padding:0; list-style-image:url(../img/bullet_checklist.gif);} #content ol{margin:15px 0 10px 20px; padding:0; color:#222; font-size:0.8em;} #content ol li{margin:3px 0 3px 5px; padding:0; color:#555} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #container_main .col1{margin:0 10px 0 0; padding:0 10px 0 0; width:60%; float:left; background:url(../img/line_grey-fade.gif) top right no-repeat} #container_main .col2{margin:0; padding:0; float:left; width:30%} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ #footer{margin:20px 0 0 10px; padding:0; text-align:center; clear:both; width:96%; } #footer p{margin:0; padding:8px; color:#666666; font-size:0.75em} #footer p.bg{background:#F3F3F3} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ form {margin:0 0 0 0; padding:0; font-size:0.9em; color:#333} form ol{margin:0; padding:0 0 5px 0; list-style:none; list-style-image:none} form ol li{margin:0; padding:0; clear:both; background:url(../../css/none)} form ol li.error{background:#D72F08; color:#fff} form label {margin: 5px 0 5px 10px; padding: 0; clear:both; float:left; width:120px; text-align:left} form input {margin: 5px 0 5px 10px; padding: 0; width:110px; border:1px solid #999; color:#666} form textarea {margin: 5px 0 5px 10px; padding: 0; height:100px; width:250px; border:1px solid #999} form textarea.large{width:500px; height:80px;} form input.butt{margin:0 0 0 175px; padding:0; width:150px; clear:both; display:block; background:#9F1914; border:1px inset #E14E53; color:#fff; font-weight:bold} form.small label {margin: 3px 0 0 5px; padding:0; clear:both; float:left; font-size:0.95em; width:45px; text-align:right} form.small input {margin: 3px 0 3px 5px; padding: 0 3px; width:65px; border:1px solid #999; font-size:0.95em} form.small input.butt{margin:3px 0 0 5px; width:100px;} /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/ /* http://positioniseverything.net/easyclearing */ .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*............................................................................................*/ /*............................................................................................*/ /*............................................................................................*/