/* This stylesheet is for older browsers that don't understand @import */

/* basic elements */
body{color:#111;background-color:#ecdcc3;margin:0;padding:0;background-repeat: repeat-x;}
/* make everything sans-serif */
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{font-family:  Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif}

/* set image borders to zero */
img{border:0}

#fullheight{height:100%}

/* basic links */
a, a:link{color:#c00}
a:visited{color:#966}
/* NS4 won't see these but other browsers will. No problem. */
a:hover{color:#c00;text-decoration:none}
a:active{color:#f00;text-decoration:none}

/* special link classes */
a.blkcrumb{color:#ccc}
a.crumb{color:#666;text-decoration:none}
a.footerlink{font-size:80%;text-decoration:none}
a.homeaa:visited{color:#c00}
a.homesubnav:visited{color:#999}
a:hover{color:#c00;text-decoration:underline}
a.homepage:hover{color:#c00;text-decoration:underline}
a.homeaa{font-size:95%;line-height:140%;text-decoration:none}
a.homesubnav{color:#999;font-size:80%;font-weight:bold;text-decoration:none}
a.homepage{color:#666;font-size:small;font-weight:bold}
a.rednav{color:#c00;font-size:95%;line-height:140%;text-decoration:none}
a.footerlink:visited{color:#c00}
a:visited{color:#966}
a.promoBlurb{color:#000;font-size:80%;text-decoration:none}
a.sort{color:#000;font-size:10px;text-decoration:none}

/* current css info follows. I've combined selectors with identical rules. */
.bio, .byline, .caption, .date, .mainImgCaption, .sidebarCaption{color:#666;font-size:80%}
.bodytext{font-size:12px;line-height:145%;}
.pagination, .captionHead, .deck, .head, .indexblurbHead, .longblurbHead, .sidebarCaptionHead, .sellingsubhead{font-size:80%;font-weight:bold}
.default{font-size:105%;color:#B70F1B;padding-left:10px;padding-right:10px;}
.tiny{font-size:70%;color:#B70F1B;padding-left:10px;padding-right:10px;text-transform:uppercase;}
.tiny2{font-size:90%;color:#000000;padding-left:10px;padding-right:10px;}

padding-left:10px;padding-right:10px;
.headlrg{font-size:2em;font-weight:bolder}
.indexblurb, .inhex, .largebody, .longblurb, .smallbody{font-size:small}
.largehead, .prodtagline, .storytitle{font-size:95%;font-weight:bold;color:#f7efe0}
 h3.largehead{border:0px solid black;width:260px;height:26px;dislplay:block;background-image: url(http://www.millettsights.com/images/2007/headback.gif);background-repeat: repeat-y;}
.pullquotenew{color:#666;font-size:1.1em;line-height:176%;font-weight:bold}
.sidebarBody{font-size:75%;line-height:125%}
.smallbody{color:#c00;font-size:65%}
.sidebarhead, .subhead, .tipStep{font-size:75%;font-weight:bold}

.bgImg{background-color:#f1f1f1}

/* Not sure where these are used. Does NS4 understand the background images in them? If not, lose those parts of these rules and just set the background-color. */
.grdhdtop, .grdlinesd, .grdlinetop, .grdhdtopbig, .grdlinesdbot{background:#f1f1f1}
.grdhdtoporange, .grdlinesdorange, .grdlinetoporange, .grdhdtopbigorange, .grdlinesdbotorange{background:#ffedcb}
.grdhdtopblue, .grdlinesdblue, .grdlinetopblue, .grdhdtopbigblue, .grdlinesdbotblue{background:#bcc9e2}

/* dotted lines, the CSS way. 
Do a find and replace for <td> with background="1dot.gif */
td.dot{background:#d1d1d1 url(http://www.millettsights.com/images/css/1dot.gif)}

/* these 9 classes are obsolete and maintained only for backwards-compatability. */
.body{font-size:small;line-height:150%}
.fineprint{font-size:x-small}
.leaded{line-height:150%}
.menuitem{color:#c00;font-size:x-small}
.quote{font-size:medium;font-family:"Times New Roman", Times, Georgia, serif;line-height:181%;margin-top:10px;margin-bottom:0}
.quotesig{font-size:small;font-family:"Times New Roman", Times, Georgia, serif;font-style:italic;line-height:181%;margin-top:12px;margin-bottom:1px}
.size1{font-size:x-small}
.size2{font-size:small}
.size3{font-size:medium}


/* C.Cheung added new classes for Premiere Pro. 12/26/05 */
#intro3 #selectversion {
	FONT-WEIGHT: bold; LEFT: 200px; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 30em; POSITION: absolute; TOP: 150px; voice-family: inherit
}
#selectversion {
	FONT-WEIGHT: bold; LEFT: 600px; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 20em; POSITION: absolute; TOP: 150px; voice-family: inherit
}
#intro3 .blackbold {
	FONT-WEIGHT: bold; FONT-SIZE: 10px
}
#intro3 .greytext {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666
}
#intro3 .introtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11px
}
#intro3 .introtitle2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
#intro3 .introtitle3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
#intro3 .versionselect {
	width: 200px
}
TABLE.matrix2 {
	CLEAR: left; BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; MARGIN: 7px 0px; WIDTH: 550px; BORDER-COLLAPSE: collapse
}
.matrix2 TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #999 1px solid; voice-family: inherit
}
.matrix2 TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #999 1px solid; voice-family: inherit
}
.matrix2 THEAD TH {
	BACKGROUND: #c0bdbd; VERTICAL-ALIGN: bottom; COLOR: #c00; TEXT-ALIGN: left
}
.matrix2 TBODY TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left; VERTICAL-ALIGN: top
}
.matrix2 TH.sub {
	FONT-WEIGHT: normal
}
.matrix2 TBODY TD {
	TEXT-ALIGN: left; VERTICAL-ALIGN: top
}
.matrix2 .even TD {
	BACKGROUND: #fff
}
.matrix2 .even TH {
	BACKGROUND: #fff
}
.matrix2 .odd TD {
	BACKGROUND: #ccc
}
.matrix2 .odd TH {
	BACKGROUND: #ccc
}
.matrix2 TH A:link {
	COLOR: #c00; TEXT-DECORATION: underline
}
.matrix2 TH A:visited {
	COLOR: #c00; TEXT-DECORATION: underline
}
.matrix2 TH A:hover {
	COLOR: #c00; TEXT-DECORATION: none
}
#matrix2 TH A:active {
	COLOR: #f00; TEXT-DECORATION: underline
}
/* End of new classes created by C.Cheung */









/********************************/

#menu{
position:relative;
top: 15px;
left:0.5em;
z-index:2;
width:10.5em;
padding-right:10px;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu a, #menu h2{
display:block;
border-width:2px;
border-style:solid;
border-color:#822325 #822325 #822325 #822325;
white-space:nowrap;
margin:0;
padding:3px 3px;
text-align:left;

}

#menu h2{
font:bold 10px/16px arial,helvetica,sans-serif;
}

#menu a{
font: 10px/16px arial,helvetica,sans-serif;
line-height:12px;
text-align:left;

}

#menu h2{
color:#fff;
text-transform:uppercase;
padding-top:.2em;
line-height:12px;
/**margin-left:15px; ***/
/*background:#B70F1B;*/ /** url(http://localhost/~marcelbates/MYSITES/Millett/images/sight_sm.gif) no-repeat top left;**/

}

#menu a{
color:#333;
font-weight:normal !important;
font-family:  Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif !important;
background:#FFFFFF;
text-decoration:none;
background:  url(http://www.millettsights.com/images/2007/navback.gif) no-repeat top left;
}

#menu a:hover{
font-weight:bold !important;
color:#B70F1B;
background:#f6d55b;
border-width:2px;
border-style:solid;
border-color: #d8b238;

}

#menu a:active{
color:#333;
background:#fff;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu{
margin-top:0px;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#FAD75F url(../images/sight_sm2.gif) no-repeat top right;
}

#menu a.x:hover{
color:#B70F1B;
background:#fff;
}

#menu a.x:active{
color:#fff;
background:#000;
}



.tabletiny, .tabletinyhead {
	padding-left:0px;
	font-size:75%;
}

.tabletinyhead {
	text-align:left;
	color:#222;
}

.tabletiny {
	text-align:center;
	color:#444;
}