/* CSS Document */ /********************************************* lightblue bg E9ECF5 body text 505050 leftnav inactive 000000 rollover 000000 active 000000 *********************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img, abbr, acronym { border: none; } body { font-family: "Arial", Verdana, Helvetica, sans-serif; color: #505050; /*font-size: x-small;*/ font-size: 70.5%; background-color: #F5F5F5; margin: 0px; padding: 0px; } a:link, a:visited, a:active{ color: #6C84A7; text-decoration: underline; } a:hover { color: #6C84A7; text-decoration: none; } .spacer { clear: both; margin: 0px 0px 0px 0px; } /*==================================================================================== properties =====================================================================================*/ h1,h2,h3,h4,h5,h6 { color: #2E406B; font-size:100%; font-weight:normal; } img { border: none; } h1 { font-size: 2.5em; font-family: "HelveticaNeue Condensed", Arial, Verdana, sans-serif; font-weight: bold; margin: 0 0 10px 0; } h2, h3 { font-size: 1.8em; margin-top: 1.5em; margin: 0 0 5px 0; } h4 { font-weight: bold; font-size: 1.2em; } h4 { font-weight: bold; font-size: 1.2em; } h6 { color: #505050; font-weight: bold; font-size: 1.1em; } p { font-size: 1.0em; line-height: 1.5em; margin: 0 0 15px 0; } strong { font-weight: bold; } blockquote { background-color:#FBFBF6; width: 248px; font-weight:normal; border: 1px solid #DCDCDC; } blockquote { padding:8px; } .alert { color: #FF0000; font-weight: bold; font-size: 1.5em; } .required { color: #FF0000; font-weight: normal; } /*==================================================================================== brand bar section =====================================================================================*/ #brandbar { height: 81px; width: 733px; background-color: #ffffff; background-image: url('../_images/brandbar-repeat.gif'); background-repeat: repeat-x; color: #6C84A7; overflow: auto; padding: 0px 15px; } #brandbarTop { height: 17px; background-color: transparent; text-align: left; overflow: none; padding: 1px 0px; } .brandbarTopLeft { width: 100px; text-align: left; float: left; overflow: none;} .brandbarLanguage { width: 100px; text-align: right; float: right; padding: 0px 0px; overflow: none;} #brandbar a:link, #brandbar a:visited, #brandbar a:active{ color: #6C84A7; text-decoration: underline;} #brandbar a:hover { color: #6C84A7; text-decoration: none; } #brandbarLeft { float: left; padding: 0px 0px; width: 90px; } #brandbarRight { float: right; width: 350px; height: ; background: transparent; } #brandbarRight_Top{ font-size: 70%; color: #275E2B; text-align: right; float: right; height: px; padding: 1px 7px 2px 7px; margin: 4px 3px 0 0; background-color: #C8D09A; border-left: 1px solid #B1B888; border-right: 1px solid #B1B888; border-bottom: 1px solid #B1B888;} #brandbarRight_Bottom{ width: 150px; font-size: 80%; color: #000000; font-weight:normal; text-align: right; float: right; height: px; padding: 3px 7px 2px 7px; margin: 10px 0 0 0;} /*#brandbarRight { width: 300px; text-align: right; float: right; padding: 0px 0px; height: ; } .brandbarRight_Top{ text-align: right; float: right; } .brandbarRight_Bottom{ text-align: right; float: right; }*/ #brandphoto { height: 150px; width: 733px; background-color: #ffffff; padding: 0px 15px; } .brandphotoLeft { height: 150px; width: 562px; background-color: #ffffff; padding: 0; float: left; } .brandphotoRight { height: 150px; width: 171px; background-color: #ffffff; padding: 0; float: left; } /*==================================================================================== main content section =====================================================================================*/ #container { width:763px; background-color: #ffffff; border-bottom: 12px solid #FFFFFF; overflow: hidden; position: relative; /* fix to 'IE7 10000px padding-bottom spill over footer' problem */ } #contentContainer { padding: 15px 0; margin:0; width: 733px; text-align: left; background: #ccc; } /*=================================================================================== three column template*/ #contentContainer.column { position: relative; float: left; /*IE only */ padding-bottom: 1001em; /* X + padding-bottom */ margin-bottom: -1000em; /* X */ } #center { padding: 0 20px; float: left; /*IE only */ width: 368px; background: #FFFFFF; text-align: left; } #left { width: 155px; /* LC width */ float: left; /*IE only */ padding: 0; /* LC padding */ background: #FFFFFF; text-align: left; } #right { float: right; width: 149px; /* RC width */ padding: 0 10px 20px 10px; /* RC padding */ background: #E9ECF5; position: relative; background-image: url(../_images/rc-gradient.jpg); background-repeat: no-repeat; background-position: 0px 0px ; border-left: 1px solid #D5DDC1; text-align: left; } /*=================================================================================== two column template*/ #rightWide { padding: 0 0 0 20px; width: 558px; background: transparent; } #rightWide-container { padding: 0; width: 558px; background: transparent; overflow: auto; } #rightWide-left { padding: 0 10px 0 0; float: left; width: 266px; background: transparent; } #rightWide-right { padding: 0 0 0 10px; float: right; width: 266px; background: #FFFFFF; } /*====================================================================================