@charset "utf-8";
/* CSS Document */

html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
body {background: #E5E5E5 url(/images/background.gif) repeat-x; margin:0; padding:0; height:100%}
a:link,
a:visited,
a:active { color: #903000; text-decoration: none; }
a:hover { color: #d45500; text-decoration: none; }
a img { border: 0; }
p {margin:0px; padding:0px}
ul { margin:5px 0px 5px 0px; padding:0px}
li { margin:0px 0px 5px 0px; list-style-type: none; width:auto; padding:0px 0px 0px 12px; background-image:url(/images/li.gif); background-repeat:no-repeat; background-position:0px 5px}
li.noGap {margin:0px 0px 0px 0px; }

.clear {clear:both}
img.imageBorder { border: 1px solid #c7c7c7; }
#page {position:relative;width:984px; margin: 0px auto; height:auto !important; height:100%; min-height:100%;}

/* ---------------------------------------------------------------------- TOP HEADER --------------------------------------------------------------------------------*/
#pageHeader {background:url(/images/header_back.gif) repeat-x; height:62px; margin-top:18px}
#pageHeader .logo {float:left; display:block}
#pageHeader .right {float:right; display:block}
#pageHeader .nav {float:right; display:block; margin:22px 0px 0px 0px; width:auto}
#pageHeader .nav img  {display: block; float:left;}
#pageHeader a {display: block; float:left; height:17px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; background-image:url(/images/nav_tab_sm_back.gif); padding:3px 0px 0px 0px;}
#pageHeader a.act {background-image:url(/images/nav_tab_sm_back_act.gif)}
#pageHeader a:link, 
#pageHeader a:active, 
#pageHeader a:visited {color:#333333}
#pageHeader a:hover {color:#d45500}
/* ---------------------------------------------------------------------- TOP NAV --------------------------------------------------------------------------------*/
#topNav {background:url(/images/nav_back.gif) repeat-x; height:30px;}
#topNav .right {float:right; display:block}
#topNav .left {float:left; display:block}
#topNav .nav {float:left; display:block; width:950px}
#topNav .nav img  {display: block; float:left;}
#topNav a {display: block; float:left; height:20px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(/images/nav_tab_back.gif); padding:8px 0px 2px 0px;}
#topNav a.act {background-image:url(/images/nav_tab_back_act.gif)}
#topNav a:link, 
#topNav a:active, 
#topNav a:visited {color:#333333}
#topNav a:hover {color:#d45500}
/* ---------------------------------------------------------------------- BOTTOM NAV --------------------------------------------------------------------------------*/
#bottomNavWrap {background-image:url(/images/content_background.gif); width:960px; padding:0px 12px 0px 12px; text-align:center}
#bottomNav {width:810px; margin-left:auto; margin-right:auto; display:block}
#bottomNav .nav {background-color:#009900;}
#bottomNav img {float:left; display:block;}
#bottomNav a {float:left; display:block; height:16px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; background-image:url(/images/nav_tab_bot_back.gif); padding:4px 0px 0px 0px;}
#bottomNav a img { display:block; margin-top:-1px;}
#bottomNav a:link, 
#bottomNav a:active, 
#bottomNav a:visited {color:#333333}
#bottomNav a:hover {color:#d45500}

/* ---------------------------------------------------------------------- CONTENT --------------------------------------------------------------------------------*/
#contentWrap {background-image:url(/images/content_background.gif); height:auto; overflow: hidden;}
#contentWrap .right {float:right; display:block}
#contentWrap .left {float:left; display:block}

#content {float:left; display:block; margin:10px 0px 10px 0px; width:960px; height:auto; overflow: hidden;}
#banner {display:block; width:960px; height:240px; background-image:url(/images/home_banner.jpg);}
#banner .text {display:block; float:left; width:390px; height:180px; padding:35px 0px 0px 30px; font-size:13px; font-weight:bold; font-size:12px}
#content .homeLeftColumn {float:left; background:#fff9e5 url(/images/back_lefthome.gif); width:470px;  margin-bottom: -5000px; padding-bottom: 5000px;}
#content .homeMidColumn {float:left; background:#fff9e5 url(/images/back_midhome.gif); width:180px;  margin-left:10px; margin-bottom: -5000px; padding-bottom: 5000px;}
#content .homeRightColumn {float:left; background:#fff9e5 url(/images/back_righthome.gif); width:290px;  margin-left:10px; margin-bottom: -5000px; padding-bottom: 5000px;}

#content .homeLeftColumnHeader {background:#fff9e5 url(/images/header_corner_yellow_t.gif); width:470px; height:49px;}
#content .homeMidColumnHeader {background:#fff9e5 url(/images/header_corner_yellow_t.gif); width:180px;  height:49px;}
#content .homeRightColumnHeader {background:#fff9e5 url(/images/header_corner_gray_t.gif); width:290px; height:49px;}
.H1L {float:left;}
.H1R	{float:right;}
#content .homeLeftColumnHeader H1.yellow,
#content .homeMidColumnHeader H1.yellow,
#content .homeRightColumnHeader H1.yellow {float:left; background:url(/images/header_yellow.gif) no-repeat top right; height:32px; color:#333333; padding:17px 30px 0px 0px; font-size:13px; margin:0px}
#content .homeLeftColumnHeader H1.gray,
#content .homeMidColumnHeader H1.gray,
#content .homeRightColumnHeader H1.gray {float:left; background:#fff9e5 url(/images/header_gray.gif) no-repeat top right; height:32px; color:#333333; padding:17px 30px 0px 0px; font-size:13px; margin:0px}

#content .homeLeftColumnFooter {float:left; background:#fff9e5 url(/images/back_lefthome_footer.gif); width:470px; height:10px}
#content .homeMidColumnFooter {float:left; background:#fff9e5 url(/images/back_midhome_footer.gif); width:180px;  height:10px; margin-left:10px; margin-right:10px}
#content .homeRightColumnFooter {float:left; background:#fff9e5 url(/images/back_righthome_footer.gif); width:290px; height:10px;}

#content .columnBody {margin:0px 15px 0px 15px; padding:0px}
#content .homeLeftColumn a {text-decoration:none; display:block; margin:0px 0px 5px 0px; padding:0px 10px 0px 12px; background-image:url(/images/li.gif); background-repeat:no-repeat; background-position:0px 4px;}
#content .homeRightColumn a {text-decoration:none; display:block; margin:0px 0px 0px 0px; padding:0px 10px 0px 12px; background-image:url(/images/li.gif); background-repeat:no-repeat; background-position:0px 4px;}
#content .homeLeftColumn a:hover,  #content .homeRightColumn a:hover { background-image:url(/images/li-anim.gif);}

#content .homeMidColumn .name {display:block; text-align:center; font-weight:bold; margin-bottom:10px}
/* ---------------------------------------------------------------------- SUBPAGE --------------------------------------------------------------------------------*/
#subBody {float:left; width:590px; margin:15px 10px 10px 10px; padding:0px; text-align:justify}
#subBody H1 {font-size:18px; font-weight:normal; margin:0px 0px 10px 0px; color:#333333}
#subBody .H2,
#subBody H2 {font-size:13px; font-weight:bold; margin:0px 0px 10px 0px; color:#333333}
#subBody p {margin:0px 0px 10px 0px;}
#subBody a {text-decoration:underline}

/* ---------------------------------------------------------------------- SUBMENUS --------------------------------------------------------------------------------*/
#content .subLeftColumn {float:left; width:180px;}
#content .subColumnBodyBorder {background-color:#FFFFFF; border-right-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-right-color: #c7c7c7; border-left-color: #c7c7c7; padding:0px 1px 0px 1px; margin:0px; border-top-width: 0px; border-bottom-width: 0px; margin:0px}
#content .subHeaderYellow {background:url(/images/sub_yellow_t.gif); height:25px;}
#content .subFooterYellow {background:url(/images/sub_yellow_b.gif); height:5px;}
#content .subColumnBodyYellow { background-color:#fff9e5; padding:0px 3px 0px 3px}
#content .subHeaderGray {display:block; background:url(/images/sub_gray_t.gif); height:25px;}
#content .subHeaderGray2 {display:block; background:url(/images/sub_gray2_t.gif); height:25px;}
#content .subHeaderWhite {display:block; background:url(/images/sub_white_t.gif); height:25px;}
#content .subFooterGray {display:block; background:url(/images/sub_gray_b.gif); height:5px;}
#content .subFooterGray2 {display:block; background:url(/images/sub_gray2_b.gif); height:5px;}
#content .subFooterWhite {display:block; background:url(/images/sub_white_b.gif); height:5px;}
#content .subColumnBodyGray { background-color:#f2f2f2; padding:0px 3px 0px 3px}
#content .subColumnBodyGray2 {display:block;  background-color:#f2f2f2; border-right-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-right-color: #c7c7c7; border-left-color: #c7c7c7; padding:0px 14px 0px 14px; margin:0px; border-top-width: 0px; border-bottom-width: 0px; height:100%}
#content .subColumnBodyWhite {display:block;  background-color:#FFF; border-right-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-right-color: #c7c7c7; border-left-color: #c7c7c7; padding:0px 14px 0px 14px; margin:0px; border-top-width: 0px; border-bottom-width: 0px; height:100%}
H2.yellow {float:left; background:url(/images/sub_header_yellow.gif) no-repeat top right; height:19px; color:#333333; padding:6px 25px 0px 0px; font-size:12px; margin:0px}
H2.gray {float:left; background:url(/images/sub_header_gray.gif) no-repeat top right; height:19px; color:#333333; padding:6px 25px 0px 0px; font-size:12px; margin:0px}
#subBody H2.gray2 {float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; background:url(/images/sub_header_gray2.gif) no-repeat top right; height:19px; color:#333333; padding:6px 25px 0px 0px; margin:0px}
#subBody H2.white {float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; background:url(/images/sub_header_white.gif) no-repeat top right; height:19px; color:#333333; padding:6px 25px 0px 0px; margin:0px}
#subBody H2.gray img { display:block; margin-top:-1px; float:left}
#subBody H2.gray2 img { display:block; margin-top:-1px; float:left}
#content .subColumnBodyGray a,
#content .subColumnBodyYellow a { font-size:11px; text-decoration:none; display:block; margin:0px 0px 0px 0px; padding:3px 10px 3px 22px; background-image:url(/images/li.gif); background-repeat:no-repeat; background-position:10px 7px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #FFFFFF; border-bottom-color: #c7c7c7; }
#content .subColumnBodyYellow .level2 a, 
#content .subColumnBodyGray .level2 a,
#content .subColumnBodyGray .level2 div,
#content .subColumnBodyYellow .level2 div { font-size:11px; text-decoration:none; display:block; margin:0px 0px 0px 0px; padding:3px 10px 3px 34px; background-image:url(/images/li2.gif); background-repeat:no-repeat; background-position:22px 7px; border:none}

#content .subColumnBodyGray a:link,
#content .subColumnBodyGray a:active,
#content .subColumnBodyGray a:visited,
#content .subColumnBodyYellow a:link,
#content .subColumnBodyYellow a:active,
#content .subColumnBodyYellow a:visited { color:#333333 }
#content .subColumnBodyGray a:hover { color:#d45500; background-color:#e5e5e5; background-image:url(/images/li-anim.gif);}
#content .subColumnBodyYellow a:hover { color:#d45500; background-color:#fff3cb; background-image:url(/images/li-anim.gif);}

#content .subColumnBodyYellow a.act:link,
#content .subColumnBodyYellow a.act:active,
#content .subColumnBodyYellow a.act:visited { color:#000000; background-color:#fff3cb }
#content .subColumnBodyGray a.act:link,
#content .subColumnBodyGray a.act:active,
#content .subColumnBodyGray a.act:visited { color:#000000; background-color:#e5e5e5 }
#content .subColumnBodyGray a.act:hover { color:#d45500; background-color:#e5e5e5; background-image:url(/images/li-anim.gif);}
#content .subColumnBodyYellow a.act:hover { color:#d45500; background-color:#fff3cb; background-image:url(/images/li-anim.gif);}


#content .subRightColumn {float:left; width:170px; margin-top:15px}
#content .subRightColumn .back { display:block; margin-top:6px; height:25px}
#content .subRightColumn a.tabFirst,
#content .subRightColumn a.tab,
#content .subRightColumn .tab-share,
#content .subRightColumn a.tabLast
 {display:block; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; width:150px; height:19px; padding:3px 10px 3px 10px; line-height:18px; }

 
#content .subRightColumn a.tabFirst {background-image: url(/images/right_tab_first.gif); }
#content .subRightColumn a.tab,  
#content .subRightColumn .tab-share{background-image:url(/images/right_tab.gif); }
#content .subRightColumn a.tabLast {background-image:url(/images/right_tab_last.gif); }
#content .subRightColumnBody { background-color:#FFFFFF; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-right-color: #c7c7c7; border-left-color: #c7c7c7; padding:10px 9px 10px 9px}
#content .subRightColumnBody img {margin-bottom:10px;}
#content .subRightColumn a.tab img, 
#content .subRightColumn a.tab-share img, 
#content .subRightColumn a.tabLast img{ display:block; margin-top:2px; float:left}

#content .subRightColumn #share .label {float:left; font-size:11px; width:60px; margin:2px 0px 10px 0px;}
#content .subRightColumn #share .icons {float:right;width:90px;margin-bottom:10px;}
#content .subRightColumn #share img { margin-left:2px;margin-bottom:0px;}
#content .subRightColumn #share .link1 {float:left; font-size:11px; width:75px;}
#content .subRightColumn #share .link2 {float:right; text-align:right; font-size:11px; width:75px;}
#content #share.subRightColumnBody { background-color:#f3f4f6; }
#content  .subRightColumn .tab-share{background-image:url(/images/right_tab_last2.gif); }

#content #share.columnBody a { background:none; padding:0px; margin:0px;width:auto; display:inline}
#content #share.columnBody .label {float:left; font-size:11px; width:60px; margin:2px 0px 10px 0px;}
#content #share.columnBody .icons {float:right;width:90px;margin-bottom:10px;}
#content #share.columnBody img { margin-left:2px;margin-bottom:0px;}
#content #share.columnBody .link1 {float:left; font-size:11px; width:75px;}
#content #share.columnBody .link2 {float:right; text-align:right; font-size:11px; width:100px;}


#content #caseStudies a {float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; background:url(/images/ico_case_study.png) no-repeat 0px 2px; padding:0px 0px 0px 15px; margin:5px 20px 5px 0px; width:auto; }
#content #downloads a {float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; background:url(/images/ico_download.png) no-repeat 0px 2px; padding:0px 0px 0px 15px; margin:5px 20px 5px 0px; width:auto; }


#content .videoBox {display:block; float:left; width:326px; height:269px; margin:0px 10px 10px 0px;}

#content .videoth {display:block; float:left; background-image:url(/images/th_video.gif); width:77px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
#content .imageth {display:block; float:left; background-image:url(/images/th_image.gif); width:77px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
#content .audioth {display:block; float:left; background-image:url(/images/th_audio.gif); width:77px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
#content .readth {display:block; float:left; background-image:url(/images/th_read.gif); width:77px; height:58px; padding:1px 1px 13px 1px; margin:0px 10px 10px 0px}
#content .videoth a:link,
#content .videoth a:active, 
#content .videoth a:visited, 
#content .videoth a:hover {text-decoration:none; dis/play:block; margin:0px; padding:0px; background: url(/images/th_video.gif) -1px -1px; border:none; width:77px; height:58px;}
#content .imageth a:link,
#content .imageth a:active, 
#content .imageth a:visited, 
#content .imageth a:hover {text-decoration:none; dis/play:block; margin:0px; padding:0px; background: url(/images/th_image.gif) -1px -1px; border:none; width:77px; height:58px;}
#content .readth a:link,
#content .readth a:active, 
#content .readth a:visited, 
#content .readth a:hover {text-decoration:none; dis/play:block; margin:0px; padding:0px; background: url(/images/th_read.gif) -1px -1px; border:none; width:77px; height:58px;}
#content .audioth a:link, 
#content .audioth a:active, 
#content .audioth a:visited, 
#content .audioth a:hover {text-decoration:none; dis/play:block; margin:0px; padding:0px; background: url(/images/th_audio.gif) -1px -1px; border:none; width:77px; height:58px;}
#content .videoth img,
#content .imageth img,
#content .audioth img {width:77px; height:58px; margin:0px; padding:0px;}

#content .images {display:block}
#content .captions {display:block; text-align:center}

a.more, #content .homeRightColumn a.more {text-decoration:none; text-align:right; font-weight:bold; display:block; margin:0px 0px 5px 0px; padding:0px 12px 0px 0px; background-image:url(/images/b_next.gif); background-repeat:no-repeat; background-position:right 5px;}
a.back {text-decoration:none; font-weight:bold; text-align:left; margin:0px 0px 5px 0px; padding:0px 0px 0px 12px; background-image:url(/images/b_prev.gif); background-repeat:no-repeat; background-position:left 5px;}

.contactForm {margin:0px}
.contactForm label { float:left; width:120px; display:block; margin-bottom:10px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold}
.contactForm .input { float:left; display:block; width:260px; back/ground-color:#FFFF00;padding-bottom:5px }
.contactForm .inputError { float:left; display:block; width:190px; backgr/ound-color:#FFFF00;color:#FF0000; font-size:10px; padding:2px 0px 0px 15px }
.contactForm .textInput { border:1px solid #c7c7c7; font-size:12px; background-color:#f2f2f2 !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.contactForm .textInputError { border:1px solid #FF0000; font-size:12px; background-color:#f2f2f2 !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.contactForm .submit { border:1px solid #c7c7c7; font-size:12px; background-color:#f2f2f2 !important; color:#000; font-family:Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; font-weight:bold}


/* ---------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------*/
#footer {background:url(/images/footer_back.gif); width:954px; height:19px; font-size:11px; padding:7px 15px 7px 15px}

/* ---------------------------------------------------------------------- MCE EDITOR --------------------------------------------------------------------------------*/

.imageBorder { border: 1px solid #999999; }
.imageLeft { float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; }
.imageRight { float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; }
.imageBorderLeft { border: 1px solid #999999; float: left; margin:0px 10px 10px 0px; }
.imageBorderCenter { border: 1px solid #999999; float: left; margin:0px 0px 10px 0px; }
.imageBorderRight { border: 1px solid #999999; float: right; margin: 0px 0px 10px 10px; }
.captionLeft {float: left; margin:0px 10px 10px 0px; width:188px;}
.captionCenter {float: left; margin:0px 0px 10px 0px; width:188px; }
.captionRight {float: right; margin: 0px 0px 10px 10px; width:188px;}