/* Reset * Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-align:left; vertical-align:baseline;}

article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block;}

body{line-height:1.5;}

/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate; border-spacing:0;}
caption, th, td{text-align:left; font-weight:normal;}
table, td, th{vertical-align:middle;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

/* Remove annoying border on linked images. */
a img{border:none; outline:none;}

/* Typography * Sets up some sensible default typography.
-------------------------------------------------------------- */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html{}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; font-style:normal; font-weight:normal; color:#333; text-decoration:none; background:#fff;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{font-weight:normal; color:#111;}

h1{font-size:1em; margin-bottom:0.5em;}
h2{font-size:1.125em; margin-bottom:0.5em;}
h3{font-size:1.25em; margin-bottom:0.5em;}
h4{font-size:1.375em; margin-bottom:0.5em;}
h5{font-size:1.5em; margin-bottom:0.5em;}
h6{font-size:1.75em; margin-bottom:0.5em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0;}

.byline{font-size:0.875em; font-style:italic; font-weight:bold; color:#666;}

/* Text elements
-------------------------------------------------------------- */

p{margin:0 0 1.5em;}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em;}

a:focus,
a:hover{color:#c23b01; text-decoration:underline;}
a{color:#c23b01; text-decoration:none; outline:none;}

blockquote{margin:1.5em; color:#666; font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup, sub{line-height:0;}

abbr,
acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em; font-style:italic;}
del{color:#666;}

pre{margin:1.5em 0; white-space:pre;}
pre,code,tt{font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}

/* Lists
-------------------------------------------------------------- */

li ul,
li ol{margin:0;}
ul, ol{margin:0 1.5em 1.5em 0; padding-left:3.333em;}

ul{list-style-type:disc;}
ol{list-style-type:decimal;}

dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}

/* Tables
-------------------------------------------------------------- */

table{margin-bottom:1.4em; width:100%;}
th{font-weight:bold;}
thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td{background:#e5ecf9;}
tfoot{font-style:italic;}
caption{background:#eee;}

/* Misc classes
-------------------------------------------------------------- */

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em;}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}
.hide{display:none;}

.quiet{color:#666;}
.loud{color:#000;}
.highlight{background:#ff0;}
.added{background:#060; color:#fff;}
.removed{background:#900; color:#fff;}

.first{margin-left:0; padding-left:0;}
.last{margin-right:0; padding-right:0;}
.top{margin-top:0; padding-top:0;}
.bottom{margin-bottom:0; padding-bottom:0;}

.clear{clear:both; height:1px; margin-bottom:-1px;}

/* Layout Styles
-------------------------------------------------------------- */

html{}
body{margin:0px; padding:0; background-color:#a9a9a9; background-image:url(../images/global/bg-site.jpg); background-repeat:repeat-x;}
#wrapper{width:800px; margin:0 auto; padding:0; border-left:3px solid #548b27; border-right:3px solid #548b27; border-bottom:1px solid #548b27;}
#wrapper:after{display:block; clear:both; content:" ";}

/* Header Layout */
#header{width:800px; height:113px; margin:0; padding:0; background-image:url(../images/global/bg-header.png); background-repeat:repeat-x;}
#header .logo{width:289px; height:113px; margin:0; padding:0; background-image:url(../images/global/header-logo.png); background-repeat:no-repeat; float:left;}
#header .calculate{width:224px; height:113px; margin:0; padding:0; background-image:url(../images/global/header-calculate.png); float:right;}

/* Nav Layout */
#nav{width:800px; height:30px; margin:0; padding:0; background-image:url(../images/global/bg-navbar.jpg); background-repeat:repeat-x; z-index:100;}
#nav ul{margin:0; padding:0;}
#nav ul li{margin:0; padding:0; list-style:none; display:inline-block; text-align:center; padding:0 5px 0 5px; border:none; float:left;}
#nav ul li a{height:30px; font-size:0.875em; font-style:italic; font-weight:bold; color:#fefefe; text-transform:uppercase; padding:4px 5px 0 5px; display:block; border:none;}
#nav ul li a:hover{background-image:url(../images/global/bg-navbar-over.jpg); background-repeat:repeat-x; border:none; text-decoration:none;}

/* Content Layout */
#main{width:800px; margin:0; padding:0; background-image:url(../images/global/bg-main.jpg); background-repeat:repeat-y;}
#main .content{width:550px; margin:0; padding:10px; float:left;}
#main .sidebar{width:200px; margin:0; padding:10px; float:right; text-align:center;}

/* Footer Layout */
#footer{width:800px; height:22px; margin:0; padding:10px 0 0 0; background-image:url(../images/global/bg-footer.jpg); background-repeat:repeat-x; text-align:center;}
#footer .copyright{font-size:0.75em; font-weight:bold; color:#fefefe; text-decoration:none;}
#footer . copyright a{font-size:0.875em;}
