@charset "UTF-8";

/* CSS Document */
*{margin:0; padding:0;}
body {background: url(../images/background.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif;} 
img {border: 0;}
p {font-size: 12px; margin-bottom: 15px;}
ul, ol {font-size: 12px;}

h1 {font-size: 22px; margin-bottom: 10px;}
h2 {font-size: 20px; margin-bottom: 10px;}
h3 {font-size: 16px; margin-bottom: 5px;}
h4 {font-size: 14mpx; margin-bottom: 5px;}

a {color: #01357f;}

.left {float: left; margin: 0 15px 15px 0;}
.right {float: right; margin: 0 0 15px 15px;}
.moreLink {text-align: right; margin-bottom: 20px;}

#pageWidth {margin: 0 auto; width: 960px;}
#logo {margin: 30px 15px 25px 15px; text-align: left;}

/* NAVIGATION */
#navigation {background: url(../images/navigation_bg.png) no-repeat; color: #fff; height: 45px; margin-bottom: 15px; text-align: center;}
#navigation ul {padding-top: 12px;}
#navigation li {display: inline; font-size: 14px; font-weight: bold; letter-spacing: 1px; list-style-type: none; padding: 0 19px;}
#navigation a {color: #fff; text-decoration: none;}
#navigation a:hover {color: #FC0}

/* HOME PAGE */
#homeImage h1 {color: #01357f; font-size: 22px; margin-bottom: 2px;}
#homeImageDescription {height: 100px; left: 50%; margin-left: -430px; position: absolute; top: 225px; width: 280px; z-index: 999999;}
#homeImageDescription p {font-size: 13px;}
.learnMoreLarge {font-size: 12px;}
.learnMoreLarge a {background: url(../images/more_arrow.png) right no-repeat; color: #012d6a; margin: 6px 0; padding: 3px 12px 3px 0; border: 1px solid #012d6a; text-decoration: none;}
.learnMoreLarge a:hover {color: #fff; background: url(../images/more_arrowOn.png) right no-repeat #01357f;}
.learnMoreLarge span {padding: 3px 5px;}

/* 3 COLUMN LAYOUT */
.threeColumn {width: 290px; float: left; margin: 40px 0;}
.threeColumn h2 {color: #5a0101; font-size: 16px; border-bottom: 1px solid #5a0101; padding-bottom: 3px;}
.threeColumn h3 {font-size: 12px;}
.threeColumn li {list-style-type: none;}
.threeCenter {margin-left: 40px; margin-right: 40px;}
#threeBrands img {padding: 10px 0;}
#threeCommitments, #threeNews {padding-top: 10px;}
#threeCommitments a, #threeNews a {color: #000; text-decoration: none;}
#threeCommitments a:hover, #threeNews a:hover {text-decoration: underline;}
#threeCommitments li {background: url(../images/arrow_bullet.gif) no-repeat left top; padding: 0 50px 24px 30px;}
#threeNews li {min-height: 34px; padding-bottom: 20px;}

/* CONTENT PAGES LAYOUT */
#contentLayout {background: #fff; border: 1px solid #a5a4a9; padding: 20px;}
#contentLayout h2 {color: #5a0101; font-size: 16px; border-bottom: 1px solid #5a0101; margin-top: 40px; padding-bottom: 3px;}
#contentLayout h2:first-child {margin-top: 15px;}
#contentLayout h3 {font-size: 14px;}
#contentLayout h4 {font-size: 12px;}
#contentLayout p {line-height: 17px;}
#contentLayout .threeColumn {margin-top: 20px; width: 275px;}
.contentLayoutSmall {margin-left: 220px;}
.contentLayoutSmall ul, .contentLayoutSmall ol {margin: 0 0 20px 40px;}
.contentLayoutSmall li {padding-bottom: 6px;}
.contentLayoutSmall .threeColumn {margin-top: 20px; width: 200px !important;}
.profile {margin: 20px 0;}
.profile p {margin-left: 120px;}
.imageleft {margin-left: 265px;}

/* NAVIGATION SIDEBAR */
#sideNavigation {background: #fff; float: left; margin-top: 15px; padding: 1px; width: 188px;}
#sideNavigation h1 {color: #5a0101; font-size: 16px; border-bottom: 1px solid #5a0101; padding-bottom: 3px;}
#sideNavigation li {list-style-type: none; padding: 0px 10px 15px 0;}
#sideNavigation a {}


/* FOOTER */
#footer {border-top: 4px solid #01357f; margin-top: 15px; padding-top: 8px; clear: both;}
#footer ul {float: right;}
#footer li {display: inline; font-size: 12px; list-style-type: none; padding: 0 8px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}



/* FIXES */
.clear {clear: both;}

/* Float containers fix: */
.clearfix:after, .listedItem:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, .listedItem{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, *html .listedItem{height: 1%;}
.clearfix, .listedItem{display: block;}
/* End hide from IE-mac */
/* test */