/* tools */
.replace { position:relative; margin: 0; padding: 0; overflow: hidden; }
.replace span { display: block; float: left; position: absolute; top: 0; left: 0; z-index: 100; }
.replace a { cursor: pointer; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear fix */
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;}


/* global */
body { font-size: 76%; font-family: arial, san-serif; margin: 21px 0 0; background: url(/static/gfx/page_bg.gif) repeat-x center 0; color: #424242; }
a img { border: none; }


/* container */
div.container { width: 978px; margin: 0 auto; padding: 0; clear: both; z-index: 0;  }



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

/* header */
div#header { display: inline; float: left; width: 100%; height: 180px; background: url(/static/gfx/horiz_line_bg.gif) repeat-x bottom; margin: 0; padding: 0; clear: both; }
div#header h1 { position: absolute; top: 0; text-indent: -9000px; height: 0; margin: 0; padding: 0; }

div#logo { float: left; width: 565px; height: 80px; }

div#toolbar { display: inline; float: left; width: 200px; height: 90px; color: #a7a7a7; font-size: 1em; }
div#toolbar a { color: #ccc; margin: 0; text-decoration: none; }
div#toolbar a:hover { color: #bf0505; }
div#toolbar ul { display: inline; float: right; background: url(../images/toolbar_bg.gif) no-repeat; margin: 10px 0 0; padding: 0; list-style-type: none; clear: both; }
div#toolbar li { float: left; margin: 0 0 0 12px; padding: 10 12px 0 0; border-right: 1px solid #ddd; }
li.last { padding: 0 !important; border: none !important; }
div#toolbar p { float: right; clear: both; }

/* search */
form#search { display: inline; float: left; width: 388px; margin: 0 0 0 20px; }

/* navigation */
div#navigation { display: inline; float: left; width: 700px; height: 90px; }
div#navigation ul { display: inline; float: left; width: auto !important; width: 100%; height: 40px; padding: 0; margin: 0; list-style-type: none; clear: both; }
div#navigation ul a { font-size: 1.1em; font-weight: normal; color: #ccc; text-decoration: none; text-align: center; } 
div#navigation li { display: inline; float: left; width: auto !important; display: block; height: 40px; padding: 0; margin: 0; }
div#navigation li a { display: inline; float: left; height: 30px; margin: 0 0 0 20px; padding: 10px 20px 0 0; outline: none; font-weight: bold; }
div#navigation li.active { background: #fff; } 
div#navigation li.active a { color: #bf0505 !important; } 
div#navigation li:hover a { color: #fff }

/* content div */
div#content { display: inline; float: left; width: 100%; height: auto !important; height: 300px; min-height: 300px; background: url(/static/gfx/horiz_line_bg.gif) repeat-x bottom; padding: 30px 0 20px; clear: both; }

/* footer */
div#footer { float: left; width: 100%; background: #545454 url(/static/gfx/footer_bg.gif) repeat-x; margin: 70px 0 0; padding: 20px 0 40px; clear: both;  }
div#footer h3, div#footer h4 { color: #fff; }
div#footer strong { color: #fff; }
div#footer p { color: #a0a0a0; font-size: 1em; }
div#footer small { color: #cecece; }
div#footer a { color: #a0a0a0; text-decoration: underline; }
div#footer .col1 { padding: 20px 0 0; }
div#footer .col2 { text-align: right; }



/* --------- DEFAULT TEMPLATE --------- */

/* content styles */
div.content h1 { font-size: 2.2em; font-weight: normal; color: #292929; margin: 0 0 20px; }
div.content h2 { font-size: 1.8em; font-weight: normal; color: #bf0505; margin: 0 0 20px; }
div.content h3 { font-size: 1.6em; font-weight: normal; color: #189400; margin: 0 0 20px; }
div.content h4 { font-size: 1.4em; font-weight: normal; color: #0079be; margin: 0 0 20px; }
div.content p { font-size: 1em; margin: 0 0 20px; line-height: 1.8em; }
div.content ul { padding: 0 0 0 16px; list-style-position: outside; }
div.content a { color: #bf0505; text-decoration: none; border-bottom: 1px dotted #bbb; }
div.content strong em { color: #bf0505; }
div.content a:hover { color: #bbb; }
div.content blockquote { color: #888; font-size: 1em; line-height: 1.8em; margin: 0 0 20px; padding: 10px 0 10px 40px; border-left: 3px solid #bf0505; }
div.content li { padding: 0 0 8px 20px; }

/* forms */
form.default { width: 100%; margin: 0 0 20px; }
form.default label, form.default input { float: left; font-family: arial, san-serif; font-size: 1em; }
form.default input { background: #f4f4f4; border: 1px solid #ccc; padding: 6px; }
form.default label { width: 80px; margin: 0 10px 0 0; padding: 4px 0 0; font-weight: bold; }
form.default .formelement { width: 160px; }
form.default .button { background: #bf0505; padding: 5px !important; padding: 5px 0px; margin: 0 0 0 4px; color: #fff; border: 1px solid #7f0000; }

/* pics */
img.pic { max-width: 100%; }


/* tables */
table.default { width: 100%; }


/* columns */
div.col1 { float: left; width: 640px; margin: 0 40px 0 0; padding: 0; }
div.col2 { float: left; width: 220px; padding: 0; }


/* buttons */
a.button { display: block; background: url(/static/gfx/button_bg.gif) no-repeat; width: 92px; height: 36px; padding: 0; line-height: 36px; color: #fff !important; font-size: 11px; font-weight: bold; text-decoration: none !important; text-align: center; }
a.button:hover { color: #ccc; }



/* --------- 3 COL TEMPLATE --------- */

/* columns */
div#tpl-3col .col1 { float: left; width: 273px; margin: 0 40px 0 0; padding: 0; }
div#tpl-3col .col2 { float: left; width: 273px; margin: 0 40px 0 0; padding: 0; }
div#tpl-3col .col3 { float: left; width: 273px; padding: 0; }


/* --------- 4 COL TEMPLATE --------- */

/* columns */
div#tpl-4col .col1 { float: left; width: 195px; margin: 0 40px 0 0; padding: 0; }
div#tpl-4col .col2 { float: left; width: 195px; margin: 0 40px 0 0; padding: 0; }
div#tpl-4col .col3 { float: left; width: 195px; margin: 0 40px 0 0; padding: 0; }
div#tpl-4col .col4 { float: left; width: 195px; padding: 0; }

/* forms */
div#tpl-4col .formelement { width: 100px; }