/*
===============================================
Developed by Iterium Capital.
February, 2011. http://www.iterium.org
===============================================
*/

/*
====================================================================================================
TAG SELECTOR RESET
====================================================================================================
*/

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background-image: url(/graphics/articles/background.jpg); font-family: Verdana; text-align: center; cursor: default; }

/*
====================================================================================================
WINDOW
====================================================================================================
*/

div.clear { clear: both; }
div.header { width: 100%; height: 400px; margin-bottom: -400px; background-image: url(/graphics/articles/head.jpg); background-position: center top; }
div.page { width: 960px; margin: 0px auto; }
div.page div.menu a, div.page div.menu div { display: inline-block; margin: 0px -3px; padding: 20px 20px 7px 20px; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #ffffff; }
div.page div.menu a:hover, div.page div.menu div { background-image: url(/graphics/articles/menu-hover.png); color: #cccccc; }
div.page a.logo { display: block; width: 286px; height: 67px; margin: 9px auto 10px auto; background-image: url(/graphics/articles/logo.png); }
div.body { padding: 0px 30px; color: #333333; margin-bottom: -60px; }
div.footer { margin-top: 100px; width: 100%; height: 160px; background-image: url(/graphics/articles/foot-bg.gif); background-repeat: repeat-x; }
div.bottom { width: 900px; height: 100px; margin: 0px auto; padding: 10px 30px; }
div.bottom div.menu { float: left; margin-left: 40px; text-align: left; }
div.bottom div.menu:first-child { margin-left: 15px; }
div.bottom div.menu a { clear: both; float: left; display: block; font-size: 13px; line-height: 20px; text-transform: none; text-decoration: none; color: #ccccdd; }
div.bottom div.menu a:hover { text-decoration: underline; }
div.footer div.copyright { width: 960px; margin: 0px auto; font-size: 13px; line-height: 40px; text-align: center; color: #888899; }

div.caption { font-size: 18px; font-weight: normal; margin: 3px 15px 20px 15px; letter-spacing: -1px; color: #dddddd; }
h1 { font-size: 18px; font-weight: normal; margin: 20px 0px -2px 0px; letter-spacing: -1px; color: #553300; }
h3 { font-size: 17px; font-weight: normal; margin: 20px 0px 10px 0px; padding-bottom: 5px; letter-spacing: -1px; border-bottom: 1px solid #dddddd; color: #333333; }
h4 { font-size: 13px; font-weight: bold; margin: 10px; }
h3:first-child { margin-top: 0px; }
h3 a { font-size: 12px; font-weight: bold; letter-spacing: 0px; color: #552200; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
p { font-size: 12px; line-height: 20px; margin: 0px; text-align: left; }
p a { font-weight: bold; color: #552200; }
ul { margin: 0px; }
li { font-size: 12px; line-height: 20px; }
li a { color: #552200; text-decoration: none; }
li a:hover { text-decoration: underline; }

div.header { height: 220px; margin-bottom: -220px; }
div.container { padding: 15px; background-image: url(/graphics/articles/fade.png); background-repeat: no-repeat; text-align: left; }
div.body { background-color: #ffffff; padding: 20px 15px; border-radius: 5px; min-height: 580px; }

div.content { float: left; width: 640px; }
div.content > img { width: 630px; margin-bottom: 10px; border: 5px solid #cccccc; }
div.content p { font-size: 12px; line-height: 20px; margin: 10px 0px; text-align: left; }
div.content p a { font-weight: bold; color: #552200; }

div.sidebar { float: right; width: 245px; text-align: left; }
div.sidebar a { display: block; font-size: 12px; line-height: 16px; text-decoration: none; color: #552200; }
div.sidebar a:hover { text-decoration: underline; }
div.sidebar p { font: 11px Tahoma; line-height: 14px; color: #555555; }

table { width: 100%; border-collapse: collapse; font: 11px Tahoma; }
th { padding: 4px 5px 5px 5px; background-color: #aa8855; color: #ffffff; border: 1px solid #aa8855; }
td { padding: 4px 5px 5px 5px; border: 1px solid #cccccc; }
td span { float: right; font-size: 8px; font-weight: bold; margin: 2px 2px 0px 5px; }
td span.green { color: #007700; }
td span.red { color: #993300; }
tr.bold td { font-weight: bold; }

dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; }
dt { margin: 0px 20px 10px 20px; font-size: 11px; }
div.image { display: none; }