/* CSS Document  -  Novel Beginnings */


body {
/* get rid of default padding and margins in body */
padding: 0px;
margin-top: 30px;
/* background-color: #333; */
background-color: #505050; 
background: url(../images/jpeg/background.jpg) #505050; 
background-color: #505050;
}

img {
border: 0;
}

.text {
color: black;
font-family: arial;
font-size: 90%;
line-height: 1.5em;
}


table td {
border: 4px solid #333;
}

/* Outer container for entire site */
.nboutercontainer {
width: 808px;
height: 510px;
background-color: #000;  /* set to black to accomodate gaps in IE */
border-left: 8px solid #000;  
border-bottom: 2px solid #000;
overflow: auto;
}



.nboutercontainerarticles {
width: 808px;
height: auto;
background-color: #000;  /* set to black to accomodate gaps in IE */
border-left: 8px solid #000;  
border-bottom: 6px solid #000;
overflow: hidden;
}


/* Secondary pages for further content */
.nbarticlepage {
float: left;
width: 800px;
height: auto;
background-color: #fff;
margin-top: 5px;
border-right: 8px solid black;
font-family: arial;
font-size: 14px;
line-height: 1.5em;
}

.nbarticlepage a {
text-decoration: none;
color: black;
}

/* Container to hold individual pictures and information for each breeder ferret */
.nbbreederferrets {
width: 700px;
height: auto;
margin-bottom: 1em;
}


/* ---------------------- Navigation Menu -------------------------*/
.nbnavcontainer {
width: 400px;
height: 25px;
background-color: black;
color: white;
font-size: 14px;
}

/* UL element style */
.nbnavcontainer ul {
width: 100%;
height: 20px;
padding: 0;
margin: 0;
float: left;
}

/* LI element style */
.nbnavcontainer  li  {
list-style-type: none;
display: inline;
padding-left: 2px;
border-left: 8px solid black;
margin-right: 4px;
}

.nbnavcontainer  a {
text-decoration: none; 
color: white;
font-size: 14px;;
font-family: arial;
}

/* .nbnavcontainer li:link, .nbnavcontainer li:visited, .nbnavcontainer li:active {
text-decoration: none;
} */


.nbnavcontainer a:hover {
color: silver;
text-decoration: none;
} 

/* --------------------- End Navigation Menu ------------ */


/* Secondary Navigation Menu Option */
.nbnavcontainer2 {
width: 816px;
height: 25px;
padding: 0;
margin: 0;
background: url(../images/jpeg/mainnavfade.jpg);
color: white;
font-size: 14px;
}

/* UL element style */
.nbnavcontainer2 ul {
width: 100%;
height: 20px;
padding: 0;
margin: 0;
padding-top: 4px;
/* float: left; */
}

/* LI element style */
.nbnavcontainer2  li  {
list-style-type: none;
display: inline;
padding-left: 2px;
margin-right: 4px;
float: left;
margin-left: 15px;
}

.nbnavcontainer2  a {
text-decoration: none; 
color: white;
font-size: 14px;;
font-family: arial;
margin-top: 4px;
}

.nbnavcontainer2 li:link, .nbnavcontainer2 li:visited, .nbnavcontainer2 li:active {
text-decoration: none;
} 


.nbnavcontainer2 a:hover {
color: white;
text-decoration: underline;
} 






/* Although titled photoholder, this section is used to hold actual content on other pages as well */
.nbphotoholder {
width: 740px;
height: auto;
margin-top: 2em;
float: left;
margin-left: 1em;
background-color: white;
text-align: left;

}


/* ------------------ End Secondary Article Pages ---------------------- */

/* ------------- Rounded Corners -------------------------------------- */

/* News Containers */

.container {
width: 700px;
background: #ECEAEA;
float: left; 
margin-left: 10px;
margin-bottom: 4em;
}

.container p {
color: #333;
font-family: arial;
margin: 0;
padding: 0;
padding-right: 10px;
padding-left: 10px;
}

.container ul li {
color: #333;
font-family: arial;
font-size: 95%;
}

.container h3 {
text-indent: 8px; margin-top: -10px; 
}




.uppercorners {
width: 700px;
height: 20px;
background: url(../images/jpeg/tlnews.jpg) no-repeat top left;
}



.bottomcorners {
width: 700px;
height: 20px;
background: url(../images/jpeg/blnews.jpg) no-repeat bottom left;
}

img.corner {
float: right;

}

/* Table Styling */

.desc {
padding: 10px;
line-height: 1.5em;
border: 1px solid #333;
font-family: arial;
font-size: 80%;
}

.cellwhite {
background-color: white;
padding-top: 6px;
}

/* ------------------- End Rounded Corners ---------------------------- */





/* ---------------- Left Content Area --------------------------------- */

/* Left main content area */
.nbleftcontentmain {
float: left;
width: 400px;
height: 500px;
background-color: #fff;
border-top: 8px solid #000; 
margin-right: 0;
}


/* Top padding for the left content area */
.nblefttoppading {
width: 400px;
height: 25px;
background-color: white; 
color: #fff;
text-align: left;
}

/* Logo image holder */
.nbleftlogoholder {
width: 400px;
height: 380px;
background: url(../images/png/logo4.png) no-repeat; 
} 


/* Left container for large ferret paw */
/* This is the outer container.  Another div will be used to place the paw. */
.nbleftlargepawholder {
clear: both;
width: 400px;
height: 60px;
background-color: #fff;
}

/* Paw image for front page */
.nbleftlargepawimage {
width: 120px; 
height: 95px;
float: right;
background: url(../images/png/ferretpawlarge.png) no-repeat; 
}

/* Paw image for article pages */
.nbleftlargepawimagearticle {
width: 145px; 
height: 112px;
float: right;
/* background: url(../images/png/ferretpawlarge4.png) no-repeat; */ 
}

/* ---------------- End Left Content Area ------------------------------ */








/* ---------------- Right Content Area --------------------------------- */

/* Right main content area */
.nbrightcontentmain {
float: right; 
width: 400px;
height: 500px;
margin-left: 0;

}

/* Content holder for text entries, etc. */
.nbrightcontentcontainer {
width: 300px;
height:  300px;
/* background-color: #000; */
}

.nbrightcontentcontainer p {
font-family: arial;
font-size: 13px;
color: #ddd;
text-align: left;
line-height: 1.5em
}



.nbrightcontentheader {
width: 400px;
height: 30px;
background-color: #000;
}

.nbrightcontentcontainer2 {
width: 300px;
height: 280px;
float: left;
background-color: #000;  
}

/* ---------------- End Right Content Area ---------------------------- */


/* ---------------  Footer Area --------------------------------------- */

.nbfooter {
width: 800px;
height: 20px;
}

.nbfooter p {
font-size: xx-small;
font-family: verdana;
text-align: right;
color: #fff;  
}