﻿/**************
Anything in css with a ".name" is a class. When adding ".name" to a page class="name"
Anything in css with "#name" is a id reference. In the page it will be id="name"
this will be used to format tables and everything within its properties
Anything in css with just "name" is a styled tag. it effect the properties of <p> 
*
*****************/



/* table layout for all pages*/

.table
{
  width:1020px;
  height:auto;
  position:relative;
  padding:0px; 
} 
.left_content
{
  width:560px;
  height:auto;
  padding-left:25px;
  padding-right:20px;
  padding-top:10px;
  text-align:left;
float:left;
   border-right:1px dotted #333;
   margin:0px;
   position:relative;
}
.rightadjust
{
   position:relative; 
   height:auto;
 
}
.gallery
{
  width:1000px;
  position:relative;
  top:0px;  
}
.right_content
{
  width:375px;
  height:auto;
  padding-left:15px;
  padding-right:15px;
  padding-top:10px;
  margin:0px;
}
.banner
{
    background-color: #333333;
	text-align: center;
	margin-top: 0px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.login
{
    font-size:11px;
    font-family:Arial;
    color:#999999;
    padding-left:5px;
    padding-right:5px; 
}   
.subscribe;
{
    font-size:11px;
    font-family:Arial;
    color:#979797;
    padding-left:5px;
    display: inline;
    padding-right:5px; 
}   
.search
{
    font-size:11px;
    font-family:Arial CE;
    color:#3f0909;
    padding-left:0px;   
    padding-top:0px;
    display:inline;
    padding-bottom:20px;
}
.articles
{
 position:relative;
   
}
.body_text_main
{
    font-size:12px;
    font-family:Arial;
    line-height:14px;
    color:#656464;
}   

.body_small
{
    font-size:11px;
    font-family:Arial;
    line-height:13px;
    color:#656464;
}    
.footer
{
    border-top:5px solid #3f0909; 
    height:12px; 
    font-size:10px;
    font-family:Arial CE;
    color:#fff;
    font-weight:normal;
    letter-spacing:1.2px;  
    width:1020px; 
}
.footerText
{

    font-size:10px;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2px;  
    width:1020px; 
}
.footerText:link
{

    font-size:10px;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2px;  
    width:1020px;
    text-decoration:none; 
}
.footerText:visited
{

    font-size:10px;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2px;  
    width:1020px;
    text-decoration:none; 
}
.footerText:hover
{

    font-size:10px;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2px;  
    width:1000px; 
    text-decoration:underline;
}
.footerText:active
{
    font-size:10px;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2px;  
    width:1020px;
    text-decoration:none; 
}

h1
{
     font-family:Archer;
    font-size:24px;  
    color:#000000; 
    margin-top:0px; 
    padding-bottom:0px;
    padding-top:0px;
}

/* this is a tag used for all red 14px heading  */
h2
{
    font-family:Archer;
   font-size:24px;
   color:#3f0909;
    padding-top:15px;
   padding-bottom:0px;
    padding-top:0px;
   margin-bottom:10px;   
   margin-top:0px; 
   border-bottom:1px solid #999; 
}
h2 a
{
    font-family:Archer;
   font-size:24px;
   color:#3f0909; 
   padding-top:15px;
   padding-bottom:10px;
   margin-bottom:0px;   
   margin-top:0px; 
   border-bottom:1px solid #999;
   text-decoration:none; 
}
h2 a:link
{
   font-family:Archer;
   font-size:24px;
   color:#3f0909; 
    padding-top:15px;
   padding-bottom:10px;
   margin-bottom:0px;   
   margin-top:0px; 
   border-bottom:1px solid #999;
   text-decoration:none; 
}
h2 a:hover
{
   font-family:Archer;
   font-size:24px;
   color:#3f0909; 
    padding-top:15px;
   padding-bottom:10px;
   margin-bottom:0px;   
   margin-top:0px; 
    border-bottom:1px solid #999;
   text-decoration:none; 
}
h2 a:active
{
   font-family:Archer;
   font-size:24px;
   color:#3f0909; 
    padding-top:15px;
   padding-bottom:10px;
   margin-bottom:0px;   
   margin-top:0px; 
    border-bottom:1px solid #999;
   text-decoration:none; 
}
h2 a:visited
{
    font-family:Archer;
   font-size:24px;
   color:#3f0909; 
   padding-top:15px;
   padding-bottom:10px;
   margin-bottom:0px;   
   border-bottom:1px solid #999;
   margin-top:0px; 
   text-decoration:none; 
}

/* blog feature */
h3
{
    font-family:Archer;
    font-weight:bold;
   font-size:14px;
   color:#000000; 
   padding-top:10px;
 padding-bottom:1px;
   margin-bottom:0px;  
   margin-top:0px; 
   text-decoration:none; 
}
h3 a
{
   font-family:Archer;
   font-size:14px;
   font-weight:bold;
   color:#000000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:10px;
   margin-top:0px; 
   text-decoration:none;   
}
h3 a:link
{
    font-family:Archer;
   font-size:14px;
    font-weight:bold;
   color:#000000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:10px;
   margin-top:0px; 
   text-decoration:none;   
}
h3 a:hover
{
   font-family:Archer;
   font-size:14px;
   font-weight:bold;
   color:#000000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:10px;
   margin-top:0px; 
   text-decoration:none; 
}
h3 a:active
{
    font-family:Archer;
   font-size:14px;
     font-weight:bold;
   color:#000000; 
   padding-bottom:1px;
   margin-bottom:0px;   
     padding-top:10px;
   margin-top:0px; 
   text-decoration:none; 
}
h3 a:visited
{
   font-family:Archer;
   font-size:14px;
     font-weight:bold;
   color:#000000;
   padding-bottom:1px;
   margin-bottom:0px;   
   padding-top:10px;
   margin-top:0px; 
   text-decoration:none; 
}
h4
{
    font-family:Arial;
    font-weight:bold;
   font-size:14px;
   color:#3d3c3c; 
   padding-top:10px;
 padding-bottom:1px;
   margin-bottom:0px;  
   margin-top:0px; 
   text-decoration:none; 
}
h4 a
{
   font-family:Arial;
   font-size:14px;
   font-weight:bold;
   color:#3d3c3c; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:10px;
   margin-top:0px; 
   text-decoration:none;   
}
h4 a:link
{
    font-family:Arial;
   font-size:14px;
    font-weight:bold;
   color:#3d3c3c; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:10px;
   margin-top:0px; 
   text-decoration:none;   
}
h4 a:hover
{
   font-family:Arial;
   font-size:14px;
   font-weight:bold;
   color:#3d3c3c; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:10px;
   margin-top:0px; 
   text-decoration:none; 
}
h4 a:active
{
    font-family:Arial;
   font-size:14px;
     font-weight:bold;
   color:#3d3c3c; 
   padding-bottom:1px;
   margin-bottom:0px;   
     padding-top:10px;
   margin-top:0px; 
   text-decoration:none; 
}
h4 a:visited
{
   font-family:Arial;
   font-size:14px;
     font-weight:bold;
   color:#3d3c3c;
   padding-bottom:1px;
   margin-bottom:0px;   
   padding-top:10px;
   margin-top:0px; 
   text-decoration:none; 
}

/* this is a tag used for all red 16px heading  */

p
{
    font-family:Arial;
   font-size:12px; 
   color:#000000;
   font-weight:normal;
   line-height:13px;
}
span
{
   font-family:Arial;
   font-size:12px; 
   color:#000000;
   font-weight:normal;
   line-height:13px;
}
.utilities
{
   font-family:Arial;
   font-size:10px; 
   color:#979797;
} 
.date
{
   font-family:Archer;
   font-size:11px; 
   color:#3f0909;
   padding-top:5px;
   padding-bottom:5px;
}
#out_side
{
 width:1020px;
 height:auto;
 background-color:#ffffff;
 
}
#vid_home_ad_nav
{
 width:170px;
 margin-left:25px;
 position:relative;
 float:left;
 display:inline;
}
.Title1
{
	padding: 0px 0px 0px 0px;
	width:365px;
	position: relative;color:#3f0909;
    width: 350px;
    font-size: 20px;
    font-family: Archer;
    font-weight: bold;
    font-variant:small-caps;
    white-space: nowrap;
    border-top: 2px solid #3f0909;
	border-bottom: 7px solid #3f0909;
	float:left;
	display: inline;
	margin: 0px;
}
.borderdotsfeature
{
    width:365px;
    border-bottom: dotted 1.5px #ccc;   
    padding-bottom:10px;  
    padding-top:5px;
    margin-bottom:0px; 
    float:left;
    position:relative;
}
.borderdots
{
   width:560px;
    border-bottom: dotted 1.5px #ccc;   
    padding-bottom:10px;  
    padding-top:5px;
    margin-bottom:0px;
    float:left;
    position:relative
}
.blogsolidborder
{
    border-bottom:1px solid #999;
    padding-top:10px;
    padding-bottom:15px;
    width:160px;
    float:left;
    position:relative;
  
}
.solidborder
{
    border:1px solid #999;
    padding-top:5px;
    padding-bottom:10px;
    padding-left:5px;
    width:560px;
    float:left;
    position:relative;
}
.titlelinks
{
 color:#000000;
 text-decoration:none;
 font-size:11px;
  font-family:Arial;  
 font-weight:200;   
}  
.titlelinks:link
{
 color:#000000;
 text-decoration:none;
 font-size:11px;
  font-family:Arial;  
 font-weight:200;   
}
.titlelinks:active
{
 color:#000000;
 text-decoration:none;
 font-size:11px;
  font-family:Arial;  font-weight:200;   
}
.titlelinks:hover
{
 color:#000000;
 text-decoration:none;  
 font-size:11px; 
  font-family:Arial;  font-weight:200;
}
.titlelinks:visited
{
 color:#000000;
 text-decoration:none;  
 font-size:11px;
  font-family:Arial;   font-weight:200;
}

.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: auto; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}
.houseAds
{
    padding-top:10px;
    padding-bottom:6px;
    width:560px;
    float:left;
    position:relative;
    margin-top:10px;
    font:Arial;
    font-size:11px;
  
}
.houseAds a:link
{
 color:#333;
 text-decoration:none;
 font-size:11px;
 font-family:Arial;   
}
.houseAds a:active
{
 color:#333;
 text-decoration:none;
 font-size:11px;
 font-family:Arial;    
}
.houseAds a:hover
{
 color:#333;
 text-decoration:none;  
 font-size:11px; 
  font-family:Arial;  
}
.houseAds a:visited
{
 color:#333;
 text-decoration:none;  
 font-size:11px;
  font-family:Arial;   
}
img {border:1px solid #666;}
