

body {margin:0; color:#666}
ul {list-style-type:disc; margin-top:5px; padding-left:8px; margin-left:8px}
ol {list-style-type:decimal; margin-top:5px; padding-left:8px; margin-left:8px}
table, tr, td {margin:0; padding:0; border:0}
img {border:0}


/* General links
----------------------------------------------- */

a, a:link, a:visited {color:#09f; text-decoration:underline; font-weight:normal}
a:hover, a:active {color:#06c; text-decoration:underline; font-weight:normal}

a.grey, a.grey:link, a.grey:visited {color:#666; text-decoration:underline; font-weight:bold}
a.grey:hover, a.grey:active {color:#06c; text-decoration:underline; font-weight:bold}

a.hlink, a.hlink:link, a.hlink:visited {text-decoration:none; font-weight:bold}
a.hlink:hover, a.hlink:active {text-decoration:underline; font-weight:bold}

a.heavy {font-weight:bold}


/* Navigation
----------------------------------------------- */

#topNav {clear:both; text-align:left; background:#fff url(bg_sides.jpg) top left repeat-y; padding:0 88px 0 88px; width:976px; width/* */:/**/800px; width:/**/800px}

#topNav .underline {border-bottom:1px solid #09f; clear:both}

#topNav ul {list-style-type:none; margin:0; padding:0}

#topNav ul li {float:left}

#topNav ul .last {border:0}

#topNav ul li a, #topNav ul li a:link, #topNav ul li a:visited {font:bold 85%/120% Arial, Helvetica, sans-serif; text-decoration:none; color:#09f; display:block; padding:10px}
#topNav ul li a:hover, #topNav ul li a:active {text-decoration:underline; color:#06c; background:#eff8ff url(../images/0099ff/nav_bg_selected.jpg) top left repeat-x}

#topNav ul .selected {color:#666; text-decoration:none; font:bold 85%/120% Arial, Helvetica, sans-serif; text-decoration:none; padding:10px}

#topNav ul a.selected {color:#666 !important}

/* Navigation 2nd level */

#subNav {clear:both; text-align:left; background:#fff url(bg_sides.jpg) top center repeat-y; padding:16px 88px 0 88px; width:976px; width/* */:/**/800px; width:/**/800px}

#subNav a {background:transparent url(../images/bullet_arrow_666666.gif) no-repeat; padding:0 15px 0 15px; margin:0; display:block; float:left}
#subNav a, #subNav a:link, #subNav a:visited {font:bold 75% Arial, Helvetica, sans-serif; text-decoration:underline; color:#666}
#subNav a:hover, #subNav a:active {text-decoration:underline; color:#06c}

#subNav .selected {background:transparent url(../images/bullet_arrow_0066cc.gif) no-repeat; padding:0 15px 0 15px; margin:0; display:block; float:left; color:#06c; font:bold 75% Arial, Helvetica, sans-serif}


/* Masthead
----------------------------------------------- */

#masthead {text-align:left; padding:45px 28px 0 48px; width:976px; width/* */:/**/976px; width:/**/976px}
#masthead .leftCol {float:left; text-align:left}
#masthead .rightCol {float:right; text-align:right}
.home {background:#fff url(bg_masthead.gif) top left no-repeat}
.news {background:#fff url(../images/0099ff/bg_masthead_b.gif) top left no-repeat}
.events {background:#fff url(../images/0099ff/bg_masthead_c.gif) top left no-repeat}
.bulletin {background:#fff url(../images/0099ff/bg_masthead_d.gif) top left no-repeat}
.questions {background:#fff url(../images/0099ff/bg_masthead_e.gif) top left no-repeat}
.stores {background:#fff url(../backgrounds/bg_masthead.gif) top left no-repeat}


/* Headings
----------------------------------------------- */

h1 {
	color:#0099FF;
	margin:0;
	padding-bottom:15px;
	letter-spacing:-1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: bold;
}
h2 {font:bold 150% Arial, Helvetica, sans-serif; color:#09f; margin:0; padding-bottom:10px; letter-spacing:-1px}
h3 {font:bold 110%/140% Arial, Helvetica, sans-serif; color:#09f; margin:0; padding-bottom:10px}
h4 {font:bold 90%/130% Arial, Helvetica, sans-serif; color:#09f; margin:0; padding:5px 0 5px 0}


/* Text
----------------------------------------------- */

p {font:80% Arial, Helvetica, sans-serif; line-height:20px; margin:0 0 15px 0; padding:0; display:block}
.text, td {font:80% Arial, Helvetica, sans-serif; line-height:20px}
.textSmall {font:75% Arial, Helvetica, sans-serif; line-height:18px}
.textSmallprint {font:70% Arial, Helvetica, sans-serif; line-height:20px}
.textLarge {font:90% Arial, Helvetica, sans-serif; line-height:24px}
.textFooter {font:70% Arial, Helvetica, sans-serif; color:#999}

.imgCaption {font:70% Arial, Helvetica, sans-serif; color:#999; margin-right:14px; width:234px; text-align:right}

.newsStrap {font:bold 90% Arial, Helvetica, sans-serif; line-height:20px; margin-bottom:8px}
.newsDate {margin-bottom:8px}

.blogInfo {font:75% Arial, Helvetica, sans-serif; margin-left:80px; color:#999}

.grey {color:#999}


/* Tables
----------------------------------------------- */

table {width:100%; border:0; border-collapse:collapse; margin-bottom:15px}
td {padding:5px; border-bottom:2px #fff solid; text-align:left}
th {padding:10px 5px 10px 5px; text-align:left; font:bold 90% Arial, Helvetica, sans-serif; border-top:2px dashed #ccc}
.rowOdd {background-color:#f5f5f5}
.rowEven {background-color:#fafafa}


/* General layout
----------------------------------------------- */

.clearboth{clear:both; height:1%}

#pageHolder {clear:both; text-align:left; background:#fff url(bg_sides.jpg) top center repeat-y; padding:0 74px 0 88px; width:976px; width/* */:/**/814px; width:/**/814px}
#pageVideo {clear:both; text-align:left; background:#fff url(bg_sides.jpg) top center repeat-y; padding:0 64px 0 88px; width:986px; width/* */:/**/824px; width:/**/824px}

#mainColumn {text-align:left; float:left; width:500px; padding-top:30px}
#mainColVideo {text-align:left; float:left; width:370px; padding-top:30px}
#mainColVidClips {text-align:left; float:left; width:420px; padding-top:30px}

#rightColumn {text-align:left; float:left; padding:10px 0 0 66px}
#rightColVideo {text-align:left; float:left; margin:20px 0 0 20px; width:420px}
#rightColVidClips {text-align:left; float:left; margin:37px 0 0 40px; width:340px}
#rightColVidClips .thumb {float:left; margin:0 10px 12px 0; width:80px}
#rightColVidClips .playList p {float:left; width:246px}

#fullWidth {text-align:left; width:800px; padding-top:10px}

#playerLeft {margin-left:-10px; padding-bottom:10px}

.playListHome {background:#fff url(../images/home_playlist_bg_sides.gif) left repeat-y; padding:10px 20px 0 20px; margin-left:10px; font:80% Arial, Helvetica, sans-serif; line-height:18px}
.playListHomeBot {background:#fff url(../images/home_playlist_bg_bot.gif) top left no-repeat; margin:0 0 20px 10px; height:25px; clear:both}
.playListHome a {background:transparent url(../images/bullet_arrow_666666.gif) no-repeat; padding-left:15px}
.playListHome a, .playListHome a:link, .playListHome a:visited {text-decoration:none; color:#666}
.playListHome a:hover, .playListHome a:active {text-decoration:underline; color:#06c}
.playListHome .selected {background:transparent url(../images/bullet_arrow_0066cc.gif) no-repeat; color:#06c; padding-left:15px; font-weight:bold}
.playListHome h3 {font:130% Arial, Helvetica, sans-serif; color:#666; margin:0}

#mapHolder {text-align:left; padding:10px 0 0 80px}

.homeSubLeft {float:left; display:inline; width:230px; margin-right:10px}
.homeSubRight {float:right; width:120px}

.homeMMCRight {float:right}

ul .web {list-style-image:url(../images/icon_website.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .pdf {list-style-image:url(../images/icon_pdf.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .word {list-style-image:url(../images/icon_word.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .media {list-style-image:url(../images/icon_media.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .excel {list-style-image:url(../images/icon_excel.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .logo {list-style-image:url(../images/0099ff/icon_logo.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .newsList {list-style-image:url(../images/bullet_arrow_666666.gif); margin-bottom:5px}

.bullet {font:80% Arial, Helvetica, sans-serif; background:#fff url(../images/bullet_arrow_666666.gif) no-repeat; padding-left:14px; display:block}
.bulletSel {font:80% Arial, Helvetica, sans-serif; background:#fff url(../images/bullet_arrow_0066cc.gif) no-repeat; padding-left:14px; display:block}
.bulletWeb {font:80% Arial, Helvetica, sans-serif; background:#fff url(../images/icon_website_bullet.gif) no-repeat; padding-left:25px; margin-top:5px; display:block}

.ruler {padding-bottom:20px; border-top:#09f 1px solid}

.floatLeft {float:left}

.imageHolder {float:left; padding:5px 15px 15px 0}
.caption {padding:0 0 15px 0; font:65% Arial, Helvetica, sans-serif; color:#999}

.accessInline {float:right}

#rightcolLine {margin:22px 0 10px 13px; border-left:1px dotted #999; width:220px}
#rightcolLine .padding {padding:15px 0 10px 30px; height:1%}

.rightPanel {background:#fff url(../images/bg_promo_frame_sides.gif) left repeat-y; padding:0 30px 0 30px}
.rightPanelTop {background:#fff url(../images/bg_promo_frame_top.gif) top left no-repeat; margin-top:20px; height:30px}
.rightPanelBot {background:#fff url(../images/bg_promo_frame_bot.gif) top left no-repeat; margin-bottom:20px; height:30px; clear:both}

#searchBox {margin-left:14px; background:#e5e5e5 url(../images/bg_searchbox_top.gif) top left no-repeat; width:220px}
#searchBox .padding {padding:30px 10px 10px 10px; height:1%}
#searchBox .bottom {clear:both; background:#fff url(../images/bg_searchbox_bot.gif) bottom left no-repeat; height:35px}
.searchField {border:1px solid #999; border-right:0; height:18px; padding:1px; background:#fff; font:90% Arial, Helvetica, sans-serif; width:174px; display:block; float:left}
.searchSend {float:left}


/* Forms
----------------------------------------------- */

form {margin:0}

.dropDown {font:75% Arial, Helvetica, sans-serif; margin-top:5px; padding:0; display:block; width:140px; color:#666}

.blogLabel {font:bold 80% Arial, Helvetica, sans-serif; margin:5px 10px 0 0; width:70px; display:block; float:left; text-align:right}
.blogField {border:1px solid #999; background:#fff; margin-top:4px; font:80% Arial, Helvetica, sans-serif; width:300px; display:block; float:left}
.blogArea {border:1px solid #999; background:#fff; margin-top:4px; font:80% Arial, Helvetica, sans-serif; width:300px; display:block; float:left}
.blogSend {border:#999 1px solid; background:#09f; color:#fff; padding:1px; font:bold 80% Arial, Helvetica, sans-serif; float:left; margin-right:10px}
.blogSendArea {margin-left:80px}

.formLabel {font:bold 80% Arial, Helvetica, sans-serif; margin:5px 10px 0 0; width:100px; display:block; float:left; text-align:right}
.formPad {padding:5px; margin-bottom:2px; background-color:#e5e5e5; clear:both}
.formField {border:1px solid #999; background:#fff; margin-top:4px; font:80% Arial, Helvetica, sans-serif; width:250px; display:block; float:left}
.formArea {border:1px solid #999; background:#fff; margin-top:4px; font:80% Arial, Helvetica, sans-serif; width:250px; display:block}
.formSend {border:#999 1px solid; background:#09f; color:#fff; padding:1px; font:bold 80% Arial, Helvetica, sans-serif; float:left; margin-right:10px}

form .short {width:180px}


/* Footer
----------------------------------------------- */

#footer {text-align:center; padding:20px 60px 55px 55px; background:#fff url(../backgrounds/finance_bottom.gif) top left no-repeat; width:976px; width/* */:/**/976px; width:/**/976px}
#footer .left {float:left}
#footer .right {float:right; margin-top:55px}
#footer .rightLogos {float:right; text-align:right; width:335px}
#footer .img {background-color:#fff !important}
#footer a, #footer a:link {color:#999; text-decoration:underline; font-weight:normal}
#footer a:hover, #footer a:active {color:#666; text-decoration:underline; font-weight:normal; background-color:#E5E5E5}
.special {
	color:#0099FF;
	margin:0;
	padding-bottom:15px;
	letter-spacing:-1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	background-color: #E7F5FE;
}



/* ACE Footer
----------------------------------------------- */

#ace-footer {padding:20px; width:700px; width/* */:/**/650px; width:/**/650px;margin:auto;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;font-size:70%;font-weight:normal;text-align:center;}
#ace-footer a, #ace-footer a:link {color:#999; text-decoration:underline;}
#ace-footer a:hover, #ace-footer a:active {color:#666; text-decoration:underline;}
