/*-----------------modified Feb. 24, 2010 Ryder S Booth Display and Typography defined at the same time for classes and id's .pageHeightBooster - extend the white space at the bottom of the page -------------------------*/ /*------------------------- standard tag definitions -------------------------*/ html, body{background:url(../images/ui/background.png) repeat top left;/*height:100%*/;width:100%; font-size:100%;/*Resets 1em to 10px*/ font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;/* min-height: 100%;*/} hr{clear:both;top:0px;margin:0px;padding:0 0 20px 0;background:none;border:none; visibility: hidden; } p{margin:10px 20px; width: 450px } p h1{width: 450px;} h2 {width: 450px; margin-left: 20px;} a {color:#C75B12;text-decoration:none;} embed {display: block; margin: 0px auto;} strong{font-weight:bold;} b{font-weight: bold;} br {display: block; margin-bottom: 5px;} /*------------------------- wrapper and margin -------------------------*/ #wrapper{width:980px;margin:0 auto; height: 100%; min-height: 100%; display: block; } #margin{background:#5D6B70;padding:0 10px 10px; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } /*------------------------- masthead -------------------------*/ #masthead{background:#FFF url(../images/ui/hdrBkd.png) repeat-x top left;height:86px;background-color:#FD0; } #mastheadHome{background:#FFF url(../images/ui/hdrBkd.png) repeat-x top left;height:86px;background-color:#FD0; } #masthead h1{margin:0px; display: block; } #masthead h2{float:right;position:relative;display:block;margin:2px 10px 0 0; } #masthead a{margin: 0px; padding: 0px; } /*------------------------- main nav -------------------------*/ #mainNav{background:url(../images/ui/nav/navBkd.png) repeat-x 0 0;height:57px;width:960px; clear: both; display: block; margin: 0px; padding: 0px; top: 0px;} #mainNav ul{list-style:none;margin-left:50px; } #mainNav li{float:left;padding:20px 10px 16px 10px;font-size:13px;} #mainNav li a img{margin:5px; float: left;} /*#mainNav li a, { font-size:13px; padding:20px 5px 16px 5px;}*/ ul#mainNav li a { font-size:13px; padding:20px 5px 16px 5px; height: 39px; display: block; position: relative;} #mainNav li a:hover{color:#FF4D00;/*#e2983d; ligher color but the current color is consistent with the left nav*/} /*#mainNav li:hover{background:url(../images/ui/nav/navOverState.png) 0 0 repeat-x;} -removed because it was not preferred, the rollover behvior was found to be confusing when you couldn't click everywhere*/ .homeICON {margin-top: 10px; margin-right: 0px;} #mainNav li.mnSN {margin-top: 0px; padding: 17px 0 10px 0; } .homeICON:hover, .mnSN:hover {background: none;} .selected { color:#454545; } /* #mainNav li, #navRight a{font-size:13px;} #mainNav li a, #navRight li a{letter-spacing:0.05em;text-decoration:none;color:#C75B12;} #navRight a:hover{color:#7B2D0B;} #mainNav li a:hover, #navRight li a:hover{color:#424242;}*/ /*------------------------- main nav -------------------------*/ .navSpacer { margin-left: 35px; } .socNav {position:relative; float:left; top: 22px; } /*------------------------- content -------------------------*/ #content{ background:#F3F3F3 url(../images/ui/gen/lowerContBkd_light.png) repeat-x top left; padding:0px; margin: 0px; display: block; position: relative; width: 960px; /*top: -10px;*/ /* off by 10 pixels, need to use relative and -10px for top value */ } #contentHome{background:#F3F3F3 url(../images/ui/gen/lowerContBkd_light.png) repeat-x top left; padding:0px; margin: 0px; position: relative; width: 960px; display: block; /* off by 10 pixels, need to use relative and -10px for top value */ } .tableMargin{margin-left:20px;} /*------------------------- standard tag definitions -------------------------*/ /*------------------------ home page css ------------------------*/ .homeMOI { font-size: 1.2em; line-height: 140%; padding: 10px 0 0 20px; } .MOI { font-size: 1.8em; line-height: 120%; /*padding: 20px 0 0 0px;*/ } /*------------------------ home page left column ------------------------*/ #l_col{position:relative;margin-left:0px;width:640px;float:left; display: block;} #l_col.sub{position:relative;margin-left:0px;float:left;top:0px;} #l_col div.homeFlash{margin:0px 0px 0px 20px; padding: 0; border:none; display: block; position: relative; width: 620px; z-index: 1;} #l_col .ieSwfPos{margin:0px 0px 0px 20px;border:none; display: block; position: relative; width: 620px;} /*------------------------ home page right column ------------------------*/ #home_r_col{ position:relative; display: block; width:250px; float:left; top:0px; margin: 0 0 0 20px; padding: 0px;} #home_r_col h1{min-width:100%;border-bottom:1px solid #666;padding-bottom:0px;margin-bottom:10px;margin-top:20px;} #home_r_col h1 b{line-height:100%;padding-bottom:0px;} #home_r_col h1 a{margin-top:5px;text-decoration:none; font-size:.7em; line-height:100%;text-decoration:none;} #home_r_col ul{margin:10px 5px;display:block;position:relative;top:5px;width:270px;} #home_r_col ul li{margin:10px 20px 0 0;padding-bottom:5px;border-bottom:1px solid #CACACA;} #home_r_col li.noBorder{margin:10px 0 10px 0;padding-bottom:0px;border-bottom:none;} #home_r_col li.noBorder em{/*line-height: 120%; margin-bottom:*/ } #home_r_col li.noBorder a{font-size: .95em; margin: 5px 0 5px 0; display: block;} #home_r_col le.noBorder br{line-height: 0; margin-bottom: 3px;} /*#home_r_col .subPage{display:block;margin-left:720px;width:200px; top: 0px;}*/ .spacer{display:block;margin:5px 0;} .helped {background:#fff; border: solid 1px #d3d3d3; height:25px;/*margin:0 10px 0px;padding:3px 0 0 10px;*/ margin: 0; padding: 0; display: block; position: relative; width: 270px;} .helped em{width: 230px; margin: 0 auto; font-size:0.65em;font-weight:bold; text-decoration: none; display: block; position: relative; padding-top: 5px;} .helped p {width: 230px; margin: 0 auto; font-size: .6em; padding-top: 5px;} /*------------------------ social networking ------------------------*/ #socNet{background:url(../images/home/08_1229_socNet_bkd.png) no-repeat top left;width:255px;height:130px;position:relative;float:left; top: 5px;} #socNet h1{width:220px;border-bottom:none;padding-bottom:10px;position:relative;margin:10px 0 0 20px;left:5px;} #socNet h1 b{float:left;z-index:inherit;padding-bottom:2px;} #socNet p{position:relative;display:block;margin:15px 0;} #socNet p a{height:35px;} #socNet .left{float:left;position:relative;} #socNet .right{float:right;position:relative;} /*not the most elegant solution, but allows for png rollovers*/ #socNet #facebook{background:url(../images/home/socialNets/facebook.png) no-repeat top left;position:relative;width:90px;height:35px;float:left;left:20px;margin-right:30px;} #socNet #facebook:hover{background-position:0 -35px;} #socNet #youTube{background:url(../images/home/socialNets/youTube.png) no-repeat top left;position:relative;width:90px;height:35px;float:right;right:20px;margin:0 0 0 30px;} #socNet #youTube:hover{background-position:0 -35px;} #socNet #flickr{background:url(../images/home/socialNets/flickr.png) no-repeat top left;position:relative;width:90px;height:35px;float:left;left:20px;margin:10px 30px 0 0;} #socNet #flickr:hover{background-position:0 -35px;} #socNet #myspace{background:url(../images/home/socialNets/myspace.png) no-repeat top left;position:relative;width:90px;height:35px;float:right;right:20px;margin:10px 0 0 30px;} #socNet #myspace:hover{background-position:0 -35px;} #socNet #change{background:url(../images/home/socialNets/changeOrg.png) no-repeat top left;position:relative;width:90px;height:35px;float:left;left:20px;margin:10px 30px 0 0;} #socNet #change:hover{background-position:0 -35px;} /*------------------------ right column flash ------------------------*/ #home_r_col .rCol_flash{display: block; margin: 0px; padding: 0px; position: relative; clear: both; left: 0px; width: 255px; top: 0px;} #home_r_col li h4{font-size:.7em;letter-spacing:110%;/*used for dates*/margin-bottom: 5px; } #home_r_col .gi_sidebar{ font-style: normal; font-size: .8em; } /***********************css right col *******************layout*/ #r_col{position:relative;margin-left:655px;/*width:270px;*/top:60px;} #r_col h1{min-width:100%;border-bottom:1px solid #666;padding-bottom:0px;margin-bottom:10px;margin-top:20px;} #r_col h1 b{line-height:100%;padding-bottom:0px;} #r_col h1 a{margin-top:5px;text-decoration:none; font-size:0.9em;} #r_col ul{margin:10px 5px;display:block;position:relative;top:5px;width:270px;} #r_col ul li{margin:10px 20px 0 0;padding-bottom:5px;border-bottom:1px solid #CACACA; font-size:0.825em;} #r_col li.noBorder{margin:10px 0 0;padding-bottom:0px;border-bottom:none;} #r_col li a{line-height:100%;text-decoration:none; font-size: .8em;} #r_col.subPage{display:block;margin-left:720px;width:200px;margin-top:0px;} #r_col ul li h4{font-size:8px;letter-spacing:110%; line-height: 10px;/*used for dates*/ } li.noBorder h4 {/*line-height: 4px;*/ display: block; margin-bottom: 2px;} .spacer{display:block;margin:5px 0;} .bc, .bcWide, .bcWideCart, .bcNar{font-size:0.825em;} .bc h1, .bcWide h1, .bcWideCart h1{font-size:1.1em;letter-spacing:0.05em;margin:15px; width: 460px; display: block;} .bcNar h1 {font-size:1.1em;letter-spacing:0.05em;margin:15px; width: 300px; display: block;} .bcNar p{width: 300px;} .bcWide p {width: 440px;} .bc h1 a{font-size:0.6em;text-decoration:none;} .bc h3, .bcWide h3{/*full column spans for list*/ font-size:0.85em; /*font-variant: small-caps;*/} p strong{font-weight:bold;letter-spacing: .05 em;} .bc p em, .bcWide p em{font-style:italic;} .bc blockquote, .bcWide blockquote, .bcWideCart blockquote{font-style:italic;font-size:1.1em;line-height:1.7em;} .bc blockquote h1, .bcWide blockquote h1, .bcWideCart blockquote h1{font-weight:bold;letter-spacing:normal;font-style:normal;border:none;} .subPage{margin-top:10px;} blockquote{margin:0px 5px 0px 10px;padding:10px;font-size:1.2em;width:220px;float:right;border:1px solid #EEE;background:#FAFAFA;} blockquote em{font-size:0.7em;font-weight:normal;} .caption{font:italic 0.85em/100% Georgia, "Times New Roman", Times, serif;margin:10px 20px;letter-spacing:120%;max-width:450px; float: left;} .orangeCopy{/*for turning the names orange*/ color:#C75B12;} .gold{color:#C75B12; font-weight: bold; margin-top: 10px;} /***********************css donate button *******************layout*/ #donate{position:relative;display:block;width:214px;height:60px;margin:5px 0 0 25px;cursor:pointer;top:15px;text-align:center;} #donate:hover{} /***********************css home page news and events .nae *******************layout*/ .nae{width:300px;margin-left:20px;float:left;} .nae h1{width:300px;border-bottom:1px solid #666;padding-bottom:3px;float:left;margin-bottom:6px;margin-top:20px;} .nae h1 b{font-size:0.825em;float:left;font-weight:bold;z-index:inherit;line-height:100%;padding-bottom:2px;letter-spacing:0.15em;} .nae h1 a{font-size:0.9em;float:right;margin-top:5px;text-decoration:none;} .nae ul{width:290px;clear:both;margin-bottom:10px;} .nae li{margin:10px 0 10px 5px;line-height:130%;} .nae li a{font-size:0.825em;line-height:120%;} /*promo defines the 3 part promo on the homepage **********************css home page promo *******************layout*/ #promo{width:640px;margin-left:10px;position:relative;float:left;} #promo ul{list-style:none;} #promo ul li{float:left;padding:5px;} #promo ul li h1{border-bottom:1px solid #666;padding-bottom:3px;float:left;margin-bottom:6px;} #promo ul li h1 b{float:left;z-index:inherit;line-height:100%;padding-bottom:2px;} #promo ul li h1 a{float:right;margin-top:5px;} #promo ul li img{height:80px;width:80px;float:left;margin-right:5px;} /***********************css subpage leftnav *******************layout*/ #leftnav{width:150px; float:left;position: absolute; display: block;top: 0px; left: 15px; } /*#lNav{background: #fff url(../images/ln/ln_bkd_long.png) no-repeat; overflow: hidden;}*/ /***********************css body content *******************layout*/ .bc{display:block; position:relative; width:450px;float:left;} .bcWide{display: block; position: relative; background:url(../images/ui/bcWide_columnBkd.png) repeat-y; width:725px; margin:0 0 0 180px; top: 0px; /* was float: left, but the float was behaving badly */ } .bcNar{display: block; position: relative; background:url(../images/ui/bcWide_columnBkd.png) repeat-y; width:725px; margin:0 0 0 180px; top: 0px; /* was float: left, but the float was behaving badly */ } #bottomCap{ background:url(../images/ui/bcWide_bottomCap.png) no-repeat;width:725px; height:15px;margin:0 0 0px 180px; padding: 0px; clear:none; position: relative; display: block; padding-bottom: 20px; } /* form page fo bottom cap */ #fp_bottomCap{ background:url(../images/ui/bcWide_bottomCap.png) no-repeat;width:725px; height:15px;margin:0px 0 0px 0px; padding: 0px; clear:both;; position: relative; display: block; top: 15px; } .bcWideDark{ background:url(../images/ui/bcWideDark_columnBkd.png) repeat-y; display:block; position:relative; width:725px; margin-left: 180px; min-height:100%; top: 0px; } .bottomCapDark{ background:url(../images/ui/bcWideDark_bottomCap.png) no-repeat;width:725px;height:15px;margin-left:180px;float:left;clear:none; position: relative; } #l_col.sub .bc{ margin-left:20px; } .topHeading{ margin-top:20px;border-bottom:none; } img.hdr { /*padding: 20px 0 20px 20px; position: relative; zoom: 1;*/ /*float: left;*/ margin: 20px 0 20px 20px; } /***********************css sidebar *******************layout*/ .sidebar{ float: right; font-size: .9em; width: 190px; position: relative; right: 20px; top: 10px; } .sidebarCart{ position: relative; width: 130px; margin:0 auto; display: block; } .sidebar strong{ font-weight: bold} .sidebar p{width: 160px; margin: 10px auto;} .sidebar h1 {margin: 0 0 10px 5px; width: 170px; display: block; position: relative; border-bottom:1px solid #666;} .sidebar img{ position: relative; margin: 0 auto; display: block; } .gi_sidebar{ width: 150px; float: right; position: relative; display: block; } /***********************css headings *******************layout*/ .bc h1, .bcWide h1{padding:0 0 0.05em;border-bottom:1px solid #999;} h1.section {width:460px; margin: 10px 0; padding: 20px 0 0 20px; } .section {width:460px; margin:20px 0 10px 20px; padding: 10px 0 0 20px; position: relative; display: block;} .section2 {width:460px; margin:20px 0 10px 20px; padding-top: 20px; font-size: 16px; position: relative; display: block;} h1.sectionThin {width:300px; left: 5px; position: relative; display: block; float: left;} h1.bios { width: 680px; display: block; position: relative; left: 5px; } .bc h1 a{position:relative;float:right;top:8px;} .bc h2, .bcWide h2{/*full column spans for list*/ display:block;background:#FFF;border-bottom:2px solid #AAA;clear:both;} h2 strong{font-weight: bold;} .bc h3, .bcWide h3{/*full column spans for list*/ margin:-10px 0 0 20px; padding: 0;position: relative;} .bc h2 strong{display:block;padding:5px 0 2px 5px;font-weight:bold;} .ssGroupCap{margin:0px;padding:0px;display:block;top:-5px;position:relative;} .icon{position:relative;margin:0 5px 0 0;top:7px;} .rtFloat{position:relative;margin:10px 0 10px 10px;float:right;border:none;} /*.bc, .bcWide { list-style: square; } do not think this has any value*/ .insetBlock{display:block;position:relative;left:20px;width:300px;} /***********************css icons *******************layout*/ .icn_seeBrochure{background:url(../images/ui/gen/icon_document.png) no-repeat 5px 0px;} .icn_signUp{background:url(../images/ui/gen/icon_signUp.png) no-repeat 5px 0px;} .icn_moreInfo{background:url(../images/ui/gen/icon_moreInfo.png) no-repeat 5px 0px;} .icn_goUrl{background:url(../images/ui/gen/icon_goWWW.png) no-repeat 5px 0px;} /***********************css floats *******************layout*/ .pFloatLeft{float:left;display:block;} .pFloatRight{float:right;} img.floatRight{float:right;margin:0 20px;} .floatRight{float:right;margin:20px;right:5px;} #atTop{margin-top:0px;} /*image floats*/ img.floatLeft{float:left; display: block; margin:10px; /*clear:left;*/} /* used in faq */ /**** l_leftCol and l_rightCol are for the donors list ****/ .l_leftCol{width:325px;float:left;text-align:right;line-height:120%;} .l_rightCol{width:325px;float:right;text-align:left;line-height:120%;} /* fix for mif page colums */ .l_leftColAlt{width:225px;float:left;text-align:right;line-height:120%;} .l_rightColAlt{width:225px;float:left;text-align:left;line-height:120%; margin-left: 20px;} .l_rightCol li, .l_leftCol li{margin:10px 0; line-height:105%;} ul.l_rightColAlt li {margin: 0 0 10px 0;} /*------------------------- lists 10.1.3-rsb combining type and display values -------------------------*/ ul.reg{margin:20px 20px 10px;padding-left:15px;list-style:none; font-style:normal;/*font-size: .825em;*/} ul.reg li a p{display:block;font-weight:bold;font-size:1em;margin:0 0 10px;} .l_awards{text-align:center;} .l_awards li{width:600px;margin:0 auto; font-weight:normal;} .l_awards li.bbd{border-bottom:1px solid #EEE;} /* box bottom border */ .l_awards li img{margin:10px;} ul.l_archList{display:block; position:relative;} ul.l_archList h2{margin:0 0 10px 10px;} ul.l_archList li{display:block;margin:0px 0 0px 10px;padding:0px 0 0px 30px;} .l_articleList li{margin:5px 0 10px 20px; line-height:120%; /*font-weight:bold;*/} .l_articleList li em{display:block;font-weight:normal; font-size:0.75em;letter-spacing:140%;font-style:italic;margin-bottom: 3px; line-height: 100%} .l_articleList li h4{display:block;font-weight:normal;} .l_articleList li p{font-size:0.75em;letter-spacing:140%;margin:0px;padding:0px;margin-bottom: 3px;} .l_articleList li strong{font-weight:normal;font-size:1em;letter-spacing:110%;line-height:120%;} .centeredList{letter-spacing:120%;} ul.l_events h1{float:left;clear:both;width:580px;/*height: 30px;*/ display:block;position:relative;margin:0;/*left: 30px;*/ font-weight:bold;letter-spacing:120%;margin:20px 10px 5px 20px; } /*ul.l_events h1{width: 580px; margin-left: -20px;}*/ ul.l_events {display: table;} ul.l_events li{margin:10px 20px 20px 20px;padding:0 0 20px;border-bottom:1px solid #CCC;float:left;width:690px; display:block;/* height: 100%; */ } /* !working on events */ ul.l_events li h1{ width:110px;margin:0;padding:40px 0;border:none; display:block; margin-left: 5px; float: left; font-size:100%;letter-spacing:0em; font-weight:normal; line-height: 1.2em; font-weight:bold; } ul.l_events li h2{width:360px;margin-left: 20px; padding:5px;border:none; float: left; clear: none; background: #fafafa; border: solid 1px #f3f3f3; -webkit-border-radius: 5px; -moz-border-radius: 5px; min-height: 100px;} ul.l_events li h2 p{margin-left: 0px;} ul.l_events li h2 a.callout{ background:url(../images/ui/gen/moreInfo_arrow.png) 0 0 no-repeat; padding: .2em 0 0 25px; height: 30px; display: block; } ul.l_events li h2 strong{ font-weight: bold; font-size: 97%; letter-spacing: .05em; font-size:1.2em; } ul.l_events li h2 strong.inline{ font-weight: bold; font-size: 97%; letter-spacing: .05em; font-size:1.0em; } .l_events li h3{width:100px; padding:40px 0; border:none; clear:none; margin-left: 20px; float: left; clear: none; font-size: 100%; margin-top: 0px; } .l_events li em{ font-style: italic; } .l_mindList li{background:url(../images/ui/bullets/bullet1.png) 0px 0px no-repeat; margin:10px 0 10px 20px;padding-left:25px;width:450px; line-height: 120%;} .l_events li h1{ } .l_events li h2 strong{} .l_mindList li=strong {font-weight: bold; } .l_mindList li.one{background:url(../images/ui/bullets/bullet1.png) 0px -2px no-repeat; margin:5px 0 13px 20px;padding-left:25px;width:450px;} .l_mindStaff li{margin:5px 0 10px 20px; line-height:1.2em;} .l_mindStaff li strong {width:400px;margin-left:0px; font-weight: bold; font-size: 1.2em;line-height:1.0em;} .l_mindStaff li em{margin:0px;padding:0px;display:block; font-style:italic;line-height:1.0em;} .bc ul.mindStaff li em, .bcWide ul.mindStaff em{font-style:italic;} .l_mindStaff li p{margin:0px;padding:0px; width: 400px; font-size:0.75em;line-height:1.2em; } /* for cc */ .l_mindStaff300 li{margin:5px 0 10px 20px; line-height:1.2em; width: 300px} .l_mindStaff300 li strong {width:300px;margin-left:0px; font-weight: bold; font-size: 1.2em;line-height:1.0em;} .l_mindStaff300 li em{margin:0px;padding:0px;display:block; font-style:italic;line-height:1.0em;} .bc ul.mindStaff li em, .bcWide ul.mindStaff em{font-style:italic;} .l_mindStaff300 li p{margin:0px;padding:0px; width: 300px; font-size:0.75em;line-height:1.2em; } /* !donor list */ .l_namesMid{text-align:center;line-height:160%;padding:15px 0;} .l_namesMid460{text-align:center;line-height:160%;margin:15px 0; width: 460px; display: block;} .img460{width: 460px; display: block; margin: 10px 0 10px 20px;} h1.w460 {width: 460px; display: block; border-bottom: solid 2px #ccc; font-size: 1.4em;} .aadSponsors{ font-size: 16px; margin: 40px 0 0 20px} .l_namesLeft{float:left;width:280px;margin-left:20px; display: block; position: relative;} .l_namesLeft em, .l_namesRight em{margin:0px;padding:0px;display:block;} .l_namesLeft li, .l_namesRight li{margin-top:10px;} /* aad list mod - 9.8.2010 rsb */ .l_namesLeft460{float:left;width:220px;margin-left:20px; display: block; position: relative;} .l_namesLeft460 li em, .l_namesRight460 li em{margin:0px;padding:0px;display:block; margin-left: 10px;} .l_namesLeft460 li, .l_namesRight460 li{margin-top:10px;} .l_namesRight460{display: block; position: relative; float:left;width:220px;margin-left:20px;} ul.l_namesLeft460 li p, ul.l_namesRight460 li p{font-size:0.75em;line-height:1.2em; display: block; position: relative; margin-bottom: 5px;} .plat {font-size: 120%;margin: 10px 0;} ul.l_namesLeft li p, ul.l_namesRight li p{margin:0px;padding:0px; width: 100%;} .l_namesRight{display: block; position: relative; float:left;width:280px;margin-left:20px;} ul.l_namesLeft, ul.l_namesRight{line-height:1.2em;} ul.l_namesLeft li em, ul.l_namesRight li em{font-style:italic; line-height:1.2em; display: block; /*font-style: normal;*/} ul.l_namesLeft li strong, ul.l_namesRight li strong{/*font-size: 1.2em;line-height:1.0em;*/ display: block;} /*2010 Sept 13 - commented out to make title and company same font style */ ul.l_namesLeft li p, ul.l_namesRight li p{font-size:0.75em;line-height:1.2em; display: block; position: relative; margin-bottom: 5px; margin-top: 5px;} .l_numListS { list-style-type: decimal; list-style-position: outside; padding: 0; margin: 0; position: relative;; display: block;} .l_numListS li{margin:5px 0 10px 30px ; list-style: decimal; padding: 0 0 5px 0;} .l_topicsLeft, .l_topicsRight{position: relative; display: block; margin-left: 20px;width:280px;float:left; line-height:2em; } ul.l_topicsLeft li strong, ul.l_topicsRight li strong{/*margin-bottom: 20px; */padding-bottom: 2px; /*font-weight: normal;*/} .l_topicsLeft ul li, .l_topicsRight ul li{width: 270px; margin-bottom: 5px;} .l_topicsLeft ul li ul li, .l_topicsRight ul li ul li{margin-left: 5px; width: 240px;} .l_topicsLeft h1, .l_topicsRight h1{width:100%; border-bottom: solid 2px #ccc;} .l_prodList li{display:block;margin:5px 0 10px 10px;padding:0px 0 10px 30px;} .l_numList li{display:block;margin:5px 0 10px 10px;padding:0px 0 10px 30px; list-style: decimal;} .l_prodList li a{font-weight:normal;} .l_sideBar li{width:100%; font-size:0.825em;} .l_simpleList li{list-style-type:circle; background: none; /*margin:0px 0 0px 2px;*/padding-left:5px; list-style-position:inside; font-size: .825em; line-height: .5em;} .l_test{width:450px;margin-left:20px;} .l_test li{margin-bottom:10px;} .l_test li h1{margin:0px;padding:0px;border:0px solid #000000; font-size:0.75em;} /*list and spry element wrappers*/ .listWrapper{/*margin:10px 20px;*/ /*float: left;*/} .listWrapper h2{/*padding:5px 10px 2px;*/} .accordionWrap, .twentyPixWrap, .listWrapper{ /*encloses lists with a wrapper so that they don't butt up to the edge of the wide column*/ display:block; width:690px; margin:0 20px;} #topRow { padding: 3px 0; } .lCurrent {font-weight:bold;} /*ol{list-style-type:decimal;}*/ /***********************css screen shot positioning .ss *******************layout*/ .ss{} .ss li{margin:5px 20px;} .ss p{margin:0px;padding:0px;display:block;border-top:1px solid #EEE;} .ss img{display:inline;border:1px solid #C2943f;margin:0 5px 5px 0;} /***********************css form elements *******************layout*/ .formTop{background:url(../images/ui/form/mindformTopCap.png) no-repeat;height:20px;width:600px;margin:0px 20px 0px 20px; display: block; position: relative; } .formBottom{background:url(../images/ui/form/mindFormBottomCap.png) no-repeat;height:20px;margin:0px 20px 0 20px; display: block; position: relative; z-index: 100;} form.mindForm{background:url(../images/ui/form/mindformContent.png) repeat-y;width:600px;margin:0px 20px; display: block; position: relative;} form.mindForm fieldset legend{display:block;position:relative;margin:10px;padding:5px;} form.mindForm fieldset legend strong{display:block;margin-top:-0.5em;width:475px;border-bottom:1px solid #FCFCFC;} form.mindForm ul{list-style:none;} form.mindForm ul li{display:block;width:480px;padding-left:10px;margin-bottom:15px;} form.mindForm ul li label{ position: relative; cursor:pointer;width:245px;text-align:right;float:left;height:20px; top:5px; right: 5px;} form.mindForm ul li label strong{ font-weight: bold;} form.mindForm p{ background:#fff; border:1px solid #ab9f22;margin:10px 20px 10px 20px; width: 440px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} form.mindForm fieldset ul li fieldset, textarea{margin-left:23.5em;} form.mindForm fieldset ul li select {width: 150px;} /*form.mindForm ul li input, select, checkbox*/ #INVALID-RULE{float:left;height:15px;border:1px solid #C75B12;background-color:#FAFAFA;margin-left:5px;} .mindCheckbox{border:1px inset #C75B12;/*background-color: #fafafa;*/ margin-left:5px;padding:0px; top:5px; position: relative;} form.mindForm textarea{position: relative; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; float:left; width:200px; overflow:auto; background-color:#FAFAFA; border:1px inset #C75B12; margin-left:245px;top: 0px;} form.mindForm fieldset{padding-bottom:1.2em;/*ADDS PADDING TO FIELDSET TO STOPS OPERA DISPLAYING INCORRECTLY*/ clear:left;} form.mindForm fieldset fieldset input{margin:0;display:block;float:none;} form.mindForm fieldset fieldset label{margin:-1.17em 0 0 2em;width:0;display:inline;float:left;} .buttonFieldset{text-align:center;width:100%;margin-right:15px;margin-left:5px;/*border: solid 1px #c75b12;*/ clear: both; display: block; margin-top: 15px; } .whiteButton{} .whiteButton:hover{background: #ffffff;border:1px solid #cacaca;margin:2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:0 1px 2px #000033; -moz-box-shadow:0 1px 2px #000033;} .inputInline{/*margin: -1em 0 0 0;*/ } form.mindFormNar{background: #e2983d; margin:0px 20px; padding: 10px; display: block; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:0 1px 2px #000033; -moz-box-shadow:0 1px 2px #000033;} form.mindFormNar fieldset legend{display:block;position:relative;margin:10px;padding:5px; width: 280px;} form.mindFormNar fieldset legend strong{display:block;margin-top:-0.5em;width:280px;border-bottom:1px solid #FCFCFC; white-space: normal;} form.mindFormNar ul{list-style:none;} form.mindFormNar ul li{display:block;width:300px;padding-left:10px;margin-bottom:5px;} form.mindFormNar ul li label{ position: relative; cursor:pointer;width:180px;text-align:right;float:left; right: 5px;} form.mindFormNar ul li label strong{ font-weight: bold;} form.mindFormNar ul li input {margin: 0 0 10px 0px;} form.mindFormNar p{ background:#fff; border:1px solid #ab9f22;margin:10px 20px 10px 20px; width: 300px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} form.mindFormNar fieldset ul li fieldset, textarea{margin-left:20px;} form.mindFormNar fieldset ul li select {width: 150px;} /*form.mindFormNar ul li input, select, checkbox*/ #INVALID-RULE{float:left;height:15px;border:1px solid #C75B12;background-color:#FAFAFA;margin-left:5px;} .mindCheckbox{border:1px inset #C75B12;/*background-color: #fafafa;*/ margin-left:5px;padding:0px; top:5px; position: relative;} form.mindFormNar textarea{position: relative; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; float:left; width:200px; overflow:auto; background-color:#FAFAFA; border:1px inset #C75B12; margin-left:20px;top: 0px;} textarea.mindFormNar {margin:15px 0 0 100px;display:block;} form.mindFormNar fieldset{padding-bottom:1.2em;/*ADDS PADDING TO FIELDSET TO STOPS OPERA DISPLAYING INCORRECTLY*/ clear:left;} form.mindFormNar fieldset fieldset label{/*margin:-1.17em 0 0 2em;*/width:0;display:inline;float:left;} /***********************css footer *******************layout*/ #footerHome {height:35px; background:url(../images/ui/footerBkd.png) no-repeat; margin:0 auto; display: block; position: relative;} #footerHome ul.centerBlock{display:block;position:relative;list-style:none;text-align:center;top:5px;margin:0 auto;width:600px;} #footerHome ul li{display:inline;} #footerHome ul li a{margin:5px 10px 10px;} #footerHome ul li{color:#CCC;} #footerHome ul li a{color:#FFF;text-decoration:none;font-size:0.65em;} #footerHome a:hover{color:#C90;} #footer{height:35px; background:url(../images/ui/footerBkd.png) no-repeat; margin:0 auto; display: block; position: relative; /*top:-10px;*/} ul.centerBlock{display:block;position:relative;list-style:none;text-align:center;top:5px;margin:0 auto;width:600px;} #footer ul li{display:inline;} #footer ul li a{margin:5px 10px 10px;} #footer ul li{color:#CCC;} #footer ul li a{color:#FFF;text-decoration:none;font-size:0.65em;} #footer a:hover{color:#C90;} /* form page footer */ #fp_footer{height:35px; background:url(../images/ui/footerBkd.png) no-repeat; margin:0 auto; display: block; position: relative; top: 15px; width: 961px} /* */ ul.centerBlock{display:block;position:relative;list-style:none;text-align:center;top:10px;margin:0 auto;width:600px;} #fp_footer ul li{display:inline;} #fp_footer ul li a{margin:5px 10px 10px;} #fp_footer ul li{color:#CCC;} #fp_footer ul li a{color:#FFF;text-decoration:none;font-size:0.65em;} #fp_footer a:hover{color:#C90;} /***********************css cart *******************layout*/ .cartLeft, .cartRight{ display: block; width:220px; margin-left: 20px; position: relative; float: left; } .cartLeft p, .cartRight p{ width: 200px; } .cartLeft span, .cartRight span{ display:block; width: 200px; margin-left: 20px; postion: relative; } .cartSidebar { position: relative; display: block; float: right; width: 200px; right: 0px; top: -48px; } .cartSidebar p{ float: right; width: 200px; margin-left: 20px; } .bcWideCart{background:url(../images/ui/bcWide_columnBkd.png) repeat-y; display:block; position:relative; width:725px; margin-left: 100px; min-height:100%; top: -10px;} .bottomCapCart{background:url(../images/ui/bcWide_bottomCap.png) no-repeat;width:725px;height:15px;margin-left:100px;float:left;clear:none; position: relative; top:-10px;} .cartSingleLeft{ width: 450px; display: block; margin-left: 20px; } /***********************css extra *******************layout*/ .clear{clear:both;width:100px; height: 0px;position: relative;} .pad20{/*generic padding of 20 pixels*/ padding:0 0 20px 20px; } /*091228*/ .ln_bottomCap{background:url(../images/ui/ln/ln_bottomCap.png) no-repeat;width:170px; position: relative; display: block; height:15px; left: -15px} object:focus, embed:focus{border:none;-moz-outline-style:none;} .thinColumn { width: 300px; float: left; display: block; position: relative; left: 0px; margin: 0 0 0 20px; padding: 0; } .supportNum { font-size: 14px; position: relative; left: 0px; float: left; width: 300px;} /*:focus { -moz-outline-style: none; }*/ .bigswf { margin: 10px; } .gmap { float: right; width: 320px; clear: none; height: 500px; } .imgCenter { /* used to center and border images */ margin: 20px auto; display: block; border: 1px #C75B12 solid; } .imgCenter_nb { margin: 20px auto; display: block; /*border: 1px #C75B12 solid;*/ } .imgTabs_nb { margin: 20px 0 20px 20px; display: block; /*border: 1px #C75B12 solid;*/ } .center { text-align: center; } .home_MOI{/* home Message of Intent */ padding:0 0 20px 20px; font-size } /**********************css *********************** T Y P O G R A P H Y *************************************************/ /***********************css main navigation **********typography******/ /***********************css left hand navigation **********typography******/ div#lNav ul li ul li { line-height: .9em;} #lNav a{text-decoration:none;font-size:0.75em; zoom: 1; background-color:#fff;} #lNav a:hover{color:#FF4D00;/*border-right: #c7724e dotted 1px;*/ } #lNav ul li a{font-size:0.7em; line-height: 1.4em;} /***********************css standard tags *******************typograpy*/ p{font-size: 1em; line-height:140%;} p.infoBlock{margin-bottom:1em;line-height:110%;margin-left:15px;margin-right:200px;} h4{font-size:0.7em;letter-spacing:110%;/*used for dates*/ } h5{font-size: 1.2em;} /***********************css body copy - general font settings **********typography******/ /***********************css home right col *******************typograpy*/ /***********************css form elements **********typography******/ form.mindForm{font:1em sans-serif;} form.mindForm fieldset legend strong{font-weight:bold;font-size:1em;} form.mindForm ul li label{cursor:pointer;text-align:right;display:block;float:left;font-size:0.8em;/*margin-bottom: .4em;*/ line-height:1em;} form.mindForm fieldset ul li fieldset, textarea{margin-left:23.5em;} /*form.mindForm ul li input, select, checkbox*/ #INVALID-RULE{font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;font-size:0.9em;float:left;height:15px;border:1px solid #C75B12;background-color:#FAFAFA;margin-left:5px;} form.mindForm ul li input .mindCheckbox{font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;float:left;border:1px solid #C75B12;background-color:#FAFAFA;margin-left:5px;} form.mindForm textarea{font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;float:left;font-size:1em;} /***********************css promo **********typography******/ .promo ul li h1 b{font-weight:bold;letter-spacing:0.15em;} .promo ul li h1 a{font-size:0.8em;float:right;margin-top:5px;text-decoration:none;} .promo li p{line-height:140%;} /***********************css product **********typography******/ .product{font-size:1em;} /***********************css news and events **************************/ .nae h1 b{font-weight:bold;line-height:100%;letter-spacing:0.15em;} .nae h1 a{font-size:0.6em;margin-top:5px;text-decoration:none;} .nae li{line-height:130%;} .nae li a{font-size:0.875em;line-height:120%;} /***********************css social networks **************************/ #socNet h1 b{font-size:1em;font-weight:bold;line-height:100%;padding-bottom:2px;letter-spacing:0.15em;} h1.h_manage { /*09_0527 */ width: 485px; font-size: 1.4em; border-bottom: solid 1px #ebebeb; margin: 20px; letter-spacing: 0; } em.h_manage { float: right; font-size: .75em; position: relative; display: block; right: 30px; top: 25px; } .smallTabs {font-size: .6em; /* created to make the RMI tabs fit in one row */} /*------------------------ special event css ------------------------*/ .copyEvent, .copyEventNar{ display: block; width: 350px; float: left; font-size: 1.2em; position: relative; margin-right: 20px; } .copyEvent p{ display: block; } .copyEventNar ul li{margin-left: 40px; list-style: none inside circle;} .copyEvent img{ display: block; margin-left: 20px; } .sidebarEvent, .sidebarNar{ display: block; width: 250px; float: left; margin-left: 20px; position: relative; } .sidebarEvent p, .sidebarNar p{ display: block; width: 250px; position: relative; } .sidebarEvent ul, .sidebarNar ul { display: block; width: 250px; position: relative; list-style-type:outside; list-style:inside; } div.sidebarEvent ul li, .sidebarNar ul li{ display: block; margin-left: 10px; left: 20px; position: relative; line-height: 110%; list-style: none inside circle; padding: 5px 0; } p.manage{width: 430px; float: left; display: inline;} .keynoteEvent, { clear: both; } .keynoteEvent h1, .manage h1{ position: relative; display: block; border: none; margin: 20px 0 0 20px; padding: 0; width: 680px; border-bottom: solid 1px #f3f3f3; clear: both; } .keynoteEvent h2, .manage h2 { border: none; font-size: 1.4em; line-height: 180%; } .keynoteEvent h3{ } .keynoteEvent img, .manage img{ float: left; margin: 5px; border: solid 1px #f3f3f3; margin: 12px 5px 0 20px; display: inline; } .keynoteEvent ul li, .manage ul li{ display: block; margin-left: 50px; width: 450px; line-height: 120%; padding: 10px 0; } .gi_sidebar{ font-style: normal; font-size: .8em; } /* liScroll style declarations */ .tickercontainer { /* the outer div with the black border */ border: 1px solid #C75B12; background: #fff; width: 600px; height: 27px; margin: 5px 0 5px 20px; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 590px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 600px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; background: #fff; } ul.newsticker a { white-space: nowrap; padding: 0; color: #ff0000; font: bold 10px Verdana; margin: 0 50px 0 0; } ul.newsticker span { margin: 0 10px 0 0; } /*------------------------- video library thumbnails -------------------------*/ #videogallery {margin: 10px 15px; /*zoom:1;*/ z-index: 2005;} #voverlay {z-index: 2007;} /* accordion h3 fix */ /*.donate{display: block; position: relative; width: 214px; margin: 0 auto;}*/ .pageHeightBooster {padding-bottom: 150px;} .pageHeightBooster250 {padding-bottom: 250px;} #vlightbox {z-index: 2000; margin-left: 20px;} #pscroller1 { /*style the pause scroller on the home page */ width: 220px; height: 200px; padding: 5px 0px; font-weight: normal; color: #333; font-size: .8em; margin-left: 5px; } .prodimage {margin-right: 10px;} .pageHeightBooster {padding-bottom: 150px; clear: both;} /* .ui-state-default, .ui-widget-content .ui-state-default { padding: 5px 5x 5px 20px; margin-left: 10px; } .ui-accordion-header {padding: 5px 5x 5px 20px; margin-left: 10px;}*/ .ui-accordion .ui-accordion-header a .boldQ {/*font-size:150%;*/ color: #C75B12;} .ui-accordion .ui-accordion-header a:visited {color:#444444;} h1.sectionWide { width: 600px; border-bottom: solid 1px #ccc; float:left } h2.sectionWide { width: 640px; border-bottom: solid 1px #ccc; float:left; clear: both; } h1.noBorder { border: none; font-size: 140%} /* video archive list */ ul.l_videos li {clear: both;} ul.l_videos a {float: left;} ul.l_videos li h1 {float: left; font-size: 1.2em; margin: 10px 0 0 10px; width: 400px; display: block; position: relative; line-height: 110%; padding: 0;} ul.l_videos li h2 {float: left; font-size: 1em; border: none; margin: 0 0 0 10px; width: 400px; display: block; position: relative; padding: 0; clear: none;} .silverText {color:#727275; font-weight: bold; margin-top: 15px; position: relative; display: block;} .ro:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .radioShift {margin-top: 3px;} .radioShiftM {margin-top: 9px;} .blackLink {color:#000;} p.symWide, h3.symWide {width: 650px; display: block; position: relative;} h3.symwide {top: 5px;} .symNar, h3.symNar, h2.symNar, h2.keynoteNar{width: 300px; margin-left: 0px;} /*.bcNar {width: 300px; float: left; display: block;}*/ .sidebarNar {width: 250px; float: left; position: relative;} .sidebarNar h1 {margin-left: 0px; font-size: 1.2em; margin-bottom: 10px; font-weight: bold;} .sidebarNar h2 {margin-left: 0px; font-size: 1.0em; margin-bottom: 5px; font-weight: bold;} .divFormExpander { margin: -10px 0 -10px 0;}