/* JunkSTOP Inc. webpage styles */

/*
   == Defaults font families ==
   == use either of these    ==
   font-family: Times New Roman, Times, serif;
   font-family: Trebuchet MS, Arial, sans-serif;

   == Default Header sizes (for reference) ==
   h1 = 2.0em       h4 = 1.0em 
   h2 = 1.5em	    h5 = 0.83em
   h3 = 1.2em	    h6 = 0.65em
 */

/* Bring them all down one size */
   h1 {font-size: 1.5em }
   h2 {font-size: 1.2em }
   h3 {font-size: 1.0em }
   h4 {font-size: 0.83em}
   h5 {font-size: 0.65em}
   h6 {font-size: 0.55em}

/* === overall === */
body {
     background-color: white;
     } 
em1 { font-variant: small-caps; }
tmp { color: #F00000; }  /* use to highlight temp draft wording */


/* Anchors in general */
a         { }
a:link    { }
a:hover   { }
a:active  { }
a:visited { }

/* ================ */

/* === CONTAINER === */
#container {
	background-color: white;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	margin-top: 10px;
	font-size: 1pc;		/* just making sure */
	}
/* ================ */

/* === MASTHEAD === */
#masthead { 
	background-color: white;
	width: 100%;
	margin: 3px 0px 3px 0px;
        font-family: Trebuchet MS, Arial, sans-serif;
	color: #208;
	}
#masthead img { float: right; }
/* ================ */

/* === NAV === */
#nav {
/*	background-color: #F0F0FF;  */
	background-color: white;
	clear: both;  /* clear the logo */
	float: left;
	width: 80px;
	margin: 0px 0px 9.5px 0px;
	padding: 0px 2px 0px 6px;
	font: .75em Trebuchet MS, Arial, sans-serif;
	line-height: 180%;
	}
#nav ul {             /* Get rid of the <ul> indent:    */
     padding: 0px;    /* Mozilla & Netscape use PADDING */
     margin: 8px 0px; /* IE & Opera use LEFT MARGIN     */
     }
#nav li {
	padding: 0px 0px 0px 0px;  /* maybe not needed but ?? */
	list-style-type: none;
	text-decoration: none;
	}
#nav a         { color: #0000FF; text-decoration: none; }
#nav a:link    { color: #0000FF;  }
#nav a:hover   { color: #006; font-variant: small-caps; }
#nav a:active  { color: #FFD000; }
/* ================ */

/* === SIDEBAR === */
#sidebar {
	background-color: #FFF840;
	float: right;
	width: 180px;
	margin: 15px 0px 9.5px 12px;
	padding: 0px 6px 0px 6px;
	font: .85em Trebuchet MS, Arial,  sans-serif;
	line-height: 120%;
	}
#sidebar ul { padding: 0px 0px 0px 12px; }
#sidebar li { text-decoration: none; }
/* ================ */

/* === MAIN === */
#main {
	background-color: white;
	float: right;
	width: 500px;
	margin: 0px 0px 9.5px 0px;
	padding: 0px 3px 0px 6px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: .90em;
	line-height: 1.2em; /* 1.25em is the default */
	color: #208;
	}

   /* When you make different versions: */
   #main ul { margin-top: -12px; } /* use this for FireFox */
   #main ul { margin-top:   0px; } /* use this for IE */

.smquot {
	font-size: .875em;
	font-style: italic;
	padding: 0px 0px 0px 1em;
	}

/* ================ */

/* === FOOTER === */
#footer {
	background-color: white;
	clear: both;
	width: 100%;
	font: .75em Trebuchet MS, Arial, sans-serif;
	border-top: 6px double #206;
	}
#footer img { float: left; padding: 3px 12px 0px 0px }
#footer ul {padding: -12px 0px 0px 0px;}
#footer li {
	font: .95em Trebuchet MS, Arial,  sans-serif;
	display: inline;
	list-style-type: none;
	}
#footer a         { color: #0000FF; text-decoration: none }
#footer a:link    { color: #0000FF; }
#footer a:hover   { color: #006; text-decoration: underline}
#footer a:active  { color: #FFD000; }
/* ================ */