/* Reference Only */


body    {
        background-color: #0000ff;
        margin: 10px; padding: 0px;
        font: 12px Arial, sans-serif;
        }

#navigation {
            float: right;
            width: 160px;
            background-color: #fff;
            }
 
.navLogo	{
			margin: 25px 0px 0px 25px;
			}

.shopping	{
			margin: 10px 0px 10px 8px;
			}

.navXhtml	{
			margin: 10px 10px 25px 35px;
                  }
                        
#content    {
            background-color: #fff;
            padding: 10px;
            margin-right: 170px;
            }
            
#header     {
            background: #fff url(../images/smlogo.jpg) center;
            height: 78px;
            length: 300px;
            margin-left: 75px;
            margin-right: 75px;

            }                               

.border     {
            border: 1px solid #222;
            }

.floatLeft  {
			float: left;
			}

.floatNone  {
			float: none;
			}


#footer		{
			padding: 10px;
			text-align: center;
			margin-top: 50px;
			}

.homePageIntro	{	
				padding: 0px; 
				font: bold 12px Arial, sans-serif; 
				color: #0000ff; 
				text-align: center;
				}

h1 {font-family: Arial, sans-serif; font-weight: bold; color: #ff0000;
padding-left: 20px;}

h2 {font-family: Arial, sans-serif; font-weight: bold; color: #222;
padding-left: 25px;}

h1  {font-size: 25px;}
h2  {font-size: 18px; margin-top: 30px;}

#navigation h2  {display: block; padding: 10px; border-top: 10px solid #0000ff;  background-color: #e4eef7; font: bold 12px Arial, sans-serif;}

p   {font: 14px Times New Roman; padding-left: 20px; padding-right: 20px; color: #222; line-height: 1.5em;}

p.red {color:red;}

a			{font-weight: bold; color: #336699; text-decoration: none;}
a:link		{font-weight: bold; color: #336699; text-decoration: none;}
a:visited	{font-weight: bold; color: #336699; text-decoration: none;}
a:active	{font-weight: bold; color: #336699; text-decoration: none;}
a:hover 	{font-weight: bold; color: #222; text-decoration: none; background-color: #e4eef7;}

#navigation a  {display: block; padding: 2px 10px; font: bold 11px Arial, sans-serif; text-decoration: none; margin: 0px 10px;}        
#navigation a:link  {display: block; padding: 2px 10px; font: bold 11px Arial, sans-serif; text-decoration: none; margin: 0px 10px;}        
#navigation a:visited  {display: block; padding: 2px 10px; font: bold 11px Arial, sans-serif; text-decoration: none; margin: 0px 10px;}        
#navigation a:active  {display: block; padding: 2px 10px; font: bold 11px Arial, sans-serif; text-decoration: none; margin: 0px 10px;}        
#navigation a:hover  {color: #222; background-color: #e4eef7; display: block; padding: 2px 10px; font: bold 11px Arial, sans-serif; text-decoration: none; margin: 0px 10px;}