footer { font-size : 12px; } .smallspaceafter { margin-bottom : 50px; } .bigspaceafter { margin-bottom : 200px; } .bigspaceafterbackup { margin-bottom : -500px; } .screenafter { margin-bottom : 800px; } .screenafterlong { margin-bottom : 3000px; } span.strike { font-style : normal; text-decoration : line-through; } p.break { clear : left; } p.backupindent { margin-top : -10pt; margin-left : 25pt; margin-bottom : 20pt; } .small { font-size : 12px; } .smallred { font-size : 12px; color : #CC0000; } .c { padding-left : 0pt; padding-right : 0pt; border : 0pt; } img { padding-left : 10px; padding-right : 10px; border : 0pt; } blockquote { margin-left : 20px; margin-right : 20px; font-size : 20px; line-height : 22px; } .largequote { font-size : 20px; line-height : 24px; } .shrink { font-size : 12px; } .shrinkmore { font-size : 11px; } p.q { color : #CC0000; } p.a { color : #663300; } li.a { color : #663300; } a { color : #CC0000; text-decoration : none; } ul { margin-left: 50px; } dt { font-style : italic; } h1 { text-align : center; font-size : 24px; line-height : 28px; } h2 { font-size : 22px; line-height : 26px; } h3 { font-size : 20px; line-height : 24px; } h4 { font-size : 18px; line-height : 22px; } h5 { font-size : 16px; line-height : 20px; } h6 { font-size : 16px; line-height : 20px; } .dps { font-family : PostCrypt, "Comic Sans", Verdana, sans-serif; color : #CC0000; } .smallcentered { font-style : italic; font-size : 12px; text-align : center; color : #3300CC; } .smallsans { font-family : Verdana, sans-serif; font-size : 12px; } .sanssmall { font-size : 14px; font-family : Verdana, Arial, sans-serif; } p.hide { display : none; background-color : transparent; } .hidelinks { font-family : Verdana, sans-serif; font-size : 12px; color : #3300CC; line-height : 14px; font-style : italic; background-color : transparent; } .hidelinkscenter { font-family : Verdana, sans-serif; font-size : 12px; color : #3300CC; line-height : 14px; text-align : center; font-style : italic; background-color : transparent; } pre { margin-left : 20px; font-family : Courier, monospaced, sans-serif; color : #000000; } sub, sup { font-size : 70%; } ol.double { margin-left : 20px; line-height : 30px; } .center { text-align : center; } .left { text-align : left; } .right { text-align : right; } .red { font-family : Verdana, sans-serif; background : #FFFFFF; color : #CC0000; } .black { background : #FFFFFF; color : #000000; } img.c { padding-left : 0px; padding-right : 0px; border : 0px; } img.left { padding-left : 0px; padding-right : 20px; float : left; } img.right { padding-left : 20px; padding-right : 0px; float : right; } img.marrt { padding-left : 0px; padding-right : 3px; border : 0px; } .layout { border : 0px; } table {border:0;} tableborder {border:1px;} td { vertical-align : top; padding : 2px; } td.nav { background : #66CCFF; } th { vertical-align : top; font-family : Garamond, serif; font-weight : bold; text-align : center; } td.space { vertical-align : top; } td.line { vertical-align : top; } td.nav { vertical-align : top; } td.label { font-weight : bold; text-align : right; line-height : 18px; vertical-align : top; } td.labelleft { font-weight : bold; text-align : left; line-height : 18px; vertical-align : top; } td.image { vertical-align : top; } td.input { vertical-align : top; } td.spacey{ padding:100px; } .onehund { width : 100px; } .twohund { width : 200px; } .twohundcenter { width : 240px; text-align : center; } .twohundfifty { width : 250px; } .fourhund { width : 400px; } .fourhundfifty { width : 450px; } .navlinks{ text-align : center; font-style : italic; background-color : transparent; } .photo{ text-align : center; margin-bottom : 50px; } #menuleft { margin-top : -110px; float : left; width : 220px; } #menuright { margin-top : -110px; float : right; width : 220px; } .menuleft, .menuright { float: left; width: 20%; /* The width is 20%, by default */ } .main { float: left; width: 60%; /* The width is 60%, by default */ } /* Use a media query to add a breakpoint at 800px: */ @media screen and (max-width: 800px) { .menuleft, .main, .menuright { width: 100%; /* The width is 100%, when the viewport is 800px or smaller */ } } */ #menuleftonly { margin-top : -150px; float : left; width : 220px; } #menurightonly { margin-top : -150px; float : right; width : 220px; } .twocol { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count:2; column-gap:30px; } .twocolspaced { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count:2; column-gap:50px; } .threecol { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count:3; column-gap:20px; }