﻿body {
        position:relative;
        margin:auto;
        padding:0;
        border: 1px #000000 solid;            /*TRU*/
        /*border:0px;			 This removes the border around the viewport in old versions of IE */
        width:900px;
        background:#637a42;
        /*min-width:800px; /* Minimum width of layout - remove line if not required */
                         /* The min-width property does not work in old versions of Internet Explorer */ 
       /* max-width:800px; */ 
       
       font-family: verdana, helvetica, sans-serif;
	   color: #000000;
	   font-size: small;



    }

	/* Header styles */
    #header {
        
        clear:both;
        float:left;
        width:100%;
        padding:0;
        background-color:#8b8e86;
    }
    
    #header img{
        margin:0;
        padding:0;
        
    }
   
	/*#header {
		border-bottom:1px solid #000;
		margin:auto;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}*/
	
	/* Top Nav styles */
    #top_nav {
        clear:both;
        float:left;
        width:100%;    
    margin: 0px;
	background-color:#8b8e86;
	height:20px;
	text-align:center;
	letter-spacing: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;


    }
	
	/*Intro Page Paragraphs*/
	
	.pageintro
	{
	   font-family: verdana, helvetica, sans-serif;
	   color:#003300;
	   font-size: small;
	   font-style:normal;
	   font-weight:bold;
	   letter-spacing:3px;

	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */

	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */




	}
	


/* Horizontal Unordered List with image bullet */


#navcontainer 

{ width: 100%; 
text-align: center;
  
}

#navcontainer ul
{

margin-left: 20px;
padding-left: 4px;
list-style-type:none;
font-family: Verdana, Helvetica, sans-serif;

}

#navcontainer a
{
color:#924245;
display:block;
padding: 2px;
width: 100%;
/* background-color: #8b8e86;*/
border-bottom: 1px solid #eee;
}

#navlist a:visited
{

color:#e7e5b8;
text-decoration: none;
}

#navcontainer a:link
{
color:#e7e5b8;

text-decoration:underline;

}

#navcontainer a:hover
{
text-decoration:none;
background-color: #924245;
color:white;
}




/* Vertical Right HTML Unordered List */


#rightnavcontainer 

{ width: 100%; 
text-align: left;
  
}

#rightnavcontainer ul
{

margin-left: 20px;
padding-left: 4px;
list-style-type:none;
font-family: Verdana, Helvetica, sans-serif;

}

#rightnavcontainer a
{
color:#FFFFFF;
text-decoration: none;
display:block;
padding: 2px;
width: 100%;
background-color: #924245;
/* background-color: #8b8e86;*/
border-bottom: 1px solid #eee;
}

#rightnavcontainer a:visited
{

color:#e7e5b8;
text-decoration: none;
}

#rightnavcontainer a:link
{
color:#e7e5b8;

text-decoration:none;

}

#rightnavcontainer a:hover
{
text-decoration:none;
background-color: #8b8e86;
color:white;
}


/* Vertical SubCategory List*/


.navcontainersub 

{ width: 100%; 
text-align: left;

  
}

#navcontainersub ul
{

margin-left: 20px;
padding-left: 4px;
list-style-type:none;
font-family: Verdana, Helvetica, sans-serif;

}

#navcontainersub a
{
color:#FFFFFF;
display:block;
padding: 2px;
width: 100%;
background-color: #637a42;
/*background-color: #8b8e86;*/
border-bottom: 1px solid #eee;
}

#navlist a:visited
{

color:#FFFFFF;
text-decoration: none;
}

#navcontainersub a:link
{
color:#FFFFFF;

text-decoration:none;

}

#navcontainersub a:hover
{
text-decoration:none;
background-color: #8b8e86;
color:white;
}
	/* Vertical SubCategory Datalist Control*/
	#subcatmenuDL
	{width:180px;}
	
	
	/* 2 column right menu settings */
	.rightmenu {
	    background:#FFFFFF;

	


	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
        border-right:1px #000748 solid;


    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	   	/*border-right:1px #000748 solid;
          moved to rightmenu .colleft*/

	    	    

	}
	.rightmenu .col1 {
        margin:0 15px 0 215px;
        padding-top:10px;

        /*overflow:hidden; Commented out so not to cut off letters in paragraph on jobs page*/


	}
	
	
    .rightmenu .col2 {
        float:right;
        width: 200px;
        position:relative;
        left:187px;
        padding-top:5px;
        padding-bottom:5px;

    }


	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		
	margin-bottom: 0;               /*TRU*/
	padding-bottom: .1em;           /*TRU*/
	background-color: #8b8e86;      /*TRU*/
	width:100%;                     /*TRU*/
	text-align:center;	            /*TRU*/
		
    }
   /* #footer p {

        margin:0;

	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
    }*/
    
    #footer_container {
	margin-bottom: 0;
	padding-bottom: .1em;
	background-color: #8b8e86;
	width:95%;
	text-align:center;

    }
    .para_footer{
	    margin-top: 0;
	    margin-bottom: 0;

	    font-style: normal;
	    font-weight: bold;
    }

    #copyright {
	    width:10%;
	    font-size:x-small;
	    vertical-align:bottom;
	    text-align:left;
	    	    font-size: xx-small;
    }

    #address {
	    width:40%;
	    	    font-size: small;

    }
    #truwebs {
	    width:10%;
        font-size:x-small;
        vertical-align:bottom;
	    text-align:right;
	    	    font-size: xx-small;
    }

/* Links */

a:link {
	font-size: small;
	text-decoration: underline;
	color: #821c20;
	font-weight: bold;
}

a:active{
	font-size:small;
	text-decoration: underline;
	color: #821c20;
	font-weight: bold;
}
a:visited {
	font-size:small;
	text-decoration: underline;
	color: #821c20;
	font-weight: bold;
}

a:hover {
	font-size: small;
	text-decoration: underline;
	color: #821c20;
    font-weight: bold;

}



	/*a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }*/
    

    
    /* Headings */
.h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	font-style:oblique;

	color: #821c20;

	letter-spacing: 2px;
	word-spacing: 2px;
}

.h2 {
	 font-family: Verdana, Helvetica, sans-serif;
     text-align: left;
     font-size: 12pt;
     color: #456e3f;
     font-weight:bold;
     letter-spacing: 3px;
	 word-spacing: 2px;


}

.h3 { 
     font-family: Verdana, Helvetica, sans-serif;
     text-align: left;
     font-size: 11.5pt;
     color: #456e3f;
     font-weight:bold;
     letter-spacing: 3px;
	 word-spacing: 2px;
     
}

.h4 { 
     font-family: Verdana, Helvetica, sans-serif;
     text-align: left;
     font-size: 10pt;
     color: #456e3f;
     font-weight:bold;
     letter-spacing: 3px;
	 word-spacing: 2px;
 
}


	img {
		margin:10px 0 10px 20px;
	}
	
	/* Horizontal Unordered List with image bullet */


#top_nav
{ 
width: 900px;
text-align:center;
}

#top_nav ul
{
margin-left: 4px;
padding-left: 4px;
list-style-type: none;
font-family: Verdana, Helvetica, sans-serif;
}

#top_nav a
{
color:#e7e5b8;
display: inline;
padding: 3px;
width: 180px;
background-color: #8b8e86;

}

#top_nav a:visited
{
color:#e7e5b8;
text-decoration: none;
}

#top_nav a:link
{
color:#e7e5b8;
text-decoration: none;
}

#top_nav a:hover
{
background-color: #924245;
color:#e7e5b8;
text-decoration: none;
}

	/* Product Tables */
	
	#swproducts
	{text-align:center;

	}
	
	.tablerow2
	{
	 font-size:x-large;
	}
