/* \*/ /* Start of reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border: none; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; padding: 5px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* End of reset*/ * html #tlc, * html #trc {height: 1%;} /* */ #tlc, #trc { zoom: 1 } body { margin: 0; padding: 0; background-color: white; font-size: 100.01%; text-align: center; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; } #box { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; text-align: left; /*width:80%; */ /* <-- use this to tie width to viewport size */ width: 55em; /* <-- use this for a set width */ background-color: #eeeeee; } #content { padding-top:1em; padding-left:0.5em; padding-bottom:3em; min-height:360px; height:auto !important; height:360px; } #content h1 { color:#0354c2; font-weight: bold; font-size: 2em; text-align: center; } #content p { color:#3b3b3b; font-size: 1em; line-height: 1.3em; } .navigation{ float: left; } #main_content { position:relative; width: 670px; margin-left: 180px; text-align: left; } #main_content h1 { color:#0354c2; font-weight: bold; font-size: 2.0em; text-align: center; } #main_content h2 { color:#0354c2; font-weight: bold; font-size: 1.6em; text-align: center; line-height: 1.2em; } #main_content h3 { color:#0354c2; font-weight: bold; font-size: 1.4em; text-align: center; } /* Form */ input { background-color: #80C3EB; } textarea { background-color: #80C3EB; color: #000; } form { border: 1px solid #0354c2; padding: 5px; } .submit input{ color: #000; background: #ffa20f; border: 2px outset #d7b9c9; } .formerror { border: 1px solid red; background-color : #FFCCCC; width: 500px; padding: 5px 0 5px 10px; text-align: left; } .errortext { padding-left: 80px; font: bold smaller; } /* Websites images */ .website { padding: 10px; border: 0; } /* ---=== border code follows ===--- */ /* tlc = top left corner trc = top right corner blc = bottom left corner brc = bottom right corner lb = left border rb = right border tb = top border bb = bottom border */ #tlc, #trc, #blc, #brc { background-color: transparent; background-repeat: no-repeat; } #tlc { background-image:url(/images/tlc.gif); background-position: 0% 0%; } #trc { background-image:url(/images/trc.gif); background-position: 100% 0%; } #blc { background-image:url(/images/blc.gif); background-position: 0% 100%; } #brc { background-image:url(/images/brc.gif); background-position: 100% 100%; } #tb, #bb { background-color: transparent; background-repeat: repeat-x; } #tb { background-image:url(/images/tb.gif); background-position: 0% 0%; } #bb { background-image:url(/images/bb.gif); background-position: 50% 100%; } #rb { background-image:url(/images/r.gif); background-position: 100% 0%; background-repeat: repeat-y; } #lb { background-color: #eeeeee; background-image:url(/images/l.gif); background-position: 0% 100%; background-repeat: repeat-y; }