/* CSS 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; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html {height:100%; margin-bottom:0.1pt;}
body {height:100%; font-size: 0.625em; line-height: 0.625em; font-family: Arial, sans-serif; color: #454545; background: #ffffff;}

#wrapper {width: 760px; margin: 0 auto; padding-top: 15px;}
#header {padding: 20px; height: 43px; border-bottom: 7px solid #8d993f; background: url(../images/header-bg.png) repeat-y 0 0;}
#banner {height: 182px; background: url(../images/banner.jpg) no-repeat 0 0;}
#bar {height: 44px; background: url(../images/bar.png) no-repeat 0 0;}
#content {overflow: hidden; padding: 25px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #fefff8 url(../images/content-bg.png) repeat-x left bottom; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;  -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}

.col-left {float: left; width: 360px; padding-right: 40px; background: url(../images/devider.png) repeat-y right top;}
.col-right {margin-left: 400px; padding: 47px 0 0 45px;}

h1 {padding-top: 10px; font-size: 2.4em; line-height: 1.2em; color: #ffffff;}
h2 {padding-bottom: 15px; font-size: 2.7em; line-height: 1.2em; color: #669900; letter-spacing: 0.05em;}
p {padding-bottom: 10px; font-size: 1.2em; line-height: 1.5em;}

.col-right h2 {padding-left: 15px;}