.test{} .float-wrapper{ width:100%; } .float-right-80Percent{ float:right; width:80%; } .floatholder { /*border: 4px solid #000;*/ /*background: #dc8;*/ margin:10px 10px 10px 10px; font-size:x-small; height:100%; } .floatbox { /*background: #773;*/ /*border: 3px solid #f55;*/ /*color: #ffd;*/ float:right; width:80%; border:0.1em solid red } .floatbox p {margin:0;} .floatholder p {margin:0;} .clearfix:after { content:"."; display:block; height:100px; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ /* columns*/ #col1b { float:left; width:43%; margin:0 0 0 3%; } #col2b { float:right; width:43%; margin:0 0 0 3%; } .colA { float:left; width:43%; margin:10% 1% 1% 1%; background-color:white; } .colA h2 { font-size:x-small; color:#ff8700; font-weight:bold; margin:0 0 1% 0; } .colA p { font-size:x-small; color:black; margin:1% 0 0 1%; padding:1%; text-align:justify; border:1px solid red; } /***** boxes******/ #box1 { margin:2% 0% 1% 10%; background-color:white; text-align:left; border:2px solid #cccccc; } #box1 p { margin:0; font-weight:normal; font-size:large; color:red; text-decoration:none; } #box1 h2 { margin: 1% 0% 2% 5%; color:#0c479d; font-size:small; font-weight:bold: } #box2TM { margin:2% 0 1% 5%; border:1px solid #08316d; text-align:right; background-image:url('../images/ringandropeA.jpg'); width:300px; height:450px; padding:0.1em; } #box2TM h2 { margin:0 0 1% 0; color:black; font-weight:bold; font-size:x-small; } #box2TM p { margin:0% 0% 0% 0%; text-align:right; font-weight:bold; font-size:large; color:white; } .*div.leftcol2 { font:normal 10pt Arial, Verdana, sans-serif; float:left; width: 8%; } div.rightcol2 { font:normal 10pt Arial, Verdana, sans-serif; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #99ccff; color:black; padding: 1em; width:70%; }*/ /*stuff for 3 column*/ #container { width: 100%; margin-top: 0%; background-color:#ff0000; border: 1px solid red; } #container h1 { padding: 0; margin: 0; color:red; } #top { /*padding:.5em .5em .5em 0;*/ margin: 1% 0 0 0; background-color: #0000ff; } #top h1 { /*padding: 0 0 0 10%;*/ margin: 0 0 0 20%; background-color:red; } #leftnav { float: left; width:17%; font-size:x-small; margin-left:-30px; margin-top:-20px; } #rightnav { float:right; width:325px; margin:0% 0 1% 0; /*border-left:1px dotted gray;*/ background-color:#ffffff; } #leftnav p{ margin:0 5% 0 30%;font-size:x-small;text-align:center;color:#ff8700;font-weight:bold; } #rightnav p { margin:0 0 1em 0; } #rightnav4 { float:right; width:325px; margin:0 0 0 1%; font-size:small; background-color:#ffffff; /*border:1px solid red;*/ } .rightnav4 { float:right; background-color:#ffffff; text-align:justify; } .rightnav4 h2 { font-size:small; color:#ff8700; font-weight:bold; margin:0 0 1% 0; } .rightnav4 p { font-size:small; color:black; margin:1% 0 0 1%; padding:1%; text-align:justify; } .rightnav5 { float:right; width:23%;F padding:1%; /*border:1px solid gray;*/ } .rightnav5 h2 { text-align:justify; font-size:x-small; font-weight:bold; color:#ff8700; } .rightnav5 h3 { text-align:center; font-size:small; font-weight:bold; color:#0c479d; } .rightnav5 p { text-align:justify; font-size:x-small; } #rightnav8 { float:right; width:40%; margin:0; background-color:#ffffff; } #rightnav8 p { font-size:small; text-align:justify; margin:1% 0 1% 3%; } } #rightnav8 h2 { margin: 1% 0 1% 0;color:#0c479d;font-size:small; } #rightnav8 h3 { margin: 1% 0 1% 0;color:#0c479d;font-size:x-small; } #rightnav8 h4 { margin: 1% 0 1% 0;color:#ff8700;font-size:x-small; } #rightnav8 ul { list-style-type:circle; font-size:x-small; margin:0 5% 0 10% ; text-align:justify; } #banners { font:normal 10pt SketchFlow Print, Proinf_r, Verdana, sans-serif; } #bannershead { font:normal 14pt SketchFlow Print, Proinf_r, Verdana, sans-serif; } #content { margin-left:0%; margin-right:35%; background-color:#ffffff; width:100%; } #content em { color: #3a669c; margin-left:0%; margin-right:0%; font-weight:bold; } #content h2 { margin:1% 0 1% 0; } #content h3 { margin:2% 0 0 0; color:#0c479d; font-size:small; font-weight:bold; } #content p { font-size:small; text-align:justify; margin:0% 2% 1% 2%; } #content2 { width:40%; margin-left:15%; margin-right:330px; line-height: 130%; font-size:x-small; } #content2 p { font-size:x-small; text-align:justify; } #content3 { width:100%; float:left; margin-bottom:0%; padding:0; font-size:small; } #content3 ul { list-style-type:circle; font-size:small; margin:0 0% 0 0% ; } #content3 ol { list-style-type:decimal; font-size:small; margin:0 20% 0 10% ; } #content3 tr { margin:0 20% 2% 1%; font-weight:normal; font-size:small; text-align:justify; } #content3 p { margin:0 20% 2% 3%; font-weight:normal; font-size:small; text-align:justify; } #content3 h2 { margin:1% 0% 1% 1%; font-weight:bold; color:#ff8700; font-size:small; } #content3 h3 { margin:1% 20% 1% 1%; font-weight:bold; font-size:small; color:#0c479d; } #content3 h4 { margin:1% 20% 1% 3%; font-weight:bold; font-size:small; color:#ff8700; } #content4 em { font-weight:bold; font-size:small; color:#3a669c; } p.clear { clear: both; margin: 0; padding: 0; } .clearfix:after { content: "."; display: block; position:relative; /*works better in IE5.5 or float in float situations*/ height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .content { margin-left:15%; margin-right:35%; /*padding:1em;*/ max-width:36em; text-align:justify; } .content h2 { margin:0 0 1% 0; } .content h3 { margin:0 0 1% 0;color:#ff8700; } .content h4 { margin:2% 0% 0% 0%; text-align:left; color:#ff8700; font-size:medium; font-weight:bold; } .content p { font-size:small; color:black; text-align:justify; padding:0; } #footer { clear:both; width:100%; /*padding:.5em;*/ color:#333; background-color:white; border:1px solid gray; font-weight:bold; font-size:x-small; /*margin-bottom:1%;*/ } #bottom { clear:right; width:85%; border-top:2px dotted gray; margin-top:5%; margin-left:15%; padding:.5em; color:black; background-color:white; font-size:small; } #bottom p { font-size:x-small; color:red; } #bottom2 { width:80%; margin-top: 2%; margin-left:15%; padding:.5em; color: black; background-color:white; font-size:small; } .noborder { margin:2% 0 1% 15%; border:1; text-align:right; } /*h4 {font-weight:bold; color:#000;}*/ .leftcola { float:left; width:100px; padding:0.5em 0.1em 0.5em 0.2em; font-weight:bold; border: 1px solid #d9d9d9; background-color:#c6dbfb; color:#636363; font-size:x-small; text-align:center; } .rightcola { float:right; /*padding:0.5em 0em 0.5em 0.2em;*/ margin:0 0.5% 0 0.5%; width:70%; font-size:small; text-align:justify; } div.clearer {clear: both; line-height: 1%; height: 0;} #top h2 { font-size:large; color:gray; padding: 0; margin-top: 2; } #top h1 { font-size:medium; color:#0c479d; padding: 0; margin: 0; } #frontlist ul { list-style-type:square; color:#ff0000; padding: 0px; margin-left:10%; } #frontlist ul li { /*background-image:url('../images/arrowicon.png'); background-repeat:no-repeat' background-position:0px 5px; padding-left:14px;*/ line-height:200%; } .textbold2 { font:bold small Arial, Verdana, sans-serif; margin:2% 20% 0 3%; color:#0c479d; text-align:justify; } .text2 { font:normal small Arial, Verdana, sans-serif; margin:1% 23% 0 7%; color:black; text-align:justify; } .textindent { . font:normal x-small Arial, Verdana, sans-serif; margin:0 0 0 1%; } .textindentitalic { font:normal small Arial, Verdana, sans-serif; margin:0 25% 0 5%; } .hr { color:gray; background:gray; border:0; height:1px; margin-left:15%; margin-top:3%; margin-bottom:3%; width:75%; } .floatright { float: right; margin: 5% 0 5% 5%; border: 1px solid #666; padding: 2px; } /* stuff for drop down menus*/ /* tabs*/ /*H1 font:normal 10pt AR Blanca, Verdana, sans-serif; {font-size: 12pt; font-weight: bold; padding-top: 0px; margin: 0;}*/ table.navbar {font-size: 9pt; margin: 0px; padding: 0px; /*border: solid 1px #6dafce;*/ background-color: #6dafce; font-weight: bold;} table.menu {font-size: 8pt; margin: 0px; padding: 0px; font-weight: bold; } td.menuNormal { font:normal 10pt SketchFlow Print, Proinf_r, Proinf, Verdana, sans-serif; padding: 0px 0px 0px 5px; color: white; font-weight: bold; vertical-align: top; background-color: #6dafce; } td.menuHover {padding: 0px 0px 0px 5px; color: #3a669c; font-weight: bold; vertical-align: top; /*remove the following line for drop-down menu with images*/ background-color: #6dafce; } div.menuNormal {display: none; position: static; } div.menuHover { border: 1px solid #c0c0c0; padding: 0 0 0 0; background-color: white; display: inline; position: absolute;} a.menuitem:link { font-size:9pt; line-height:150%; text-decoration: none; color: #bfbfbf; background-color: white; display: block; } a.menuplus { margin-top: 12px; display: block; font-size:9pt; line-height:150%; text-decoration: none; color: white; background-color: #6dafce; text-align: left; vertical-align: middle; } a.menuitem:visited {text-decoration: none; color: #636363; background-color: white; display: block;} a.menuitem:hover {text-decoration: none; color: #ff0000; background-color: white; display: block;} a.menuitem:active {text-decoration: none; color: #6dafce; background-color: white; display: block;} //-->