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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
table { border-collapse: collapse; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { }
a:active, :focus { outline: none; }
/* -------------------------	START SPLASH STYLES ---------------------*/

body.splashImg { margin: 0 auto; background: #000 url(../etwhittaker_imgs/splash.jpg) center top no-repeat; }
#IndexContainer { width: 780px; margin: 0 auto; }
.EnterSite img { margin: 20%; }
.EnterSite a img { padding: 10em; border: 0; text-decoration: none; }
.EnterSite img a:link { text-decoration: none; }
.EnterSite img a:visited { text-decoration: none; }
.EnterSite img a:hover { text-decoration: none; background: none; }
.message { font-style: normal; font-family: "Courier New", Courier, monospace; font-size: 1em; padding-top: 4em; line-height: 2; padding-left: 2em; color: #FFFFFF; }
/* -------------------------SOME GLOBAL STYLES -------------------------*/

	


/* --------------------------MAIN NAV STYLES -------------------------*/




body.twoColFixLtHdr, #etw-cv-table { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #FFF; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0 1em; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #848181; }
.twoColFixLtHdr #container { width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #848181; text-align: left; /* this overrides the text-align: center on the body element. */ position: relative; }
.twoColFixLtHdr #container a { font-size: 95%; }
.twoColFixLtHdr #container a:link { color: #848181; text-decoration: none; }
.twoColFixLtHdr #container a:visited { color: #78571c; text-decoration: none; }
.twoColFixLtHdr #container a:hover { color: #fff; background: #abaaa8; }
.twoColFixLtHdr #header a:hover { background: none; }
.twoColFixLtHdr #header { background: url(../etwhittaker_imgs/etwhittaker_bannr.jpg) no-repeat; height: 100px; }
.twoColFixLtHdr #header h1.banner { padding: 30px 0 10px 350px;/* using padding instead of margin will allow you to keep the element away from the edges of the div */ }
.twoColFixLtHdr #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: url(../etwhittaker_imgs/graduated_Bg.gif) repeat-y; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 0 15px 4px; height: 50em; }
.twoColFixLtHdr #mainContent, #mainContentTxts { margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */ height: 100% }
/*------------------------ MAIN CONTENT STYLES ------------------------*/

span.stronger { font-weight: bold; font-style: italic; }
#mainContent p, #mainContentTxts p, .twoColFixLtHdr #mainRevus p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #848181; line-height: 1.6; padding: .5em 1em; }
#mainContent em { font-style: italic; font-weight: bold; }
#mainContent p { padding-right: 3em; }
#mainContent p.last, #mainContentTxts p.last { padding-bottom: 8em; }
#mainContent p.first, #mainContentTxts p.first { padding-top: 3em; }
#mainContent { background: url(../etwhittaker_imgs/Tether-Cord-bg.gif) no-repeat; }
/*#container #navigation #NavLinks ul {margin: 0 0 0 -250}*/ 
/*------------------------ NAVIGATION STYLES ------------------------*/

.twoColFixLtHdr #container #navigation { margin-bottom: 20px; border-top: 1px #c9c4c4 dotted; }
.twoColFixLtHdr #container #navigation2 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px #c9c4c4 dotted; }
#NavLinks li { text-align: left; display: inline; border-right: 1px #848181 dotted; padding: 0 10px; font-size: 90%; color: #848181; }
/*----------------------- SIDEBAR 1 STYLES -------------------------*/

.twoColFixLtHdr #container #sidebar1 pre.poem { padding-right: 1em; z-index: 1000; }
.twoColFixLtHdr #container #sidebar1 h3.subtitle, pre.subtitle { font-family: "Courier New", Courier, monospace; font-size: 85%; font-weight: lighter; color: #c27166; padding: 0 0 .8em 0; margin: 0; }
.twoColFixLtHdr #container #sidebar1 h2.title { font-family: "Courier New", Courier, monospace; font-size: 95%; font-weight: lighter; color: #c32c18; line-height: 1.2; }
.twoColFixLtHdr #container #sidebar1 pre.poem, .twoColFixLtHdr #container #sidebar1 p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #848181; line-height: 1.6; padding: 1em 0 0 .5em; margin: 0; }
/* ------------------------INSTALLATION MAIN PAGE STYLES -----------------*/

 .twoColFixLtHdr #container #mainContent p.directionRgt { text-align: right; color: #848181; padding: 1em 2em; }
.twoColFixLtHdr #container #mainContent p.directionRgt a { padding: .5em 2em; }
.twoColFixLtHdr #container #mainContent #directionRgt a:link { text-decoration: none; color: #848181; }
.twoColFixLtHdr #container #mainContent #directionRgt a:visited { color: #78571c; text-decoration: none; }
.twoColFixLtHdr #container #mainContent #directionRgt a:hover { color: #848181; text-decoration: none; }
.twoColFixLtHdr #container #mainContent h2 { font-size: 90%; font-weight: lighter; line-height: 1.5; }
.twoColFixLtHdr #container #mainContent blockquote, .twoColFixLtHdr #container #mainContentTxts blockquote { padding: 0 4em; font-size: 75%; font-style: italic; font-weight: normal; line-height: 1.4; }
.twoColFixLtHdr #container #mainContent h3.cite, #mainContentTxts h3.cite { text-align: right; font-size: 70%; font-weight: normal; padding-top: 1em; }
.twoColFixLtHdr #container #mainContent h2.title { font-size: 100%; font-weight: lighter; line-height: 1.4; font-style: italic; }
.twoColFixLtHdr #container #subContainerInstal { background: url(../etwhittaker_imgs/graduated_Bg.gif) repeat-y; position: relative; height: 100%; }
.twoColFixLtHdr #container #mainContent span.stronger { font-weight: bold; }
/* ------------------------INSTALLATION 2ND PAGE STYLES (INSTALLATION SHOTS) -----------------*/

.twoColFixLtHdr #container { position: relative; height: 100%; }
.twoColFixLtHdr #container #subContainerInstal { position: relative; height: 100%; }
.twoColFixLtHdr #container #subContainerInstal #instal { background: url(../etwhittaker_imgs/graduated_Bg.gif) repeat-y; height: 100%; position: relative; }
.twoColFixLtHdr #container #subContainerInstal #instal img { padding-bottom: 5px; }
.twoColFixLtHdr #container #subContainerInstal #instal h3.author { font-family: "Courier New", Courier, monospace; font-size: 100%; font-weight: lighter; color: #c32c18; line-height: 1.2; padding: 0 0 0 1em; text-align: left; }
.twoColFixLtHdr #container #subContainerInstal #instal h3.subtitle, #container #extra h3.subtitle { font-family: "Courier New", Courier, monospace; font-weight: lighter; color: #c27166; }
.twoColFixLtHdr #container #subContainerInstal #instal ul, li { text-decoration: none; padding: 0; margin: 0; }
.twoColFixLtHdr #container #subContainerInstal #instal li { font-size: 80%; padding: 2em 3em 0 1em; display: block; float: left; }
.twoColFixLtHdr #container #subContainerInstal #instal li a { padding: .5em 1em; }
/* ----------------------- INSTALLATION PAGE THUMBS STYLES -------------------------------*/

#sidebar1 h3.author { font-family: "Courier New", Courier, monospace; font-size: 85%; font-weight: lighter; color: #c32c18; line-height: 1.2; padding: 0; text-align: left; }
#mainContent #thumbs { margin: 0; padding: 0 0 0 3em; }
.twoColFixLtHdr #container #thumbs p.imgTh { padding: 0; margin: 0; text-align: right; }
.twoColFixLtHdr #container #sidebar1 ul li { line-height: 4; }
.twoColFixLtHdr #container #sidebar1 ul li a { font-size: 90%; padding: .5em 2em; }
#mainContent #thumbs a img { background-color: #ccc; padding: 5px; margin: 5px; }
#mainContent h1 { font-family: "Courier New", Courier, monospace; font-size: 100%; font-weight: lighter; color: #c32c18; line-height: 2; }
#mainContent #thumbs a:link { }
#mainContent #thumbs a:visited { }
#mainContent #thumbs a:hover { background: none; }
#mainContent #thumbs a:hover img { background: #fff; text-decoration: none; }
#mainContent p.directionLft { padding-top: .5em; margin: 0 0 1em 0; }
#mainContent p.directionLft a { padding: .2em 1em; }
/* --------------------TEXTS, PERIPERALS STYLES ------------------------*/
.messageRed, #mainContent .messageRed { font-family:"Courier New", Courier, monospace; color: #c32c18; padding: 5em 0 10em 0; }
#subContainer { background: url(../etwhittaker_imgs/Tether-Grid2altrdBg.gif) 11em 60em no-repeat; }
/*#subContainer #mainContentTxts {
	background: url(../etwhittaker_imgs/Tether-Grid2altrdBg.gif) 15em bottom no-repeat;
}*/
#subContainer #mainContentTxts p a:link { text-decoration: underline; }
#subContainer #mainContentTxts a:visited { color: #78571c; text-decoration: underline; }
#subContainer #mainContentTxts a:hover { background: none; text-decoration: underline; color: #abaaa8; }
#mainContentTxts h1 { font-size: 1em; font-weight: lighter; font-style: italic; color: #abaaa8; padding-top: 3em; }
#mainContentTxts p { padding: .5em 2em .5em 0; }
#mainContentTxts p.last { padding-bottom: 3em; }
#mainContent #textLst { margin-left: 10px; padding-left: 0; }
#mainContent #textLst ul { padding: 2em; margin: 2em; padding-bottom: 20em; list-style: none; }
#mainContent #textLst ul li { padding-left: 14px; background-image: url(../etwhittaker_imgs/listImg.gif); background-repeat: no-repeat; background-position: 0 center; padding: 1.2em 0; }
#mainContent #textLst a:hover { background: none; }
#mainContent #textLst ul li a { display: block; text-decoration: none; }
#mainContent #textLst ul li a { display: block; padding: 1.5em 3em; }
#mainContent #textLst ul li a:link { text-decoration: none; }
#mainContent #textLst ul li a:visited { color: #78571c; text-decoration: none; }
#mainContent #textLst ul li a:hover { color: #abaaa8; text-decoration: underline; }
#sidebar1 h2.subtitle { font-family: "Courier New", Courier, monospace; font-size: 90%; font-weight: lighter; color: #c32c18; line-height: 2; padding: 2em 0; text-align: left; }
#thumbs p.underConstructn { font-style: normal; font-family: "Courier New", Courier, monospace; font-size: 1em; padding-top: 4em; line-height: 2; padding-left: 2em; color: #c32c18; }
/* -------------------- REVIEWS ------------------------*/

.twoColFixLtHdr #container #mainRevus p, h3, h4 { margin: 0; padding: 5px 40px; }
.twoColFixLtHdr #container #mainRevus h3 { margin-top: 15px; }
.twoColFixLtHdr #container #mainRevus h4.bottom { padding-bottom: 5em; border-bottom: 1px solid #abaaa8; }
.twoColFixLtHdr #container #mainRevus h3 { color: #848181; font-size: 95%; line-height: 2; }
.twoColFixLtHdr #container #mainRevus h4 { color: #848181; font-size: 85%; line-height: 3; }
.twoColFixLtHdr #mainRevus hr.rule { color: #abaaa8 }
/* -------------------- LINK TO EXTRAS ------------------------*/

.twoColFixLtHdr #container #extra pre, p, h3, h4 { margin: 0; padding: 0 40px; }
.twoColFixLtHdr #container #extra h4.bottom { padding-bottom: 5em; }
.twoColFixLtHdr #container #extra h3.author { color: #c32c18; font-style: normal; font-family: "Courier New", Courier, monospace; font-size: 1.1em; line-height: 1.7; }
.twoColFixLtHdr #container h3.subtitle { color: #c27166; font-weight: lighter; font-size: .9em; line-height: 1.1; }
.twoColFixLtHdr #container #extra h4 { color: #c32c18; font-size: 100%; line-height: 3; }
.twoColFixLtHdr #container #extra p { font-size: 80%; margin: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }
.twoColFixLtHdr hr.rule { color: #abaaa8 }
/* ---------------------- LARGE IMAGE PAGE STYLES -------------------------*/

.twoColFixLtHdr #container #mainImg { width: 100%; }
.twoColFixLtHdr #container #mainImg p.image { text-align: center; display: block; margin: 0; padding: 0; }
.twoColFixLtHdr #container #mainImg p.image img { padding: .5em; border: 1px #abaaa8 solid; }
.twoColFixLtHdr #container #mainImg p.imgCaption span.stronger { font-weight: bold; }
.twoColFixLtHdr #container #mainImg p.imgCaption { font-size: 70%; font-style: italic; margin: 0 auto; line-height: 1.2; }
#directionLnk { margin: 0; padding: 0; padding-bottom: 3em; }
#directionLnk p.directionRgt a, #directionLnk p.directionLft a { padding: 6em 3em 1em 3em; }
#directionLnk p.directionRgt a:hover, #directionLnk p.directionLft a:hover { background: none; }
#directionLnk p.directionRgt a:link, #directionLnk p.directionLft a:link { text-decoration: none; color: #848181; }
#directionLnk p.directionRgt a:visited, #directionLnk p.directionLft a:visited { color: #78571c; text-decoration: none; }
#directionLnk p.directionRgt a:hover, #directionLnk p.directionLft a:hover { color: #abaaa8; text-decoration: underline; }
#directionLnk p.directionLft { float: left; padding: 5px 0 1em 0; }
#directionLnk p.directionRgt { float: right; padding: 5px 0 1em 0; }
/* -----------------------TABLE CV STYLES -------------------------------*/

#cvHead { padding-top: 2em; }
#cvHead a { padding: .25em; }
#etw-cv-table { margin-top: 2em; }
#etw-cv-table p { line-height: 1.2; }
#cvHead h3 { text-align: center; padding: .25em 0; font-weight: lighter; font-size: 90%; }
/*#etw-cv-table tbody td.firstCol {width: 20px;
	text-align: center;}

#etw-cv-table tbody td.2ndCol {width: 500px;}*/

.story p.link { padding: .5em; font-size: 80%; }
p.link a { padding: .25em; }
#container #cvHead h2.title { text-align: center; padding-bottom: .5em; }
div.story { }
#container #etw-cv-table { width: 80%; margin: 0 auto; }
#container #etw-cv-table .story tbody td { font-size: 80%; border: solid; border-color:#CCCCCC; border-style: dotted; border-width: thin; padding: .5em .7em; line-height: 1.5em; }
#container #etw-cv-table table p.mainheading { font-family:"Courier New", Courier, monospace; font-weight: bold; font-size: 110%; color: #c32c18; padding: 0; margin: 0; }
/* -----------------------NAVIGATION FOR IE, NOSCRIPT -------------------*/

#media { padding: 40px 0; }
body.twoColFixLtHdr #mainContentTxts p.message2, .twoColFixLtHdr #Xtra p.message2 { font-size: 70%; font-style: italic; color: #848181; margin: 0; padding: 0; }
#mainContentTxts p.message2 a, #Xtra p.message2 a { padding: 2em; }
#mainContentTxts p.message2 a:visited, #Xtra p.message2 a:visited { color: #848181; }
body.twoColFixLtHdr #mainContentTxts p.message2 { padding: 20px 0; }
#mainContentTxts p.message2 a:hover, #Xtra p.message2 a:hover { text-decoration: underline; background: none; color: #848181; }
body.twoColFixLtHdr #sidebar1 #navigation3 { margin: 20px 0 0 2px; }
body.twoColFixLtHdr #sidebar1 #navigation3 ul li { line-height: 2; }
body.twoColFixLtHdr #sidebar1 #navigation3 ul#nav3-1 { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #848181; padding: 0; margin: 0; }
body.twoColFixLtHdr #sidebar1 #navigation3 ul#nav3-1 li.nav3-2 { margin: 0; padding: 0; line-height: 2; }
body.twoColFixLtHdr #sidebar1 #navigation3 ul#nav3-1 li.nav3-2 ul.nav3-3 { margin: 0; padding: 0; }
body.twoColFixLtHdr #sidebar1 #navigation3 ul li a { margin: 0; padding: 3px; font-style: italic; text-decoration: underline; }
body.twoColFixLtHdr #sidebar1 #navigation3 ul#nav3-1 li.nav3-2 ul.nav3-3 li { padding: 0 0 0 4px; margin: 0; line-height: 2; }
/* --------------------------- FOOTER STYLES -------------------------*/

 
.twoColFixLtHdr #footer { padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#abaaa8; }
.twoColFixLtHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ color: #fff; font-family: "Courier New", Courier, monospace; font-size: 80%; line-height: 1; }
/* ------------------------------ VIDEO PAGE STYLES -----------------------*/
.video {margin: auto 5%}
.fltrt p.link {font-size: 80%;
	font-style: italic;
	text-align: right;
}



/* ------------------------------ END VIDEO PAGE STYLES -----------------------*/

/* -----------------------miscellaneous -------------------------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; }
.fltrt img{margin-top: 1em;}
.fltlft { /* this class can be used to float an element left in your page */ float: left; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }