/* ------------------------------------------------------------------------------------------
This stylesheet uses code from the Yahoo! User Interface Library.
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
/**
 * Bump up IE to get to 13px equivalent
*/
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* ------------------------------------------------------------------------------------------
BODY AND BASICS */

body { background: #ffffff url(../images/bkg_page.jpg) bottom left repeat-x; text-align: center; }

a:link, a:visited { color: #990000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

#header a:link, #header a:visited { color: #ffffff; text-decoration: underline; }
#header a:hover, #header a:active { text-decoration: none; }

/* ------------------------------------------------------------------------------------------
PAGE LAYOUT */

div#header { background: #660000 url(../images/bkg_header.jpg) top left repeat-x; color: #ffffff; height: 80px; margin: 0; padding: 0; text-align: left; width: 100%; }

div#container { margin: 0 auto 0 auto; text-align: left; width: 80%; }
div#leftcol { float: left; text-align: left; width: 44%; }
div#rightcol { border-left: 1px solid #e2e2e2; float: right; text-align: left; width: 55%; }
div#footer { clear: both; color: #333333; height: 100px; margin: 65px auto 0 auto; padding: 0; text-align: center; width: 80%; }

/* ------------------------------------------------------------------------------------------
UL, OL, DL */

ul.features { }
ul.features { list-style-type: square; margin: 0 0 0 18px; padding: 0 0 0 9px; }

/* ------------------------------------------------------------------------------------------
TEXT */

h1, h2, h3, h4, h5, h6 { font-family: arial,verdana,helvetica,sans-serif; margin: 8px 0 8px 0; }
h1 { font-size: 167%; }
h2 { font-size: 138.5%; }
h3 { font-size: 108%; font-weight: bold; }

#rightcol h1, #rightcol h2, #rightcol h3 { padding: 7px 0 0 14px; }
#rightcol p, #rightcol ul { font-size: 100%; line-height: 1.4em; padding: 7px 0 0 14px; }
#footer p { font-size: 85%; }