body {
text-align : left;
font : 12px verdana,  tahoma,  arial, 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{
display:inline;
float:left;
text-align : left;
margin : 0 0 0 100px;
padding : 0;
background : #fff;
color : #000;
border : 4px double #666;
width:80%;
/*width : 800px;
height : 1100px;*/
 }
#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;
 }
#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, #subheader16, #subheader17, #subheader18, #subheader19, #subheader20, #subheader21, #subheader21, #subheader22, #subheader23 {
height : 100px; 
background-image : url(images/bluelogo.jpg); 
background-repeat : no-repeat; 
} 

/*backgrounds for individual headers*/
#subheader2{ 
background-image : url(images/bluelogo2.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/bluelogo13d.jpg); 
background-repeat : no-repeat;
} 
#subheader14{ 
background-image : url(images/bluelogo13e.jpg); 
background-repeat : no-repeat;
}
#subheader15{ 
background-image : url(images/bluelogo13c.jpg); 
background-repeat : no-repeat;
}
#subheader16 {
background-image : url(images/bluelogo13g.jpg); 
background-repeat : no-repeat; 
}
#subheader17 {
background-image : url(images/bluelogo13g.jpg); 
background-repeat : no-repeat; 
}  
#subheader18 {
background-image : url(images/bluelogo13h.jpg); 
background-repeat : no-repeat; 
}  
#subheader19 {
background-image : url(images/bluelogo13i.jpg); 
background-repeat : no-repeat; 
}  
#subheader20 {
background-image : url(images/bluelogo13j.jpg); 
background-repeat : no-repeat; 
}  
#subheader21 {
background-image : url(images/bluelogo13k.jpg); 
background-repeat : no-repeat; 
}  
#subheader22 {
background-image : url(images/bluelogoGuides.jpg); 
background-repeat : no-repeat; 
} 
#subheader23 {
background-image : url(images/bluelogo13l.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 {
float : left;
width : 75%;
padding-bottom : 10px; 
background-color:inherit;
color : #000;
margin :0;
} 

/*specific style for wider main2 divisions*/
.main2 {
clear :both;
width : 96%;
}

/*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%;
}
.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; 
background-image : url(images/sidebg.jpg); 
background-repeat : repeat-y; 
border-right: 1px solid #ccf;
border-bottom: 1px solid #ccf;
background : #ccffee;
color : #000;
}
/*unordered sidebar nav list*/
#side ul{
text-align : left; 
margin-left : 0; 
padding : 0 5px; 
font-size : 0.9em; 
line-height : 1.4em; 
list-style-type : none; 
} 
#side ul li {
margin-top : 7px; 
font-family : "comic sans ms", cursive; 
} 
.footer, #footer2 {
clear : both;
height :45px; 
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{
width :320px;
margin-left : 25%;
}
.main p, .main2 p {
float : left;
clear :both;
width : 95%;
text-align : justify; 
margin : 12px 0  0 16px;
line-height : 1.3em; 
padding : 0;
} 


/*
 p:first-line {
font-weight : bold; 
}
p.small {
text-align : justify;
font-size : 0.9em; 
padding : 0 10px; 
} 
p.small2 {
float : left;
display : inline;
width : 42%;
margin-left: 30px; 
text-align :left; 
font-size : 0.9em; 
padding : 0 10px; 
}*/ 

/*website location*/
#location{
float : left;
clear : both;
width : auto;
margin : 0;
padding-right : 6px;
height : 15px;
background-color:inherit;
color : red;
font : 0.8em verdana, sans-serif; 
border-right : 1px dashed #acd;
border-bottom : 1px dashed #acd;
}
#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 : 8pt arial, sans-serif; 
text-align : center;
height : 20px; 
margin : 0;
background-image : url(images/navbar2.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;
background-color:inherit;

} 
#tabs a:hover {
padding : 2px 0; 
color : #9fe;
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 : 4%;
}
#links ul{
float : left;
width : 26%; 
font-size : 12px;
padding : 0 ;
margin :1% 0% 0% 5%;
list-style-type :none;
}
#links ul li{
margin-top : 10px;
}
#links ul a{
line-height : 1.5em;
}  
/*dvd tutorials page style*/
.dvdtips{
float : left;
clear : both;
width : 80%; 
font-size : 12px;
padding : 0 ;
margin : 0% 0% 0% 10%;
list-style-type :none;
border :0;
background-color : #fff;
color : #000;
}
.dvdtips li{
margin-top : 5px;
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;
}

 
hr {
float : left;
clear : both;
text-align : center;
width : 98%;
margin : 8px 0 0 25px; 
color : #f93; 
height : 1px;
background-color:inherit; 
} 
.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: 28px;
color : #000; 
font-size : 8pt; 
background-image : url(images/sidebarbg2.jpg); 
background-repeat : repeat-x;
background-color: transparent; 
padding-top : 5px; 
margin-top : 0; 
line-height: 1.2em;
} 
.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;
} 

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;
}
/*guides list for Alkohol and Fasfranks guides pages*/
#guideslist {
font : 10pt arial, sans-serif; 
text-align : center; 
width:650px;
height : 1000px; 
margin : 50px 0 50px 50px; 
} 
#guideslist li {
list-style-type : none;
height:60px;
text-align : left; 
margin :10px 0 0 0; 
} 
#guideslist a {
background: #bbc; 
float : left; 
padding : 12px 1px 1px 12px; 
width : 70%; 
height:28px;
margin: 0 0 0 15%;
} 
#guideslist a:link, #guideslist a:visited {
color : #feb; 

background-color : #a9a;  
border:3px outset #ccc; 
} 
#guideslist a:hover {
padding : 13px 0 0 13px;  
color : #fff; 
border:3px inset #aaa; 
background: #bbc;
}
/*intro p for bbmayos guides*/
#intro{
font : 10pt "times new roman", serif; 
margin:2% 0 0 22%;
padding: 8px;
color#000;
background:#ff8;
border:3px inset #000;
width:55%;
}

/*guides list2 for bbmayos guides*/
#guideslist2 {
font : 10pt arial, sans-serif; 
text-align : center; 
width:650px;
height : 1000px; 
margin : 50px 0 50px 50px; 
 } 
#guideslist2 li {
list-style-type : none;
height:60px;
text-align : left; 
margin :10px 0 0 0; 
} 
#guideslist2 a {
background: #bbc; 
float : left; 
padding : 12px 1px 1px 12px; 
width : 70%; 
height:28px;
margin: 0 0 0 15%;
} 
#guideslist2 a:link, #guideslist2 a:visited {
color : #333; 
background-color : #ccf;  
border:3px outset #ccc; 
} 
#guideslist2 a:hover {
padding : 13px 0 0 13px;  
color : #fff; 
border:3px inset #aaa; 
background: #bbc;
}
/*guides list3 for main Guides entry page*/
#guideslist3 {
font : 10pt arial, sans-serif; 
text-align : center; 
width:650px;
height : 300px; 
margin : 50px 0 50px 50px; 
 } 
#guideslist3 li {
list-style-type : none;
height:60px;
text-align : left; 
margin :10px 0 0 0; 
} 
#guideslist3 a {
background: #bbc; 
float : left; 
padding : 12px 1px 1px 12px; 
width : 70%; 
height:28px;
margin: 0 0 0 15%;
} 
#guideslist3 a:link, #guideslist3 a:visited {
color : #333; 
background-color : #ffc;  
border:3px outset #ccc; 
} 
#guideslist3 a:hover {
padding : 13px 0 0 13px;  
color : #fff; 
border:3px inset #aaa; 
background: #baf;
}
.line{
text-decoration:underline;
}