/**/
/*Elements*/
p, #leftcontentarea, #maincontentarea, #rightcontentarea, ol { color: #000; font-weight: normal; line-height: 17px; text-decoration: none; letter-spacing: 0.1ex; margin: 0; padding: 0 0 9pt }
strong { color: #8a1300; font-weight: bold; }
em { color: #8a1300; font-style: italic; font-weight: normal }
a { color: #1f568e; font-weight: bold; text-decoration: none }
a:hover { color: #a29061; text-decoration: none }
h1 { color: #0a1f62; font-size: 14px; font-weight: bold; line-height: 16px; margin: 0 0 5px }
h2 { color: #8a1300; font-size: 1.2em; padding:0 0 2px; margin:0 0 5px ; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; border-bottom: 2px dotted #a29061; }
h3 { color: #8a1300; font-size: 1em; padding:0 0 0; margin:0 ; font-weight: bold; text-transform:uppercase; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
h4 { color: #8a1300; font-size: 1em; font-weight: bold; text-transform: uppercase; }
h5 { color: #0a1f62; font-size: xx-small; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; font-weight: bold; margin: 0 }
ol, ul { margin-left: 35px }
ol ol, ul ul { list-style-type: lower-alpha; margin-left: 23px }
ul{ list-style:none; letter-spacing: 0.1ex; line-height: 170%; padding-top: 0; padding-bottom: 4px; }
img{border:none; display:block;}
/**/
/**/
/*FORMS*/
.tableoutline { empty-cells: show; border-collapse: collapse; font-size: 12px; line-height: 14px; background-color: #fff; border-top: 1px solid #1F568E; border-left: 1px solid #1F568E; border-bottom: 1px solid #1F568E; border-right-color: #1F568E; outline-color: #fc0; }
.tablesectionheader { color: #8A1300; font-size: 12px; font-weight: bold; line-height: 14px; background-color: #1F568E; vertical-align: top; padding: 3px 10px; border-right: 1px solid #1F568E; border-top-color: #1F568E; border-bottom-color: #1F568E; border-left-color: #1F568E; outline-color: #8A1300; }
.tableheader { font-size: 12px; line-height: 14px; background-color: #1F568E; padding: 2px 10px; border-top: 1px solid #1F568E; border-right: 1px solid #1F568E; border-bottom: 1px solid #1F568E; border-left-color: #1F568E; border-left-width: medium; outline-color: #8A1300; }
.tableheadertext { font-size: 12px; line-height: 14px; }
.tablerow2, .calrow2 { font-size: 11px; line-height: 12px; background-color: #caf5ff; padding: 5px 0 5px 0; border-color: #1F568E; border-style: none solid none none; border-width: medium 1px medium medium; }
.tablerow1, .calrow1 { font-size: 11px; line-height: 12px; background-color: #ecfcff; letter-spacing: 0; padding: 5px 0 5px 0; border-color: #1F568E; border-style: none solid none none; border-width: medium 1px medium medium; }
.tablerowcurrent, .calcurrent, .calbonus { font-size: 11px; line-height: 12px; background-color: #fdfad4; padding: 5px 0; border-color: #1F568E; border-style: none solid none none; border-width: medium 1px medium medium; }
.calrow1, .calrow2, .calcurrent { border-color: #1F568E; border-style: none solid none none; border-width: medium 1px 1px medium; }
.calbonus { border-color: #1F568E; border-style: solid solid none none; border-width: 1px 1px 1px medium; }
.dropdownwhite, .input { background:#eeebdf; color:#6d3a32; font-size: 11px; font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-stretch: normal; font-size-adjust: 0; letter-spacing: 0; vertical-align: middle; border-color: #a29061; border-style: solid; border-width: 2px 1px 1px 2px; }
/**/
/**/
/*Navigation*/
.navcell { color: #003262; font-size: 11px; font-weight: normal; line-height: 10px; margin: 0; padding: 4px 4px 3px; vertical-align: top }
a.bmNavigation { color: #8a1300; font-size: 11px; padding-top: 1px; padding-right: 4px; padding-left: 0 }
a.bmNavigation:visited { color: #a29061 }
a.bmNavigation:hover { color: #1f568e; background-color:#fff
}
#subnav { color: #8a1300; font-size: 11px; font-weight: bold; line-height: 15px; }
#subnav a.bmNavigation { color: #8a1300; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 10px; padding: 3px; }
#subnav a.bmNavigation:visited { color: #a29061 ; padding: 3px; }
#subnav a.bmNavigation:hover { color: #fff ; background-color: #8a1300; padding: 3px; }
#subnav .bmActiveNav { color: #fff; font-size: 11px; text-transform: uppercase; background-color: #1f568e; padding: 3px; }
.bmActiveNav { color: #fff; font-size: 11px; font-weight: bold; background-color: #8a1300; padding: 3px; }
.bmActiveNav:visited { color: #1f568e }
.bmActiveNav:hover { color: #a29061 ; padding: 3px; }
/*Breadcrumbs*/
.bmBreadcrumbText { color: #1f568e; font-size: 9px ; font-weight: normal; }
a.bmBreadcrumbs { color: #1F568E ; font-weight: normal; }
a.bmBreadcrumbs:visited { color: #A29061 }
a.bmBreadcrumbs:hover { color: #8A1300 }
/*Links*/
a.bmParent { color: #8A1300; font-size: 10px; font-weight: bold }
a.bmParent:visited { color: #a29061 }
a.bmParent:hover { color: #8a1300 }
/*Article Links*/
.bmLinkleft { margin: 0; padding: 0; clear: left }
.bmLinkright { margin: 0; padding: 0; clear: right }
/* #contentbox a.bmHeadlineLink, a.bmSpotHeadline { color: #1f568e; font-size: 11px; font-weight: bold; letter-spacing: 0 }
*/ a.bmHeadlineLink { color: #1f568e; font-size: 8pt; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
a.bmHeadlineLink:visited, a.bmRelatedLink:visited, a.bmSpotHeadline:visited { color: #a29061 }
a.bmHeadlineLink:hover, a.bmRelatedLink:hover, a.bmSpotHeadline:hover { color: #8a1300 }
a.bmRelatedLink { color: #1f568e; font-size: 8pt; line-height: 15pt; text-decoration: none; margin: 0 0 10px; padding: 0 0 10px }
div.bmRelatedLink { margin: 0; }
/*Tools*/
a.bmQuickHead { color: #1f568e }
a.bmQuickHead:visited { color: #A29061 }
a.bmQuickHead:hover { color: #8A1300 }
/*Email-Print this Page*/
a.bmToolLink { color: #8A1300; font-size: 8pt; font-weight: normal; line-height: 8pt; text-decoration: none }
a.bmToolLink:visited { color: #A29061; text-decoration: none }
a.bmToolLink:hover { color: #8A1300; text-decoration: none }
.bmBottomTools { width: 100%; clear: both }
.bmBotRelated { text-align: left; width: 45%; float: left }
.bmBotEmailPrint { font-weight: normal; text-align: right; width: 45%; float: right }
/*Article Content and Tools*/
.bmSubhead { color: #1f568e; font-size: 11px; font-weight: normal }
.bmarticleByline { color: #1f568e; font-size: 12px; font-style: italic; text-align: right }
.bmpromoByline { color: #1F568E }
.bmarticleDate { color: #1F568E; font-size: 10px }
.bmpromoDate { color: #1f568e; font-size: 10px }
.bmCaption { color: #1f568e; font-size: 12px; font-style: italic; font-weight: normal; letter-spacing: 0; margin-top: 2px; padding-top: 2px }
.bmTipHead { color: #fff; font-size: 2px; font-weight: bold; line-height: 0px; position: absolute; left: -600px; visibility: hidden ; clear: none; margin-left: -5px; }
.bmTipText { color: #a29061; font-size: 11px ; position: relative; left: -5px; width: 210px; float: left; margin-left: 0; }
#middle-main .bmTipText {float: none}
.bmBottomText, .bmBottomText div, .bmBottomText p, .bmBottomText th, .bmBottomText td, .bmBottomText li, .bmBottomText dd, .bmBottomText dl, .bmBottomText dt, .bmBottomText a { color: #fff; font-size: 10px; line-height: 16px; letter-spacing: 0; }
.bmBottomText { padding-top: 10px; padding-right: 19px; padding-left: 22px; }
.bmBottomText a:hover { color: #8A1300; }
.bmIcon { margin: 1px; vertical-align: middle; border-width: 0 ; display: inline; }
.footertext {color:#8A1300; font-size: 10px; line-height: 16px; letter-spacing: 0; padding: 5px 0 0}
/*Images*/
.bmLeftImage { margin-right: 15px; margin-bottom: 5px; margin-left: 0; float: left; clear: left; }
.bmRightImage { margin-right: 0; margin-bottom: 5px; margin-left: 10px; float: right; clear: right; outline-color: #5c5838; }
.bmCenterImage { text-align: center; margin: 10px auto; clear: both; }
.bmToolLeft img, .bmToolRight img, .bmToolCenter img { margin: 0; padding: 0; }
/*PullQuotes*/
.bmBigPull, .bmBigPull div, .bmBigPull p, .bmBigPull th, .bmBigPull td, .bmBigPull li, .bmBigPull dd, .bmBigPull dl, .bmBigPull dt { color: #1f568e; font-size: 14px; font-style: italic; font-weight: normal; line-height: 18px; padding-right: 15px; padding-left: 15px }
.bmSmallPull, .bmSmallPull div, .bmSmallPull p, .bmSmallPull th, .bmSmallPull td, .bmSmallPull li, .bmSmallPull dd, .bmSmallPull dl, .bmSmallPull dt { color: #1f568e; font-variant: small-caps; font-weight: bold; padding-right: 15px; padding-left: 15px }
.bmBigPull { background-image: url(images/table-bg.gif); margin-top: 5px; padding: 10px; border: solid 1px #1f568e; }
.bmSmallPull { background-image: url(images/table-bg.gif); margin-top: 5px; padding: 10px; border: solid 1px #1f568e; }
.bmClearAll { clear: both }
.bmSpider { visibility: hidden }/**/
/**/
* {margin:0;padding:0}
body { font-size: 0.7em; font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; line-height: 180%; background: #a29061; text-align: center; overflow: auto }
#outer { background: #a29061; text-align: center }
#inner { background: #fff; text-align: left; margin: 11px; padding: 11px; position: relative; width: 908px }
#header { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 908px; height: 80px }
h1#head { text-indent:-999em; height:0; overflow:hidden; display:none; }
/* hide h1 heading */
* html h1#head{display:none}
#header #logo { position:relative; width: 234px; float: left; display:inline; }
#targetmkt { text-align: right; width:400px; position:relative; height: 25px; float: right; }
#targetmkt img {display:inline;}
#mainnav { text-align: left; width:636px; position:relative; height: 20px; float: right; margin-top: 8px; margin-bottom: 21px; display:inline; }
#mainnav a img { text-align: left; float: left; }
#mainnav.article { text-align: left; width:636px; position:relative; height: 20px; float: right; margin-top: 8px; margin-bottom: 7px; display:inline; }
#subnav { text-align: left; width:636px; position:relative; height: 22px; float: right; margin-top: 0; margin-bottom: 10px; display:inline; }
/* main image on home page */
#main-img{ z-index:2; background-color: #fff; width:630px; text-align: center; height:200px; float:left; display:inline; }
/* * html #main-img{width:570px;w\idth:568px;height:237px;he\ight:235px;}*/
#playerbutton{ z-index:1; position: relative; display:inline; top: -215px; left: 525px; text-align: center; visibility: visible; float: left; }
/* right top image */
#rt-img{ background-color: #fff; width:256px; text-align: center; height:200px; float:left; margin-bottom: 21px; margin-left: 21px; display:inline; }
/* * html #rt-img{width:355px;w\idth:353px;height:106px;he\ight:104px;}*/
/* right bottom image */
#rb-img{background-color: #fff; padding:5px; margin:5px 5px 0; width:353px; border:solid 1px #b5e7f7; text-align: center; height:104px; float:left; display:inline; }
/* * html #rb-img{width:355px;w\idth:353px;height:106px;he\ight:104px; } */
/* content container that is on all pages .............
Notes:
The 2 boxes that hold the main content are equalised using a background
image repeating on #content. They are then capped on the bottom with another image.
Therefore changing any horizontal dimensions will invlolve making new images for these elements
otherwise the effect will be lost.
If any background images are meant to be anchors then just add an anchor in the div and make
it display:block and then set widths and heights to match the parent (for IE).
Lastly remember to change id on body to reflect current page
and to use class="threecol" for the threecol design. That means the body tag will have and id and a class
if the threecol design is required. If the threecol design isn't use then the body just has an ID only.
The html validates apart from the flash object.
..............................................................*/
#contentbox{ background:#fff url(http://www.arrowleadership.com/alpages/images/threecol-bg.gif) repeat-y left top; width:908px; margin: 0; padding: 0; }
#contentbox.article { background:#fff url(http://www.arrowleadership.com/alpages/images/threecol-bg-article.gif) repeat-y left top; width:908px; margin: 0; padding: 0; }
#coltop { position: relative; top: 0; margin: 0; padding: 0; }
#left-main{ width:220px; float:left; margin-right: 21px; padding: 10px 15px 15px; }
#right-main{ width:225px; position: relative; top: 0; float:left; display:inline; padding: 10px 0 15px 15px;}
#middle-main { width:329px; position: relative; top: 0; float:left; display:inline; margin-right: 21px; padding: 10px 15px 15px; }
#middle-main li { list-style-type: disc; }
#middle-main.article { width:605px; position: relative; top: 0; float:left; margin-right: 0; display:inline; padding: 10px 15px 15px; }
#left-main table, #middle-main table, #right-main table { background-image: url(http://www.arrowleadership.com/alpages/images/table-bg.gif); padding-bottom: 5px; border: solid 1pt #a29061; }
#long table { color: #fff; background-color: #003262; background-image: none; padding-bottom: 5px; border: solid 1pt #a29061 }
#left-main th, #middle-main th, #right-main th { color: #fff; background-color: #1f568e; text-transform: uppercase; text-align: left; letter-spacing: 0.1em; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; border-bottom: 1px solid #a29061; }
#left-main td, #middle-main td, #right-main td { text-align: left; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; }
#left-main input, #middle-main input, #right-main input { color: #8a1300; background-color: #fff; text-align: left; padding: 2px; border-color: #a29061; border-style: solid; border-width: 2px 1px 1px 2px; }
#left-main div div, #middle-main div, #right-main div div { padding-right: 0; padding-left: 0; }
#left-main div div div, #middle-main div div, #right-main div div {padding-left: 0px;}
#main-base{ background-image: url(http://www.arrowleadership.com/alpages/images/three-col-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; height:1px; overflow:visible; width: 908px; clear:both; }
#main-base.article{ background-image: url(http://www.arrowleadership.com/alpages/images/three-col-top-article.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; height:1px; overflow:visible; width: 908px; clear:both; }
label{ font-weight:bold; vertical-align: middle; }
.main-bottom { text-align: center; width: 876px; float: left; margin-top: 21px; padding: 5px 15px; border: solid 1px #a29061; display:inline; }
.main-bottom-right { float: right; }
input#get-access { color: #fff; font-size: 10px; font-weight: bold; background-image: url("http://www.arrowleadership.com/alpages/images/295button.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; padding: 1ex; height: 21px; vertical-align: middle; border: solid 0 #a29061 }
input#get-access:hover, input#get-access.over { color: white; font-size: 10px; font-weight: bold; background-image: url("http://www.arrowleadership.com/alpages/images/295button-over.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; padding: 1ex; height: 21px; vertical-align: middle }
.clearer{ height:1px; overflow:hidden; clear:both; margin: -1px 0 0 0; padding: 0; }
/**/.imageContainer { color: #003262; font-weight: bold; text-align: center; margin: 20px; padding: 2px; float: left; border: solid 1px }
.imageDisplay { color: #003262; text-align: center; margin: 20px; padding: 2px; float: left; border: solid 1px }
/*bmWidget add START*/
.bmPullLeft {
float:left;
clear:left;
width:40%;
margin:0px 20px 10px 0px;
}
.bmPullRight {
float:right;
clear:right;
width:40%;
margin:0px 0px 10px 20px;
}
.bmPullCenter {
float:left;
clear: both;
width:40%;
text-align: center;
margin: 0px auto;
}
.bmToolLeft {
float:left;
clear:left;
;
}
.bmToolRight {
float:right;
clear:right;
;
}
.bmToolCenter {
text-align:center;
margin:0px auto;
}
a.bmNavigation:hover {
background-color:#8E9B01
}
.bmActiveNav {
background-color:#8E9B01
}
div.bmNavigation, div.bmActiveNav {
padding: 0px
}
/*bmWidget add END*/