<!-- 
Cascading Stylesheet for the Duxbury Systems website
Copyright 2012, Duxbury Systems, Inc. All Rights Reserved.

Default.css is the primary stylesheet designed for the website.
Default-small.css is stylesheet for narrow widths (under 820px)
default-print.css is the stylesheet designed for printing

Styles ending in CD are designed for the CD-ROM, where the top logo bar is 159px high rather than 100px

logo is the top logo bar, nav is the side navigation bar, nav_top is the top navigation area desined for narrow width
-->

#logo
			{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100px;
                background-color: #132613;                
                color: #ffffff;
                z-index: 2;	
                display: inline;			
		    }
#logocd
			{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100px;
                background: #fff2dd;
                color: #ffffff;
                z-index: 2;
	        }
#nav
		    {
                position: absolute;
                top: 100px;
                left: 0;
                width: 13.5em;
                background-color: #132613;
                color: #ffff80;
                height: 100%;
                font-family: verdana, arial, sans-serif;
                font-size: 1em;
                border-top: 3px solid #bf0000;
                padding-top: 25px;
                padding-right: 5px;
                z-index: 3;
	        }
#navcd
		    {
                position: absolute;
                top: 159px;
                left: 0;
                width: 13.5em;
                background-color: #132613;
                color: #ffff80;
                height: 125%;
                font-family: verdana, arial, sans-serif;
                font-size: 1em;
                border-top: 3px solid #bf0000;
                padding-top: 25px;
                padding-right: 5px;
                z-index: 3;
	        }
#nav_top 
			{
                top: 0;
                font-family: verdana, arial, sans-serif;
                font-size: 1em;			
                background-color: #ffff80;				
                color: #ffff80;
                list-style: none;
                margin: 0.5em auto;
                border-radius: 12px;
                width: auto;
                right: 4%;                                                				
				display: none;                                                
			}
#nav_top li 
			{
                display: inline;
				display: none;                                                
            }
#nav_top a 
			{
                display: inline-block;
                padding: 0.5em 1.2em;   
				display: none;                                                
            }
#nav_top p
			{
                background-color: #ffff80;				
                color: #ffff80;
                width: 100%;                
                list-style: none;
                margin: 0.5em auto;
                border-radius: 12px;
                padding: 0.5em 1.2em;    
				display: none;                                                                
            }                                        
#styles
			{
                right: 0;
                top: 0;
                color: #132613;
                background-color: #fff2dd;
                font-size: 1em;
                padding: 5px;
                margin: 10px;
                z-index: 3;
		    }            
#content
	        {
                position: absolute;
                top: 100px;
                font-family: verdana, arial, sans-serif;
                font-size: 1em;
                left: 13.5em;
                padding-left: 1%;                
                padding-right: 1%;                
                padding-top: 10px;
                color: #132613;
                background-color: #fff2dd;                   
                border-top: 3px solid #bf0000;
                border-left: 3px solid #bf0000;                
                z-index: 9;
                height: 100%;
		    }
#contentcd
	        {
                position: absolute;
                top: 159px;
                font-family: verdana, arial, sans-serif;
                font-size: 1em;
                left: 13.5em;
                padding-left: 1%;                
                padding-right: 1%;                                
                padding-top: 10px;
                color: #132613;
                background-color: #fff2dd;
                border-top: 3px solid #bf0000;
                border-left: 3px solid #bf0000;
                z-index: 9;
                height: 100%;
	        }
#pagenav
		    {
                font-size: 1.4em;
                background-color: #fff2bb;
                width: 90%;
                padding-top: .75em;
	        }
#footer
	        {
                font-size: 1em;
                text-align: left;
                text-style: italic;
                margin-top: 20px;
                margin-bottom: 40px;
                display: block;
	        }
#nav a
	        {
                color: #132613;
                background: #ffff80;
	        }
#navcd a
	        {
                color: #132613;
                background: #ffff80;
	        }
#nav a.main
	        {
                font-size: 1.67em;
                font-weight: bold;
                padding: 2 5 2 5;
                margin: 5px 0 0 5;
                display: block;
                border: 1px solid;
                text-decoration: none;
		    }
#navcd a.main
			{
                font-size: 1.67em;
                font-weight: bold;
                padding: 2 5 2 5;
                margin: 5px 0 0 5;
                display: block;
                border: 1px solid;
                text-decoration: none;
	        }
#nav a.sub
		    {
                font-size: 1.33em;
                font-weight: bold;
                padding: 2 5 2 10;
                margin: 0 0 0 5;
                display: block;
                border: 1px solid;
                text-decoration: none;
	        }
#navcd a.sub
	        {
                font-size: 1.33em;
                font-weight: bold;
                padding: 2 5 2 10;
                margin: 0 0 0 5;
                display: block;
                border: 1px solid;
                text-decoration: none;
	        }
#nav a:active
		    {
                color: #ffffff;
                background: #402000;
	        }
#navcd a:active
		    {
                color: #ffffff;
                background: #402000;
	        }
#nav a:hover
	        {
                color: #ffffff;
                background: #402000;
	        }
#navcd a:hover
		    {
                color: #ffffff;
                background: #402000;
	        }
#pagesplash
		    {
                position: absolute;
                left: 150px;
                top: 0;
	        }
#pagenav a
	        {
                font-weight: bold;
                font-size: 1.53em;
		    }
#pagenav li li
	        {
                font-weight: bold;
                font-size: 1.33em;
		    }
body
	        {
                color: #000000;
                background-color: #fff2dd;                                   
                font-family: georgia, verdana, arial, sans-serif;
                margin: 0;
                z-index: 1;	                
	        }
a
	        {
                color: #306030;
                font-weight: bold;
		    }
a.newshead
			{
                color: #ffffff;
	        }
h1, h2, h3, h4, h5, h6
		    {
                color: #402000;
                font-family: tahoma, verdana, sans-serif;
			}
h1
	        {
                font-size: 2.0em;
                position: relative;
                left: 0;
		    }
h1.brick
			{
				color: FIREBRICK;
				font-size: 2.0em;
				position: relative;
				left: 0;		
			}
h2
	        {
                font-size: 1.67em;
                background-color: #ffff80
                width: 100%;
                position: relative;
                left: 0;
                padding-left: 5px;
		    }
h2.brick
			{
				font-size: 1.67em;
				color: FIREBRICK;		
				width: 100%;
				position: relative;
				left: 0;
				padding-left: 5px;
			}	        
h3
	        {
                font-size: 1.53em;
                font-style: italic;
	        }
.pagenote
		    {
                font-size: 1em;
                font-style: normal;
			}
.important
	        {
                font-size: larger;
                display: run-in;
		    }
h2.newshead
			{

                background-color: #306030;
                color: #ffffff;
                margin-top: 5px;
                margin-bottom: 0;
	        }
.newsblurb
		    {
                background-color: fff2bb;
                width: 90%;
                margin: 0;
                padding-bottom: 1em;
	        }
.right
	        {
                display: run-in;
                text-align: right;
                margin-right: 15px;
		    }
.product
	        {

                background-color: #ffffff;
                margin-bottom: 5px;
		    }
.product ul
			{
                margin-left: 8em;
                font-weight: bold;
                margin-top: 0em;
	        }