/* reset */
html{color:#000;background:#FFF;}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,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}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{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:12px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:12px arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:12px;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
#container {width: 870px; margin: 0 auto; font-size: 12px;}
#header {height: 90px;}
#header #logo {float: left;}
#header #navigation {float: right;}
#banners {margin-bottom: 10px;}
#footer {text-align: center;}
#footer, #footer a {color: #666;}
#footer .small {margin: 10px 0;}
/*general*/
a {color: #8c2e22;}
p {margin: 0 0 10px 0;}
.clr {clear: both; height:1%; font-size:0; line-height:0;}
.left {float: left;}
.right {float: right;}
.m10 {margin-right: 10px;}
.m11 {margin-right: 11px;}
.small {font-size: 11px;}
.half .whiteBox, .half .greyBox, .bannerHome {width: 430px; float: left;}
.third .whiteBox, .third .greyBox {width: 283px; float: left;}
/*navigation*/
#header #navigation{ margin-top: 50px;}
#navigation {float:right; width:673px; line-height:normal;}
#navigation ul {margin:0; padding:0; list-style:none; float:right;}
#navigation li {display:inline; margin:0; padding:0;}
#navigation li.first a {background:url("../images/navigation/tabLeft.gif") no-repeat left top;}
#navigation a {float:left; background: url("../images/navigation/separItemMenu.gif") no-repeat left top; margin:0; padding:0 0 0 3px; text-decoration:none; font-weight: bold;}
#navigation li.last a span {background:url("../images/navigation/tabRight.gif") no-repeat right top;}
#navigation a span {float:left; display:block; background: url("../images/navigation/bgMiddleNav.gif") no-repeat right top; padding:3px 25px 4px 26px; color:#FFF;}
#navigation a:hover {background-position:0% 0%;}
#navigation a:hover span {color: #8c2e22;}
#navigation li.first a:hover {background-position:0% -22px;}
#navigation li.last a:hover span {background-position:100% -22px;}
#navigation #current a {background-position:0% -22px;}
#navigation #current a span {background-position:100% -22px; color: #8c2e22;}
/*banners*/
.comZone{background: #fff url(../images/bgComZone.jpg) left top no-repeat; height:113px; position: relative;}
.comZone a, .comZone a:link, .comZone a:active, .comZone a:visited, comZone a:hover { text-decoration:none; height:113px; display:block; color:#fff; cursor:default;}
.bannerHome .comZone img{margin: 10px 15px 10px 15px; float:left}
.comZone .contentComZone {display:block; cursor:default; font-size:13px; position: absolute; top: 21px; left: 115px; width: 310px;}
.comZone .contentComZone span { font-size:11px; cursor:default}
.comZone span.title { font-size:20px; line-height: 40px; cursor:default}
.comZone span.subtitle{font-size:9px; font-style: italic; cursor:default}
.banner2 {margin-left: 5px;}
/*boxes*/
.greyBox {background: #e1e1e1;}
.heading {font-size: 16px; padding:6px 0 0 11px;}
.heading h1 {font-weight: bold;}
.intro {padding:0 13px 20px;}
.content {line-height:18px;}
.content ul {margin: 0 0 10px 0;}
.content ul li {list-style-type: disc; margin-left: 13px;}
/*3 boxes*/
#contentHome {background: transparent url(../images/boxes/bgContentHome.gif) repeat-y scroll left top; height: 100%;}
#footerBoxesHome {font-size:0; line-height:0; margin-bottom:10px; background:transparent url(../images/boxes/bgFooterBoxesHome.gif) no-repeat scroll left top; height:18px; position: relative;}
.third .greyBox .heading {background: #fff url(../images/boxes/bgHeaderGreyThird.gif) no-repeat scroll left top; height:39px;}
.third .greyBox .content {padding:0 13px;}
.third .whiteBox .heading {background: #fff url(../images/boxes/bgHeaderThird.gif) no-repeat scroll left top; height: 48px;}
.third .whiteBox .intro {padding:0 13px 22px;}
.third .whiteBox .content {padding:0 33px 10px 33px;}
#footerBoxesHome .whiteBottom {width: 455px; height: 13px; background: transparent url(../images/boxes/bgWhiteBoxThird.gif) no-repeat scroll 13px bottom; position: absolute; top: -12px; left: 587px;}
/*2 boxes*/
#contentWW {background: transparent url(../images/boxes/bgContentWW.gif) repeat-y left top; height: 100%;}
#contentWG {background: transparent url(../images/boxes/bgContentWG.gif) repeat-y left top; height: 100%;}
#contentGW {background: transparent url(../images/boxes/bgContentGW.gif) repeat-y left top; height: 100%;}
#footerBoxes {font-size:0; line-height:0; margin-bottom:10px; background:transparent url(../images/boxes/bgFooterBoxes.gif) no-repeat left top; height:18px; position: relative;}
.half .greyBox .heading {background: #fff url(../images/boxes/bgHeaderGreyHalf.gif) no-repeat scroll left top; height:39px;}
.half .greyBox .content {margin: 0; padding: 0 14px;}
.half .whiteBox .heading {background: #fff url(../images/boxes/bgHeaderHalf.gif) no-repeat scroll left top; height: 48px;}
.half .whiteBox .intro {padding:0 33px 22px;}
.half .whiteBox .content {padding:0 33px 10px 33px;}
#footerBoxes .whiteBottom {width: 870px; height: 12px; background: transparent url(../images/boxes/bgWhiteBoxHalf.gif) no-repeat 0 0; position: absolute; top: -12px; left: 0px;}
/*forms*/
.formItem {clear: both; margin-bottom: 5px;}
.label {text-align: right; margin-right: 10px; width: 100px;}
.field {width: 254px;}
input, textarea, select {border:1px solid #6E1B0A; background: none; font-family:Arial,Helvetica,sans-serif; font-size:11px; vertical-align:middle;}
input.radio {border: none;}
input.normal {padding:2px 0; width:252px;}
input.small {padding:2px 0; width:252px;}
textarea {padding:2px 0; width:252px; height: 50px;}
.formBtn {margin-top: 20px; text-align: right;}
.formBtnNoMarg{background:url(../images/forms/btnFormMiddle.gif) repeat-x; margin:-10px 0 0 15px; padding: 4px 0 8px 0;}
html*.formBtnNoMarg{padding: 0;}
html*.formBtnNoMarg a span{margin-right: -4px}
.formBtnNoMarg a, .formBtnNoMarg a:link, .formBtnNoMarg a:active, .formBtnNoMarg a:visited span { text-decoration:none; color:#fff;}
.formBtnNoMarg a:hover span { text-decoration:underline}
.formBtnNoMarg a:hover span.leftCorner { text-decoration:none}
.formBtnNoMarg span.leftCorner { background:url(../images/forms/btnFormLeft.gif) no-repeat; width:5px; height:27px; padding:4px 0 8px 5px; _padding:5px 0 8px 5px; font-weight:bold; cursor:pointer; }
.formBtnNoMarg span.rightCorner { background:url(../images/forms/btnFormRight.gif) no-repeat top right; height:27px; padding:5px 20px 9px 10px; _padding:6px 20px 9px 10px; font-weight:bold; font-size:11px; cursor:pointer; }
/* toolTip */
a.tt{position:relative; z-index:24; text-decoration:none;}
a.tt img{padding: 0; margin: 0;}
a.tt .tooltip, a.tt .tooltip span{ display:none; font-size: 11px;}/**/
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:; text-decoration:none; position: relative;}
a.tt:hover span.tooltip{ display:block; position:absolute; top:18px; _top:20px; left:-14px; padding-top:0; width:150px; text-align:left;}
a.tt:hover span.tooltip span.middle{padding:5px;}
/* Little TT */
a.tt:hover span.tooltip .top{display:block; }
.tooltip .top{border-bottom:1px solid #ccc; padding-top: 11px;}
.tooltip .top .arrow{ display:block; position:absolute; height:11px; width:11px; top: 1px; left: 20px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/arrowTT.png', sizingMethod='image');}
html*.tooltip .top .arrow{ margin-bottom: -15px;}
.tooltip .top span[class='arrow']{background: url('../images/arrowTT.png') no-repeat;}
a.tt:hover span.tooltip .middle{display:block; background: #EAEAEA url('../images/bgTT.gif') right top repeat-x; color:#757575}
.tooltip .middle{ border:solid #ccc; border-width:0 1px 1px 1px; background:#fff; padding: 1px;}
a.tt #homePageTooltip{ top: 65px; left: 87px; width: 240px; overflow: auto; background-color:#fff}
#contentHome #right a.tt:hover #homePageTooltip span.title{ font-weight: bold; color: #9f0400; display: block; font-size: 11px;}