body {
text-align : left;
font : 12px arial, tahoma, verdana,  sans-serif; 
background-image : url(images/bgstripes.jpg); 
background-attachment : fixed;
margin : 15px auto;
}
a {
text-decoration : none; 
} 
a:link {
color : blue;
background-color:inherit;
 } 
a:visited {
color : blue;
background-color:inherit;
} 
a:hover{
color : red;
background-color:inherit;
 } 
a:active{
color : navy; 
background-color:inherit;
}  
#wrapper, #wrapper2, #wrapper3{
float : left;
text-align : left;
margin : 10px 0 10px 50px;
padding : 0;
background : #fff;
/*background-image : url(images/dvd_bg.jpg); */ 
color : #000;
border : 4px double #666;
width : 900px;
height : auto;
 }
#wrapper2{
float : left;
clear : both;
margin : 0 0 0 12px;
text-align : center;
width : 950px;
background : #a3e;
color : #fff;
 } 
#wrapper3{
text-align : center;
width : 950px;
float : left;
clear : both;
margin: 0 0 0 12px;
background : #fff;
height : 900px;
 }

/*feed IE different margins*/
*html #wrapper{margin : 10px 0 10px 28px;}
*html #wrapper2{margin :0}
*html #wrapper3{margin :0}




#wrapper3 img{
padding : 0;
margin : 10px 0 0 0;
}
h1{
display : none;
font-size: 14px;
text-align : center;
}

/* general header style*/
#subheader , #subheader2 , #subheader3 , #subheader4 , #subheader5 , #subheader6 , #subheader7 , #subheader8 , #subheader9 , #subheader10, #subheader11, #subheader12, #subheader13, #subheader14, #subheader15{
height : 114px; 
background-image : url(images/bluelogo14.jpg); 
background-repeat : no-repeat; 
} 

/*backgrounds for individual headers*/
#subheader2{ 
background-image : url(images/bluelogo2a.jpg); 
background-repeat : no-repeat; 
}
#subheader3{ 
background-image : url(images/bluelogo3.jpg); 
background-repeat : no-repeat; 
}
#subheader4{ 
background-image : url(images/bluelogo4.jpg); 
background-repeat : no-repeat; 
}
#subheader5{ 
background-image : url(images/bluelogo5.jpg); 
background-repeat : no-repeat; 
}
#subheader6{ 
background-image : url(images/bluelogo6.jpg); 
background-repeat : no-repeat;
} 
#subheader7{ 
background-image : url(images/bluelogo7.jpg); 
background-repeat : no-repeat;
}
#subheader8{ 
background-image : url(images/bluelogo8.jpg); 
background-repeat : no-repeat;
}
#subheader9{ 
background-image : url(images/bluelogo9.jpg); 
background-repeat : no-repeat;
} 
#subheader10{ 
background-image : url(images/bluelogo10.jpg); 
background-repeat : no-repeat;
} 
#subheader11{ 
background-image : url(images/bluelogo11.jpg); 
background-repeat : no-repeat;
}
#subheader12{ 
background-image : url(images/bluelogo12.jpg); 
background-repeat : no-repeat;
}
#subheader13{ 
background-image : url(images/bluelogo13b.jpg); 
background-repeat : no-repeat;
}
#subheader14{ 
background-image : url(images/bluelogo16.jpg); 
background-repeat : no-repeat;
}
#subheader15{ 
background-image : url(images/bluelogo17.jpg); 
background-repeat : no-repeat;
}        
#gallerytop{
text-align : center;
margin: 0 0 0px 0;
background : #412;
color : #fff;
width : auto;
height : 126px;
}
p.gallery{
width: auto;
background : #000;
text-align : center;
margin :7px;
padding : 10px;
border : 6px inset red;
}
#logo{
text-align : center;
margin-bottom : 20px;
}
/*main page divisions*/            
.main, .main2 .main4 {
float : left;
width : 75%;
padding-bottom : 10px; 
background-color:inherit;
color : #000;
margin :0;
} 

/*specific style for wider main2 divisions*/
.main2 {
clear :both;
width : 98%;
border : 0px solid red;
}

/*main3 division for pages without sidebar*/
.main3{
text-align : center;
}
/*main3 style is used on the dvd tech101 page*/
.main3 p, .main3 ul, .main3 table{
float : left;
clear : both;
text-align : justify;
font : 12px/1.3 arial, sans-serif;
margin : 12px 12px 12px 24px;
padding : 0;
width : 91%;
}
/*specific style for narrower main4 divisions*/
.main4 {
float :right;
clear :right;
width : 76%;
border :0px solid red;
}
.main3 ul{
font : 12px/1.4 tahoma, verdana, helvectica, arial, sans-serif;
}
.main3 ul li{
margin-top :15px;
}
.main3 table{
font : 12px/1.4 tahoma, verdana, helvectica, arial, sans-serif;
background : #efe;
color : #000;
border : 4px double #ccc;
}
.main3 td, .main3 th{
background : #efe;
color : #000;
padding : 4px 0 3px 5px;
border-bottom : 1px solid #eee;
border-left : 1px solid #eee;
}
.main3 th{
border-left : 0px solid #eee;
border-bottom : 1px solid #ddd;
padding : 4px 0 10px 5px;
color : #096;
}
.main3 h3{
font : bold 16px/1.6 verdana, helvectica, arial, sans-serif;
background-color:inherit;
color: #336;
float : left;
clear : both;
text-align : center;
width : 90%;
}

/*sidebar*/
#side {
float : left; 
width : 21%;
padding-bottom : 10px; 
margin : 0; 

border-right: 1px solid #ccf;
border-bottom: 1px solid #ccf;
background : #cceeff;
color : #000;

background-image : url(images/sidebg.jpg); 
/*background-repeat : repeat-y;*/ 
}
/*unordered sidebar nav list*/
#side ul{
text-align : left; 
margin : 0 0 5px 0; 
padding : 0 5px; 
font-size : 0.95em; 
line-height : 1.4em; 
list-style-type : none; 
} 
#side ul li {
margin-top : 7px; 
font-family : , arial, "comic sans ms", cursive; 
} 
.footer, #footer2 {
float : left;
clear : both;
height :55px; 
margin : 0;
text-align : left; 
background : #fff;
color : #000;
}
#footer2{
background : #000;
color : #fff;
}
#footer2 p{ 
background : #000;
color : #fff;
padding-left : 20px;
}
#blue{
font : 1em arial, sans-serif;
color : #311;
background-color:inherit;
margin : 10px;
}
.downloads {
float : left;
display : inline;
width : 40%;
margin-left : 40px;
margin-top : 20px; 
text-align : left; 
background-color:inherit;
color : #000; 
border : 1px solid aqua;
}
.swfplace{
float : left;
margin-left : 40px;
}
.player{
float : left;
width :320px;
margin-left : 100px;
margin-top : 50px; 
}
.main p, .main2 p {
float : left;
clear :both;
width : 92%;
text-align : justify; 
margin : 12px 0 30px 16px;
line-height : 1.3em; 
padding :8px;
border-top : 2px solid #f8fafa;
border-right : 2px solid #f8fafa;
border-bottom : 2px solid #ecebfb;
border-left : 2px solid #ecebfb;
} 




/*website location*/
#location{
float : left;
clear : both;
width : auto;
margin : 0;
padding-right : 6px;
height : 16px;
background-color:inherit;
color : red;
font : 0.8em verdana, sans-serif; 
border-right : 1px dashed #acd;
border-bottom : 1px dashed #acd;
border-left : 0px;
}
#location a:link, #location a:visited{
color : #999;
background-color:inherit;
}
#location a:hover{
text-decoration : underline;
color : #333;
background-color:inherit;

}

/*website navigation*/ 
#tabs {
font : bold 8pt arial, sans-serif; 
text-align : center;
height : 20px; 
margin : 0;
background-image : url(images/navbar3.jpg);
} 
#tabs li {
display : inline; 
list-style-type : none; 
} 
#tabs a {
float : left; 
padding : 2px 0; 
width : 19%; 
} 
#tabs a:link , #tabs a:visited {
/*color : #fffffe;*/
color : #25a;
background-color:inherit;

} 
#tabs a:hover {
padding : 2px 0; 
/*color : #9fe;*/
color : #000;
text-decoration : underline;
background-color:inherit;
 
} 
#gallery{
float : left;
clear :both;
width :80%;
margin : 40px 0 0 50px;
text-align : left; 
line-height : 1.6em; 
border : 4px outset #acf;
color : #fff;
background : #efe;
}
#gallery li{
margin : 25px;
font : 14px/1.4 tahoma, verdana, arial, sans-serif;
list-style-type : none; 
}
/*Links page style*/
#links{
float : left;
clear : both;
width : 96%;
margin-left : 0%;
border : 0px solid red;

}
#links ul{
float : left;
width : 25%; 
font-size : 12px;
padding : 0 ;
margin :1% 5% 0% 2%;
list-style-type :none;
border : 0px solid magenta;
}
#links ul li{
margin-top : 10px;
}
#links ul a{
line-height : 1.5em;
}  


/*dvd guide003 page style*/
ul.guide{
float : left;
clear : both;
text-align : justify;
width : 85%; 
font-size : 12px;
padding : 0 ;
margin : 2% 0% 0% 3%;
border :0;
background-color:inherit;
color : #000;
line-height : 1.6em;
}
.guide li{
margin-top : 5px;
list-style-type : square;
}
guide li a{
line-height : 1.5em;
}  
.pullquote {
float : left; 
} 
.pullquote2 {
float : right; 
}
.pullquote3 {
float : right;
margin-right : 50px; 
}
.flashback {
float : right;
text-align : left;
margin : 25px 20px 0 0; 
font : xx-small tahoma, sans-serif;
border : 2px dotted #ee0;
} 

/* paragraph for wink flash presentation*/
#wink{
text-align : center;
}

 

.subheader h2 {
font-size : 20pt; 
margin-top : 32px; 
}
.main h2, .main2 h2{
text-align : center;
font-size : 16pt; 
margin : 25px 0 10px 0;
} 
.main h3, .main2 h3{
float : left;
clear : both;
text-align : center;
margin : 25px 0 10px 15px;
width : 95%;
} 
#subheader2 h3 {
font-size : 16pt; 
padding-right : 2%; 
margin-top : 38px; 
} 
#side h5 {
text-align : center;
height: 35px;
color : #000; 
font-size : 8pt; 
background-image : url(images/sidebarbg3.jpg); 
background-repeat : repeat-x;
background-color: transparent; 
padding-top : 7px; 
margin : 0; 
line-height: 1.8em;
} 
.main h5,.main2 h5 {
float : left;
clear : both;
width : 98%;
margin : 10px 0 0 0;
padding : 0; 
text-align : center; 
font-size : 10pt; 
background-color:inherit;
color : #1aa;
color : #000;
} 
h6{
font-size: 0.9em;
float : left;
clear : both;
width :20%;
text-align : center;
margin :15px 0px -15px 50px;
border-bottom : 1px solid #000;
}
img {
margin : 8px; 
border-width : 0; 
} 
.bold {
font-weight : 600; 
} 
.italics {
font-style : italic; 
} 
.main2 table{
margin-left:100px;
}
ol{
float : left;
clear : both;
width : 60%;
text-align :left;
margin : 0 0 0 20px;
padding-left : 25px;
} 
ol li{
line-height : 1.5em;
}
span.img_box{
text-align : center;
float : left;
clear : both;
width :97%;
margin : 15px 0px 40px 0px;
border : 0px solid #000;
}
#footer {
clear : both;
margin : 10px 0 0 0;
text-align :center;
height : 60px;
border-top :1px solid #ddd;
background-color : #fff;  
}
#footer img{
margin :10px 35px ;
float : right;
}