#toplogo { width:290px; height:100px; padding: 5px 50px 5px 25px; float:left; } nav.main-nav { background:#ddd; height:40px; z-index:170; margin:0 auto; border-bottom:1px solid #dadada; width:100%; position:fixed; top:0; left:0; right:0; text-align: center; } nav.main-nav img { padding: 0 5px; } .image-right { float: right; } #copyright { clear:both; border-top:4px solid #000; border-bottom:4px solid #000; margin:auto; font-size: .6em; text-align: left; line-height: 1.5em; text-decoration: none; color: #000; } .textpad {padding: 2px 10px; } #shipaddress { clear:left; border-top: 3px solid black; text-align:left; text-decoration:none; padding: 3px 15px; margin:auto; } #slogan { text-align:center; padding: 5px 15px; } #phtop { clear:left; /* text-align:center; */ font-size:1.3em; padding: 2px 10px; word-break: keep-all; } .nav { clear:left; border-bottom: 3px solid black; text-align:center; text-decoration:none; background-color:#ddd; width:100%; } .nav a { color:#000; text-decoration:none; /* font-size: 2em; vertical-align:middle; */ padding: 0 5px; padding: 2px 10px; word-break: keep-all; } .nav img { width: 20px; padding: 0 5px; } #rightrider { position: absolute; top:0; right:0; text-align:center; margin:0; padding:15px; } #leftrider { position: absolute; top:0; left:0; text-align:center; margin:0; padding:15px; } #toe { position:fixed; bottom:0; right:0; padding: 25px; } #toemenu {display: none; } #toemenu img { width: 25px; padding: 0 5px; } #toe:hover #toemenu { border: 2px solid black; display: block; width: 250px; height:150px; background-color:#ddd; font-size:75%; } #toe:hover #clover { display: none; } #toe:active #toemenu { border: 2px solid black; display: block; width: 250px; height:150px; background-color:#ddd; font-size:75%; } #toe:active #clover { display: none; } .vsamplebc { text-align:center; } .hsamplebc { text-align:center; vertical-align:middle; margin:auto; } /* Landscape mode (default) */ #wrap { margin:auto; width:960px; position:relative; overflow:hidden; text-align:left; /*background-color:#fff;*/ } #main { float:left; width:600px; /*position:relative; right:620px;*/ padding:20px 5px; } #side { float:right; width:300px; /* position:relative; right:640px;*/ padding-bottom:20px; } #sidea, #sideb, #sidec { clear:left; float:left; width:300px; } @media screen { /* all screens */ body { margin:0; padding:0; border:0; width:100%; /*background:linear-gradient(to right, rgba(255,255,0,0), rgba(170,152,94,1)); */} header, .nav, main, section, article, aside, footer, figure { margin:0; display: block; } h1, h2, h3, h4, h5, h6 { font-family: Times, "Times New Roman", Cambria, "Liberation Serif", serif; } p { font-family: Arial, "Liberation Sans", Calibri, sans-serif; } #crown { height:30px; border-bottom: 3px solid #c0c0c0; vertical-align:middle; } #crown img { width: 40px; vertical-align: middle;} header { margin:auto; text-align: right; border-bottom: 3px solid black; } header a, header a:hover, header a:visited, header a:active { color: black; text-decoration:none; } } @media screen and (max-width: 400px) { /* small - 1 column - more text padding and gfx limits */ header, .nav, footer { width: 100%; } header { padding-top: 30px; } header h1 { font-size: 2em; text-align: right; text-decoration: none; padding:0 25px; } #toplogo { width:261px; height:90px; padding: 5px 50px 5px 25px; float:left; } #phtop { clear:left; text-align:center; font-size:1.1em; padding: 2px 10px; word-break: keep-all; } p { font-size:140% line-height: 200%; } #wrap { margin:auto; width:95%; position:relative; overflow:hidden; text-align:left; /*background-color:#fff;*/ } #main { float:left; width:95%; /*position:relative; right:620px;*/ padding:20px 5px; } #side { float:right; width:95%; /* position:relative; right:640px;*/ padding: 20px 5px; } #sidea, #sideb, #sidec { clear:left; float:left; width:95%; padding: 5px; margin:auto; } } @media screen and (min-width: 400px) and (max-width: 600px) { /* medium - 2 column - more text padding and gfx limits */ header, .nav, footer { width: 100%; } header { padding-top: 30px; } header h1 { font-size: 2em; text-align: right; text-decoration: none; padding:0 25px; } p { font-size:150% line-height: 220%; } #wrap { margin:auto; width:100%; position:relative; overflow:hidden; text-align:left; /*background-color:#fff;*/ } #main { float:left; width:60%; min-width:250px; /*position:relative; right:620px;*/ padding:20px 5px; } #side { float:right; width:35%; min-width:180px; /* position:relative; right:640px;*/ padding: 20px 5px; } #sidea, #sideb, #sidec { clear:left; float:left; width:95%; padding: 5px; } } @media screen and (min-width: 600px) and (max-width: 960px) { /* medium - 2 column - more text padding and gfx limits */ header, .nav, section, article, aside, footer { width: 100%; } header { padding-top: 30px; } header h1 { font-size: 2em; text-align: center; text-decoration: none; } p { font-size:125% line-height: 200%; } #wrap { margin:auto; width:100%; position:relative; overflow:hidden; text-align:left; /*background-color:#fff;*/ } #main { float:left; width:60%; min-width:500px; /*position:relative; right:620px;*/ padding:20px 5px; } #side { float:right; width:30%; min-width:250px; /* position:relative; right:640px;*/ padding: 20px 5px; } #sidea, #sideb, #sidec { clear:left; float:left; width:95%; padding: 5px; } } @media screen and (min-width: 960px) { /* large -3 column - more text padding and gfx limits */ header { width: 960px; margin:auto; } #crown { display: none; } nav { width: 960px; margin: auto; } header h1 { font-size: 3em; /*text-align: center;*/ text-decoration: none; } p { font-size:100%; line-height: 125%; } footer { width: 960px; margin: auto; } #copyright { width: 960px; margin: auto; } } @media print { header, .nav, section, article, aside, footer { width: 100%; } h1, h2, h3, h4, h5, h6 { font-family: Arial, "Liberation Sans", Calibri, sans-serif; } p { margin: 1em; font-family: Times, "Times New Roman", Cambria, "Liberation Serif", serif; line-height: normal; } #crown { display: none; } header h1 { font-size: 32px; /*text-align: center;*/ text-decoration: none; } .nav { display: none; } #toe { display: none; } #centeredmenu { display: none; } footer { border: 2px 0 solid black; font-size: 0.7em; line-height: 1.2em; } } .grad1 { background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(0,255,255,1), rgba(255,255,0,1), rgba(255,0,255,1), rgba(0,0,0,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), rgba(0,255,255,1), rgba(255,255,0,1), rgba(255,0,255,1), rgba(0,0,0,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(0,255,255,1), rgba(255,255,0,1), rgba(255,0,255,1), rgba(0,0,0,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(0,255,255,1), rgba(255,255,0,1), rgba(255,0,255,1), rgba(0,0,0,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } .fadecyan { background: -webkit-linear-gradient(left, rgba(0,255,255,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(0,255,255,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(0,255,255,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(0,255,255,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } .fadeyellow { background: -webkit-linear-gradient(left, rgba(255,255,0,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } .gradmagenta { background: -webkit-linear-gradient(left, rgba(255,0,255,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,0,255,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,0,255,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,0,255,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } table { border-collapse:collapse; border-spacing:0; empty-cells:show; margin:auto; } td, th { vertical-align:top; font-size:10pt;} span.footnodeNumber { padding-right:1em; } span.annotation_style_by_filter { font-size:95%; font-family:Arial; background-color:#fff000; margin:0; border:0; padding:0; } * { margin:0;} .ta1 { writing-mode:lr-tb; } .ta2 { writing-mode:lr-tb; } .ta3 { writing-mode:lr-tb; } .Default { font-family:Arial; padding:0.028in; } .ce1 { padding:0.028in; font-family:Arial; border-style:none; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:normal; } .ce10 { padding:0.028in; font-family:Arial; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:11pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .ce11 { padding:0.028in; font-family:Arial; background-color:#e6e6ff; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .ce2 { padding:0.028in; font-family:Arial; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:7.5pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .ce3 { padding:0.028in; font-family:Arial; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .ce4 { padding:0.028in; font-family:Arial; border-style:none; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:11pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:normal; } .ce5 { padding:0.028in; font-family:Arial; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:normal; } .ce6 { padding:0.028in; font-family:Arial; background-color:#e6e6ff; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .ce7 { padding:0.028in; font-family:Arial; background-color:#e6e6ff; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:11pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .ce8 { padding:0.028in; font-family:Arial; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:normal; } .ce9 { padding:0.028in; font-family:Arial; border-width:0.0133cm; border-style:solid; border-color:#000000; vertical-align:top; text-align:center ! important; margin-left:0in; writing-mode:page; color:#000000; font-size:10pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:bold; } .co1 { width:0.928in; } .co2 { width:0.75in; } .co3 { width:0.9299in; } .ro1 { height:0.2083in; } .ro2 { height:0.3543in; } .ro3 { height:0.1772in; } .ro4 { height:0.1957in; } .T1 { font-family:Times New Roman; font-size:12pt; font-style:normal; text-shadow:none; text-decoration:none ! important; font-weight:normal; } <!-- ODF styles with no properties representable as CSS --> #shirt-link { float: right; margin: 10px; } #tshirtframe { float: right; margin: 10px 0px 8px 10px; vertical-align:middle; }