/* CSS Document */

/* This is the black style sheet for NTS */

body {

margin: 0px;
padding: 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;

min-width: 200px;

background-color: #363636;
color:#FFFFFF;

}

h4 {

font-size: 110%;

}

li {

padding-top: 5px;

}

img {

 margin: 0px 0px 0px 0px;
 padding: 0px 5px 0px 5px;
 border: 0px solid #000000;

}

a:link {

color: #FFFF66;
color: #FF0000;
font-weight: bold;
text-decoration: none;

}

a:visited {

color: #CC9900;
color: #FF0000;
text-decoration: none;
font-weight: bold;

} 

a:hover {
text-decoration: underline;
}

#header {

position: relative;
min-height: 120px;
max-height: 137px;
height: 123px;

border: 0px;
padding: 0px;
background-image: url(../images/redSwirl.jpg);
background-color: #CC0000;
color: white;

}

#sideBar {

position: relative;
float: left;
width: 180px;
padding-right: 10px;

left: 0px;

}

#sideBar ul {

padding-top: 5px;

}

#sideBar li {

padding-top: 5px;

}

#main {

border: 0px;
margin: 0px;

position: relative;

}

#content {
position: relative;

margin: 0px 0px 0px 190px;

border-left: thick ridge #990033;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;

padding-left: 10px;
padding-right: 5px;
padding-bottom: 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#footer {

margin: 0px;
padding-bottom: 3px;
clear: both;

background-image: url(../images/redSwirl.jpg);
background-color: #CC0000;

font-size: 60%;
text-align: center;
}

#footer a:link {

color: #000000;

}

#footer a:visited {

color: #CC9900;
color: #000000;
text-decoration: none;
font-weight: bold;

} 

#footer a:hover {
text-decoration: underline;
}


/* classes */

.oilPainting{

position:relative;
	margin: 0px;
	padding-top: 5px;
	float: left;
/*	z-index: 100; */
	height:113px;
/*	width: 200px; */

}

.oilPainting img {
margin: 0px 0px 0px 3px;
padding: 0px;
border: 0px;

}

.headerBox {

position: relative;
top: 0;
left: 0;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 190px;
min-width: 400px;
min-height: 100px;

/* background-color: #339999; */

}

.headerBox div {

text-align: center;

}

.headerBox a:link {

color: #000000;
font-weight: bold;

}

.headerRuler {

position: relative;
margin: 0px;
padding: 0px;
border: 0px;

}

.headerRuler img {
margin: 0px;
padding: 0px;
border: 0px;

}

.stopPress {

position: relative;
margin: 0px;
padding: 0px;
border: 0px;

}

.stopPress img {

margin: 0px;
padding: 0px;
border: 0px;

}

.scrollBox {

 width: 40%;
 min-width: 300px;
 max-height: 300px;
 overflow: auto;
 margin-left: 30px;
 margin-top: 20px;
 float: left;
 
}

.scrollBoxThin {

 width: 20%;
 min-width: 200px;
 max-height: 300px;
 overflow: auto;
 margin-left: 30px;
 margin-top: 20px;
 float: left;
 
}

.scrollBoxWide {

 width: 60%;
 min-width: 300px;
 max-height: 350px;
 overflow: auto;
 margin-left: 30px;
 margin-top: 20px;
 float: left;
 
}

.pNoTop {

   margin-top: 0px;
   border-top: 0px;
   padding-top: 10px;

}

.pNoTopAtAll {

   margin-top: 0px;
   border-top: 0px;
   padding-top: 0px;

}

.pNoBottom {

   margin-bottom: 0px;
   border-bottom: 0px;
   padding-bottom: 0px;

}

.floatLeft {

position: relative;

float: left;

}

.floatRight {

position: relative;

float: left;

}


.endFloat {

clear: both;

}

.tutorContainer {

position: relative;
border-top-style: ridge;
border-top-color: #999999;

}

.tutorContainer h4 {

   font-size: 110%;


}

.tutorPicture {

float: right;

margin-left: 10px;
margin-bottom: 10px;

}

.albums {

position: relative;

}

.albums img {

padding: 0px 10px 10px 0px;
float: left;

}

.pictures {

position: relative;

}

.pictures img {

padding: 0px 10px 10px 0px;
float: left;
width: 220px;

}

.videoContainer {

position: relative;
float: left;

text-align: center;

padding: 10px 60px 10px 0px;
max-width: 300px;

border-top-style: ridge;
border-top-color: #999999;

}

.videoContainer h4 {

   font-size: 110%;


}

.videoPicture {

float: right;

margin-left: 10px;
margin-bottom: 10px;

}

.videoEmbed {

text-align: center;

}