/* ::::: CSS ::::: */

body { margin: 0pt; padding: 0pt; background: rgb(60, 82, 110) url('body_bg.jpg') repeat-x scroll left top; font-size: small; font-family: 'Lucida Grande',Arial,Helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0pt; padding: 0pt; letter-spacing: -1px; }
a { text-decoration: none; }
ul, li { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
p { margin: 0pt; padding: 0pt; font-weight: normal; color: rgb(99, 99, 99); }
img { border: medium none ; }
span { display: none; }
span.number { margin: 0pt; padding: 11px 12px 11px 10px; background: transparent url('icon_step-number.png') no-repeat scroll left center; display: inline ! important; color: rgb(255, 255, 255); font-size: 100%; }
span.dd-number { margin: 0pt; padding: 11px 8px 11px 4px; background: transparent url('icon_step-number.png') no-repeat scroll left center; display: inline ! important; color: rgb(255, 255, 255); font-size: 100%; }
.clear { clear: both; }
.clickable { cursor: pointer; }
.line { margin: 10px 0pt 20px; padding: 0pt; background: transparent url('line.gif') repeat-x scroll left center; clear: both; height: 3px; }
.darkline { margin: 10px 0pt 20px; padding: 0pt; background: transparent url('dark_line.gif') repeat-x scroll left center; clear: both; height: 5px; }
.darker { color: rgb(49, 49, 49); }
.centered { padding: 4px 0pt 10px; text-align: center; }
.centered p { padding: 0pt 0pt 2px ! important; font-weight: bold; color: rgb(47, 48, 56); }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0pt; content: "."; }
.clearfix {  }
.wikilink { padding: 0pt 18px 0pt 0pt; background: transparent url('wiki-link.gif') no-repeat scroll right 5px; }
#wrap { margin: 0pt auto; padding: 0pt; background: rgb(255, 255, 255) url('wrap_bg.gif') repeat-y scroll left top; width: 800px; }
#header { margin: 0pt; padding: 5px 20px 20px; background: rgb(17, 20, 27) none repeat; float: left; width: 760px; }
#headerdesc { margin: 0pt 15px 0pt 0pt; padding: 0pt; float: left; width: 455px; }
.mirologo { position: relative; margin-top: 10px; }
.mitvlogo { padding: 0pt 0pt 11px 37px; }
.novid { width: 740px ! important; }
.novid h1 { text-align: center; margin-top: 15px ! important; }
.novid p { width: 570px; margin-left: 100px ! important; }
#headerdesc h1.pagetitle { margin: 30px 0pt 15px; padding: 0pt; color: rgb(243, 207, 67); font-weight: normal; font-size: 180%; height: 25px; }
#headerdesc p { margin: 0pt 0pt 15px; padding: 0pt; line-height: 1.5em; color: rgb(255, 255, 255); font-size: 135%; }
#headerdesc p a { color: rgb(255, 255, 255); text-decoration: underline; }
#headerdesc p a:hover { text-decoration: none; }
#video { margin: 30px 0pt 0pt; padding: 0pt; float: right; width: 290px; }
#video img { margin: 0pt 0pt 10px; padding: 0pt; }
#video h3 { margin: 0pt 0pt 5px; padding: 0pt; font-size: 100%; color: rgb(255, 255, 255); font-weight: normal; letter-spacing: 0px; }
#video p { width: 270px; color: rgb(174, 174, 174); font-size: 95%; line-height: 1.6em; }
#video a { color: rgb(174, 174, 174); text-decoration: underline; }
#video a.more { margin: 5px 0pt 0pt; padding: 0pt; float: right; font-size: 90%; color: rgb(100, 204, 255); text-decoration: none; }
#video a.more:hover { text-decoration: none; }
#video a.embed { margin: 5px 0pt 0pt; padding: 0pt; float: right; font-size: 90%; color: rgb(100, 204, 255); text-decoration: none; }
#video a.embed:hover { text-decoration: none; }
#video #moreinfo { margin: 10px 0pt; padding: 10px; background: rgb(21, 25, 35) none repeat; clear: both; float: left; position: relative; width: 255px; }
#video #moreinfo p { margin: 0pt 0pt 4px; padding: 0pt; }
#video #moreinfo a { color: rgb(100, 204, 255); }
#video #moreinfo p span.highlight { color: rgb(255, 255, 255); display: inline; }
#video #moreinfo a.close { margin: 0pt; padding: 1px 6px 3px; background: red none repeat; position: absolute; top: 0pt; right: 0pt; color: rgb(255, 255, 255); }
#player1 { padding-bottom: 15px; }
ul#nav { border-bottom: 1px solid rgb(255, 255, 255); margin: 0pt; padding: 0pt; background: rgb(237, 237, 237) url('nav_bg.gif') repeat-x scroll left top; position: relative; float: left; height: 73px; width: 800px; color: rgb(48, 48, 48); }
ul#nav img { position: relative; top: 4px; padding-right: 8px; }
ul#nav li { margin: 0pt; padding: 10px 0pt 9px; display: block; float: left; text-transform: uppercase; cursor: default; }
ul#nav li.sep { border-left: 1px solid rgb(163, 162, 162); border-right: 1px solid rgb(224, 223, 223); }
ul#nav li.seplast { border-left: 1px solid rgb(163, 162, 162); width: 138px; }
ul#nav li.on { background: transparent url('nav_active.gif') repeat-x scroll left top; color: rgb(255, 255, 255); }
ul#nav li.off { background: transparent none repeat; }
ul#nav li.off:hover, ul#nav li.off.sfhover { background: transparent url('nav_hover.gif') no-repeat scroll 55% 100%; }
ul#nav li a.top { padding: 2px 0pt; display: block; text-align: center; width: 114px; color: rgb(0, 0, 0); margin-left: 16px; }
ul#nav li ul { margin: 0pt 0pt 0pt 20px; padding: 0pt; background: rgb(237, 237, 237) none repeat; position: absolute; top: 39px; left: 0pt; width: 780px; display: none; }
ul#nav li.on ul { display: block; }
ul#nav li ul li { margin: 0pt 25px 0pt 0pt; padding: 9px 0pt; background: transparent none repeat scroll 0% ! important; float: left; }
ul#nav li ul li a { color: rgb(128, 128, 128); }
ul#nav li ul li a.on, ul#nav li ul li a:hover { color: rgb(48, 48, 48); text-decoration: underline; }
ul#nav li a.one { background: transparent url('ch1.gif') no-repeat scroll 11px 0pt; }
ul#nav li a.two { background: transparent url('ch2.gif') no-repeat scroll 7px 0pt; }
ul#nav li a.three { background: transparent url('ch3.gif') no-repeat scroll 14px 0pt; }
ul#nav li a.four { background: transparent url('ch4.gif') no-repeat scroll 4px 0pt; }
ul#nav li a.five { background: transparent url('ch5.gif') no-repeat scroll 4px 0pt; }
ul#nav li a.six { background: transparent url('ch6.gif') no-repeat; margin-left: 20px; }
#content { margin: 0pt; padding: 0pt; float: left; width: 800px; }
#primary { margin: 0pt; padding: 10px 0pt; background: transparent url('content_bg.jpg') repeat-x scroll left top; float: left; width: 515px; }
#primary a { color: rgb(47, 48, 56); text-decoration: underline; }
#primary .interior { margin: 0pt; padding: 0px 15px; }
#primary .interior h1 { margin: 12px 0pt 20px; padding: 0pt; color: rgb(47, 48, 57); font-weight: bold; font-size: 180%; }
#primary .interior h2 { margin: 10px 0pt 9px 4px; padding: 0pt; color: rgb(47, 48, 57); font-weight: bold; font-size: 150%; }
img.title { margin: 10px 0pt 10px 5px; }
img.border { border: 3px solid rgb(195, 194, 194); }
.details { margin: 0px 0pt 10px; padding: 0pt 10px; clear: both; }
.detailz { margin: 0px 0pt 10px; padding: 0pt 10px; }
.interior .details h2, .interior .detailz h2 { margin: 10px 0pt 9px; padding: 0pt; color: rgb(47, 48, 57); font-weight: bold; font-size: 150%; }
.details h3, .detailz h3 { margin: 0pt 0pt 10px; padding: 0pt; color: rgb(52, 57, 63); }
.details p, .detailz p { margin: 0pt; padding: 0pt 0pt 15px; line-height: 1.5em; }
.scast { text-align: center; top: 4px; color: rgb(47, 48, 57); position: relative; font-size: 1.7em; font-weight: bold; }
.scast-sub { text-align: center; top: -12px; left: 11%; position: relative; }
.scast-alt { position: relative; float: right; top: -11px; left: -15px; z-index: 10; }
.scast-alt a { color: rgb(169, 169, 169) ! important; text-decoration: none ! important; }
#primary a.arw { color: rgb(21, 25, 35); text-decoration: underline; }
#primary a.arw:visited { color: rgb(31, 37, 51); }
#primary a.arw:hover, a.arw:focus { color: rgb(174, 174, 174); }
.arw { padding: 0pt 16px 0pt 0pt; background: transparent url('arw.gif') no-repeat scroll right center; }
.go { margin: 0pt 20px 0pt 0pt; float: right; }
.go a { padding: 8px 14px 8px 0pt; background: transparent url('go_arrow.png') no-repeat scroll right center; display: block; text-decoration: none ! important; }
.go h4 { padding: 2px 8px 2px 0pt; background: transparent url('go_grad.png') repeat-y scroll left top; color: rgb(85, 85, 85); }
.go h4 em { color: rgb(21, 25, 35); }
.choose { margin: 0pt 20px 0pt 0pt; float: right; }
.choose a { padding: 8px 14px 8px 0pt; background: transparent url('choose_arrow.png') no-repeat scroll right center; display: block; text-decoration: none ! important; }
.choose h4 { padding: 2px 8px 2px 0pt; background: transparent url('choose_grad.png') repeat-y scroll left top; color: rgb(85, 85, 85); }
.choose h4 em { color: rgb(21, 25, 35); }
.matrix { margin: 15px 0pt 30px; padding: 0pt; background: transparent url('matrix_bg.gif') no-repeat scroll left bottom; float: left; width: 477px; }
.matrix .inmatrix { margin: 0pt; padding: 20px; background: transparent url('matrix_top.gif') no-repeat scroll left top; float: left; width: 437px; }
.matrix .inmatrix img { border: 2px solid rgb(57, 62, 71); margin: 0pt 0pt 5px; padding: 0pt; }
.matrix .inmatrix h2 { margin: 20px 0pt; padding: 0pt; color: rgb(255, 255, 255) ! important; font-weight: normal; font-size: 120%; }
.matrix .inmatrix h3 { border-top: 1px solid rgb(57, 62, 71); border-bottom: 1px solid rgb(57, 62, 71); margin: 0pt; padding: 8px 0pt 0pt; background: rgb(50, 55, 65) url('matrix_titlebg.gif') repeat-x scroll left top; display: block; color: rgb(251, 209, 34); text-transform: uppercase; font-size: 95%; font-weight: normal; height: 22px; letter-spacing: 0pt; }
.matrix .inmatrix ul { margin: 15px 0pt 20px; padding: 0pt; }
.matrix .inmatrix ul li { margin: 0pt 0pt 5px; padding: 0pt; color: rgb(255, 255, 255); font-size: 95%; }
.matrix .inmatrix .left { border-right: 1px solid rgb(57, 62, 71); margin: 0pt; padding: 0pt; float: left; width: 218px; text-align: center; }
.matrix .inmatrix .right { margin: 0pt; padding: 0pt; float: right; width: 218px; text-align: center; }
img.steps { border: 3px solid rgb(195, 194, 194); margin: 15px 0pt; padding: 0pt; }
.steps { margin: 25px 0pt; padding: 0pt; }
.steps h2 { margin: 10px 0pt 8px; padding: 0pt; color: rgb(44, 158, 255); font-weight: normal; font-size: 150%; }
.steps p { margin: 0pt 0pt 10px; padding: 0pt; color: rgb(90, 98, 110); }
.ajaxcallout { margin: 0pt 0pt 20px; padding: 0pt 0pt 15px; background: rgb(216, 242, 253) none repeat; float: left; width: 515px; }
.ajaxcallout p { color: rgb(48, 48, 48) ! important; }
.ajaxcallout p a { color: rgb(48, 48, 48) ! important; text-decoration: none ! important; }
.ajaxcallout a.icon_box { margin: 0pt; padding: 20px 0pt 20px 65px; background: rgb(216, 242, 253) url('icon_expert_tip.gif') no-repeat scroll 10px 6px; font-size: 125%; display: block; color: rgb(48, 48, 48); text-decoration: none ! important; }
.ajaxcallout p { margin: 0pt; padding: 0pt 15px 0pt 20px; color: rgb(96, 96, 96); }
.ajaxcallout #callbox { margin: 0pt; padding: 15px 15px 0pt; float: left; }
.ajaxcallout #callbox a { color: rgb(47, 48, 56); font-weight: bold; text-decoration: underline ! important; }
.ajaxcallout #callbox a:hover { text-decoration: none ! important; }
.ajaxcallout #callbox h2 { margin: 0pt 0pt 8px; padding: 0pt; font-size: 115%; }
.ajaxcallout #callbox p.below-header { margin: 5px 0pt 15px 5px; padding: 0pt; color: rgb(96, 96, 96) ! important; }
.ajaxcallout #callbox p { margin: 15px 0pt 30px 5px; padding: 0pt; color: rgb(96, 96, 96) ! important; }
.ajaxcallout #callbox img.co { margin: 0pt 0pt 0pt 25px; padding: 0pt; float: right; height: 100%; }
.callout { margin: 5px 0pt 25px; padding: 15px 15px 15px 75px; }
.expert { background: rgb(216, 242, 253) url('icon_expert_tip.gif') no-repeat scroll 15px; }
.important { background: rgb(216, 242, 253) url('icon_important_tip.gif') no-repeat scroll 15px; }
.callout h2 { margin: 0pt 0pt 8px; padding: 0pt; font-size: 115%; }
.callout h3 { margin: 0pt 0pt 4px; padding: 0pt; font-size: 115%; }
.callout p { margin: 0pt 0pt 15px; padding: 0pt; color: rgb(96, 96, 96); }
img.left { margin: 0pt 10px 0pt 0pt; padding: 0pt; float: left; }
img.right { margin: 0pt 0pt 0pt 10px; padding: 0pt; float: right; }
.callout img.co { margin: 5px 0pt 0pt 10px; padding: 0pt; float: right; }
.twopic { margin: -5px 0pt 0pt 10px; width: 80px; float: right; }
.twopic img { border: 2px solid rgb(65, 71, 87); margin: 0pt 10px 5px 0pt; }
img.lined { border: 2px solid rgb(65, 71, 87); }
img.illus { border: 2px solid rgb(55, 69, 84); }
img.hands { margin: -30px 10px 15px 0px; }
#primary h1.homechapter { margin: 0pt 0pt 15px 20px; padding: 0pt; color: rgb(66, 126, 159); font-weight: normal; font-size: 155%; letter-spacing: -1px; }
#primary .chapter { margin: 0pt 0pt 5px; padding: 8px 0pt 8px 20px; float: left; width: 495px; }
#primary .chapter:hover { background: rgb(178, 231, 252) none repeat; }
#primary .chapter img { margin: 0pt 10px 0pt 0pt; padding: 0pt; float: left; }
#primary .chapter .info { margin: 0pt; padding: 0pt; float: right; width: 420px; }
#primary .chapter .info h1 { margin: 7px 0pt 0pt; padding: 1px 0pt 2px 38px; color: rgb(41, 46, 53); font-weight: normal; font-size: 170%; letter-spacing: -1px; }
#primary .chapter .info p.desc { margin: 0pt; padding: 0pt 0pt 0pt 38px; color: rgb(124, 150, 186); font-size: 125%; }
#primary .chapter h1.chapter1 { background: transparent url('icon_chapter1.png') no-repeat; }
#primary .chapter h1.chapter2 { background: transparent url('icon_chapter2.png') no-repeat; }
#primary .chapter h1.chapter3 { background: transparent url('icon_chapter3.png') no-repeat; }
#primary .chapter h1.chapter4 { background: transparent url('icon_chapter4.png') no-repeat; }
#primary .chapter h1.chapter5 { background: transparent url('icon_chapter5.png') no-repeat; }
#primary .chapter h1.chapter6 { background: transparent url('icon_chapter6.png') no-repeat; }
#primary .chapter h1.chapter7 { background: transparent url('icon_chapter7.png') no-repeat; }
#improve { margin: 25px 0pt 0pt; padding: 3px 0pt 7px 57px; background: transparent url('icon_improve.gif') no-repeat scroll left top; }
#improve p { color: rgb(48, 48, 48); font-size: 115%; }
#improve p a { font-weight: normal; color: rgb(166, 166, 166); text-decoration: underline; }
#improve p a:hover { text-decoration: none; }
#overwhelmed { margin: 0pt 0pt 8px; padding: 10px 0pt 0pt; font-family: Georgia; font-style: italic; color: rgb(98, 99, 121); font-size: 1.8em; line-height: 1.2em; }
#overwhelmed a { text-decoration: none ! important; }
#secondary { margin: 0pt; padding: 12px 0pt 0pt; float: right; width: 285px; }
#secondary #sidebox { margin: 15px; padding: 0pt; background: rgb(245, 245, 245) url('sidebox_bg.gif') no-repeat scroll left bottom; width: 255px; }
#secondary #sidebox a { margin: 0pt; padding: 0pt; text-decoration: underline; color: rgb(112, 112, 112); }
#secondary #sidebox a:hover { text-decoration: none; }
#secondary #sidebox a.wikibutton { margin: 0pt; padding: 14px 0pt 0pt 20px; background: transparent url('button_wikibg.gif') no-repeat; text-align: center; color: rgb(251, 209, 34); height: 52px; display: block; font-size: 150%; text-decoration: none; }
#secondary #sidebox #inside { margin: 0pt; padding: 15px; background: transparent url('sidebox_top.gif') no-repeat scroll left top; }
#secondary #sidebox #inside p.wiki { margin: 0pt 0pt 18px; padding: 0pt; color: rgb(90, 98, 110); line-height: 1.5em; }
#secondary #sidebox #inside p.note { margin: 0pt; padding: 0pt 0pt 10px; color: rgb(192, 192, 192); font-size: 85%; font-style: italic; line-height: 1.5em; }
#secondary #sidebox #inside a img { margin: 0pt 0pt 12px; padding: 0pt; }
#quote { margin: 15px 0pt 0pt; padding: 20px; }
#quote p { margin: 0pt 0pt 12px; padding: 15px 0pt 0pt; background: transparent url('sidenav_border.gif') repeat-x scroll left top; font-family: Georgia; font-style: italic; color: rgb(37, 45, 54); font-size: 1.4em; line-height: 1.2em; }
#quote p.author { background: transparent url('sidenav_border.gif') repeat-x scroll left bottom; font-size: 1.2em; text-align: right; font-family: Georgia; font-style: italic; color: rgb(65, 71, 81); line-height: 1.5em; padding-bottom: 15px; }
#quote p.author a { background: transparent none repeat; text-align: right; font-family: Georgia; font-style: italic; color: rgb(65, 71, 81); line-height: 1.5em; padding-bottom: 10px; text-decoration: underline; }
#sidenav { margin: 0pt 15px; padding: 0pt; background: rgb(245, 245, 245) url('sidebox_bg.gif') no-repeat scroll left bottom; width: 255px; }
#insidenav { margin: 0pt; padding: 10px; background: transparent url('sidebox_top.gif') no-repeat scroll left top; }
.sidenav-title { padding: 4px 0px 8px 15px; background: transparent none repeat; height: 24px; color: rgb(124, 150, 186); font-weight: bold; }
li.sidenav { margin: 2px 0pt 0pt 21px; background: transparent none repeat; font-size: 18px; }
li.sidenav a { color: rgb(122, 131, 144); font-weight: bold; }
li.sidenav a:hover { color: rgb(60, 82, 110); text-decoration: underline; }
li.sidenav-expanded { background: transparent none repeat; }
li.sidenav-expanded a { font-weight: bold; color: rgb(50, 55, 62); }
li.subsidenav { margin-left: 21px; }
li.subsidenav a { font-weight: normal; }
li.subsidenav a { font-weight: normal; color: rgb(122, 131, 144); text-decoration: none; }
li.subsidenav a:hover { color: rgb(60, 82, 110); text-decoration: underline; }
li.sidenav-current { background: transparent url('arrow_active.gif') no-repeat scroll left center; margin-left: 10px; padding-left: 11px; }
li.sidenav-current.sidenav-expanded { background: transparent url('arrow_active.gif') no-repeat scroll left 5px; margin-left: 10px; padding-left: 11px; }
li.sidenav-current a { color: rgb(21, 25, 35); }
#secondary a.next { margin: 10px 5px 0pt 10px; padding: 5px 0pt 5px 26px; background: transparent url('next_arrow.gif') no-repeat scroll left center; font-size: 18px; display: block; color: rgb(124, 150, 186); }
#secondary a.next:hover { background: transparent url('next_arrow_hover.gif') no-repeat scroll left center; color: rgb(60, 82, 110); text-decoration: underline; }
#help { margin: 30px 0pt; text-align: center; }
#footer { border-top: 2px solid rgb(37, 45, 54); margin: 0pt; padding: 20px; background: rgb(22, 27, 32) none repeat; color: rgb(78, 91, 103); }
#footer ul { margin: 0pt; padding: 0pt; line-height: 1.4em; }
#footer ul li.cc { margin: 0pt 0pt 25px; padding: 0pt 0pt 0pt 45px; background: transparent url('footer_cc.gif') no-repeat scroll left center; }
#footer ul li.cc a { font-size: smaller; color: rgb(78, 91, 103); text-decoration: underline; }
#footer ul li.cc a:hover { text-decoration: none; }
#footer ul li.pcf { margin: 0pt; padding: 0pt 0pt 0pt 45px; background: transparent url('footer_webyes.gif') no-repeat scroll left center; }
#footer ul li.kf { margin: 0pt 0pt 20px; padding: 0pt 0pt 0pt 45px; background: transparent url('footer_kf.gif') no-repeat scroll left center; }
#footer ul li.fortyfive { margin: 0pt 0pt 18px; padding: 9px 0pt 0pt 45px; background: transparent url('footer_45.gif') no-repeat scroll left center; height: 27px; }
#footer ul li a { color: rgb(78, 91, 103); text-decoration: underline; }
#footer ul li a:hover { text-decoration: none; }