/* 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, b, u, i, center, 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;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0; border:0; outline:0;}

/* main styles */
HTML, BODY {width:100%;height:100%;}
BODY {background:#FFDE00; color:#253227; font:300 18px/27px "Open Sans", SansVerdana, Geneva, sans-serif;}
A, A:link, A:active, A:visited {color:#253227; text-decoration:underline;}
A:hover {color:#253227; text-decoration:none;} 
a.nounderline {text-decoration:none;} 
a.nounderline:hover {text-decoration:underline;} 
p {padding:0; margin:0 0 13px 0;}
H1 {font:38px 'Open Sans', SansVerdana, Geneva, sans-serif; font-weight:300; line-height:120%; padding:0; margin:0 0 6px 0;}
H2 {font:18px/110% "Open Sans", SansVerdana, Geneva, sans-serif; font-weight:400; padding:0; margin:34px 0 3px 0;}

.clear {clear:both; height:1px; width:100%; font-size:0;}

header {padding:55px 0 45px 55px;}
.logo {font-size:18px; font-style:italic}

.leftcol {text-align:right; vertical-align:top; width:255px; padding-left:54px; padding-top:3px; font-size:14px; line-height:110%;}
.centercol {text-align:left; vertical-align:top; width:80%; padding-left:40px; padding-bottom:120px}
.rightcol {text-align:right; vertical-align:top; padding-left:86px; padding-top:3px; font-size:14px; line-height:110%;}
.rightcol a {text-decoration:none;}
.arr {display:block; width:104px; height:162px; background:url(imgs/arr-sprite.png) no-repeat 100% 0;}
.arr:hover {background:url(imgs/arr-sprite.png) no-repeat 100% -209px;}