﻿html, body 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Tahoma, Times New Roman;
	font-size: 10pt;
	background: #ffffff url(../images/bg_gradient.gif) repeat-x;
	width: 100%;
	height: 100%;
}

#mainContainer
{
	position: absolute;
	width: 1085px;
	left: 50%;
	margin-left: -542.5px;
	margin-top: 57px;
	background-image: url(../images/bg_gradient3.gif);
	background-repeat: repeat-y;
}

#navigationUpper
{
	padding-top: 57px;
	height: 57px;
	text-align: center;
	font-size: 24pt;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/bg_gradient4.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

#navigationUpper ul
{
	margin: 0px;
	padding: 0px;
}

#navigationUpper ul li
{
	display: inline;
	list-style-type: none;
	padding-right: 35px;
	margin: 0px;
}

#navigationUpper a
{
	color: #ffffff;
	text-decoration: none;
}

#navigationUpper a.active, #navigationUpper a:hover
{
	color: #000000;
}

#navigationUpper ul li.end
{
	padding: 0px;
}

#leftContainer
{
	float: left;
	width: 416px;
	background: #ffffff url(../images/bg_gradient2.gif) repeat-y;
}

#leftContainer img.logo
{
	width: 416px;
	height: 401px;	
}

#rightContainer
{
	float: left;
	width: 669px;
}

#contentContainer
{
	background-color: #ededed;
	padding-left: 25px;
	padding-right: 9px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#footer
{
	clear: both;
}

/* Reusable items */
a
{
	color: #b71c20;
}

h1
{
	margin: 0px;
	font-size: 18pt;
	font-weight: normal;
}

h2
{
	margin: 0px;
	color: #707070;
	font-size: 9pt;
	font-weight: normal;
}

h3
{
	margin: 0px;
	font-size: 18pt;
	font-weight: normal;
	margin-bottom: 25px;
}

h4
{
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
}

div.clear
{
	clear: both;
}

p.title, span.title, tr.title td
{
	font-weight: bold;
}

p
{
	margin: 0px;
}

p.item
{
	margin: 0px;
	margin-bottom: 10px;
}

p.item2
{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

img
{
	border: 0px;
}

div.subNavigationHolder
{
	padding-left: 86px;
	margin-bottom: 15px;
}

div.boxSubnavigation
{
	width: 213px;
}

div.boxSubnavigation div.topEnd
{
	text-align: right;
	height: 27px;
}

div.boxSubnavigation div.header
{
	height: 25px;
	padding-left: 5px;
	color: #ffffff;
	background-color: #b71c20;
	font-weight: bold;
	padding-top: 5px;
	font-size: 12pt;
}

div.boxSubnavigation div.content
{
	background-color: #d7d0c0;
	padding: 15px;
	color: #000000;
}

div.tabHolder div.left, div.tabHolder div.left2
{
	float: left;
	background-image: url(../images/tab_endLeft.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 20px;
}

div.tabHolder div.left2
{
	background-image: url(../images/tab_endLeft2.gif);
}

div.tabHolder div.content
{
	float: left; 
	background-color: #d7d0c0; 
	height: 20px;
	font-size: 10pt;
	line-height: 14pt;
	padding-left: 5px;
	padding-right: 5px;
}

div.tabHolder div.content img
{
	vertical-align: text-top;
}

div.tabHolder div.right, div.tabHolder div.right2
{
	float: left;
	background-image: url(../images/tab_endRight.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 20px;
}

div.tabHolder div.right2
{
	background-image: url(../images/tab_endRight2.gif);
}

input.tb, textarea.tb
{
	border: solid 1px #aaaaaa;
}

input.tb
{
	width: 265px;
}

textarea.tb
{
	width: 480px;
	height: 100px;
}

a.button
{
	background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;										/* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;												/* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;									/* push text down 1px */
} 

td.buttonHolder
{
	text-align: right;
}

span.message
{
	padding-left: 40px;
}

.overlay 
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

* html .overlay 
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.loader 
{
    z-index: 100;
    position: fixed;
    width: 400px;
    margin-left: -221px;
    padding: 20px;
    top: 50%;
    left: 50%;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #aaaaaa;
}

* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

span.addendum
{
	font-size: 8pt;
}

div.popupBg
{
	background-color: #000000;
	filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

div.popupHolder
{
	background-color: #ededed;
	padding: 20px;
	border: solid 1px #d7d0c0;
}

table.chart
{
	margin-top: 10px;
	margin-bottom: 15px;
}

table.chart td
{
	padding: 3px;
}
/* End reusable items */

/* Blog Area */

div.quoteTop, div.vote, div.commentAuthor
{
	float: left;
}

div.actions, div.quoteBottom, div.dateCreated
{
	float: right;
}

div.actions
{
	margin-top: 24px;
}

div.actions a, div.actions a.end, div.actions a.emailBlog
{
	color: #000000;
	text-decoration: none;
	margin-right: 20px;
	cursor: pointer;
}

div.actions a.end, div.actions a.emailBlog
{
	margin-right: 0px;
}

div.blogHolder, div.blogCommentHolder
{
	background-color: #ffffff;
	min-height: 15px;
	padding-left: 40px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;
}

div.contentContainer
{
	margin-bottom: 35px;	
}

div.blogHeaderHolder
{
	background-color: #ffffff;
	height: 72px;
}

div.blogHeaderHolder div.avatar
{
	width: 80px;
	text-align: center;
	float: left;
	padding-top: 6px;
}

div.blogHeaderHolder div.avatar img
{
	border: solid 2px #b71d1f;
	height: 56px;
	width: 56px;
}

div.blogHeaderHolder div.information
{
	width: 535px;
	padding-top: 8px;
	padding-right: 20px;
	float: left;
	text-align: right;
}

div.blogHeaderHolder div.information h1 a
{
	color: #000000;
}

div.blogContentTop
{
	height: 45px;
}

div.blogCommentContentTop
{
	height: 21px;
}

table.reply td, table.emailBlog td
{
	vertical-align: top;
	padding-bottom: 5px;
}

table.reply td.fieldTitle, table.emailBlog td.fieldTitle
{
	padding-right: 20px;
}

div.voteHolder, div.voteResultsHolder
{
	float: left;
}

div.voteHolder input, div.voteResultsHolder input
{
	vertical-align: middle;
}

div.blogQuote {
	background-color: #ededed;
}
/* End Blog Area */

/* Start Contact Area */
table.contact td
{
	vertical-align: top;
	padding-bottom: 5px;
}

table.contact td.fieldTitle
{
	padding-right: 20px;
}
/* End Contact Area */
