/* CSS Document */

/* ----------------------Document Features------------------------ */

body {
  margin: 10px;
  background-color: #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif; 
}

body a:visited {
  color: blue;
}

.bold {
  font-weight: bold;
}

/* Body of page below the banner */
#main {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 10px;
} 

/* Applies to each column heading */  
.columnheading {
  text-align: center;
  font-weight: bold;
}

/*creates better spacing around drop down list in the content and storelist columns for browsers not allowing script.  Although the spacing is adequate in the storelist column, it is not perfect. A separate style was set for the sidebar column: #sidebar .javascript*/
/*.javascript { 
  margin: 0px ; 
  margin: -19px 0 -19px 0 !i;
}*/

  /*margins are slightly different from .javascript so that the words above the set of drop down lists are not covered up by these negative margins if a browser does not allow scripting.  Although the spacing is adequate, it is not perfect for non-script users.*/ 

/*#sidebar .javascript { 
  margin: 0px ; 
  margin: -15px 0 -15px 0 !i;
}*/

/* ----------------------Banner Features------------------------ */

#header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.6em;
  vertical-align: middle;
  padding: 10px 0 10px 0;
  border: 1px solid #000;
  color: #000;
  background-color: #3CF;
/*  color: #C93;
  background-color: #3CF;*/
}

#title {
  margin: 0;
  font-weight: bold;
  font-size: 50px;
  float: left;
}

#title a:link, #title a:visited {
  color: #000;
  text-decoration: none;
  padding: 10px;
}

#header ul{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 16px;
  width: 222px;
  padding: 15px 0 10px 15px;
}

/* ----------------------Content Column Features------------------------ */

#content {
  margin: 0 420px 0 0;
  border: 2px solid #3CF;
  position: relative;
  font-size: 1em;
}

#content .inner {
  margin: -10px 20px 0 10px;
}  

#content .columnheading {
  color: black;
  background-color: #3CF;
  text-align: left;
  padding-left: 10px;
}

#content .contentbox {
  border-bottom: 2px dotted #3CF;
  margin-top: 0px;
  padding: 5px 0 12px 0;
  line-height: 1.5;
}

.contentbox h1 {
  font-size: 1.5em
}

.contentbox h2 {
  font-size: 1.0em;
}

.ad {
	font-size: 1em;
}
	
.contentbox a:visited {
  color: #909;
}

.contentbox h2 a:link, .contentbox h2 a:visited {
  color: #000;
}

/* Applies to listing of stores */

.contentbox img, .contentbox object {
  float: left;
  margin: 0px 18px 2px 0;
  border: none;
}

.nofloat img{
   float: none;
}   

.contentbox ul {
  margin: 0 0 15px 0;
  padding: 0px 0 5px 0;
  font-size: 1em;
  list-style-type: circle;
  margin-left: 15px;
}

/* Applies to lists of directions for lessons */

.contentbox ol {
  list-style-type: decimal;
}

.contentbox ol ol {
  list-style-type: upper-alpha;
}

.contentbox ol ol ol{
  list-style-type: lower-roman;
}

/* Changes colors when user hovers over hyperlinks */
.contentbox a:hover, .contentbox a:active {
  color: white;
  background-color: #36F;
}

/* Red Alert Bulletins */
.red {
  color: red;
  font-weight: bold;
}

/* ----------------------Store Column Features------------------------ */
  
#storelist {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 240px 0 380px;
  width: 180px
}

#storelist .columnheading {
  color: white;
  background-color: #36F;
} 

#storelist ul {
  padding: 0;
  margin: 0;
  border: 2px solid #36F;
}

#storelist li {
  list-style: none;
  padding: 10px 10px 10px 0;
  border: 2px solid #36F;
  text-align: center
}
 
#storelist li a:hover, #storelist li a:active {
  color: white;
  background-color: #36F;
}

/* ----------------------Sidebar Column Features------------------------ */
  
#sidebar {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 0 0 600px;
  width: 230px;
  border: 2px solid #CC9;
}

#sidebar .inner {
  margin: 0 8px 0 8px;
}  

#sidebar .columnheading {
  color: black;
  background-color: #CC9;
} 

#sidebar .sidebarbox {
  padding: 10px 0px 10px 0px;
  border-bottom: 2px dotted #CC9;
  background-color:#FFF;
  font-size: .85em;
  line-height: 1.5;
}

#sidebar .sidebarbox a:hover, #sidebar .sidebarbox a:active {
  color: black;
  background-color: #CC9;
}  

.lesson a:link, .lesson a:visited{
  text-decoration: none;
  color: #000;
}

/* Applies to newsletter sign-up features */  
.solidline {
border-bottom: 1px solid #000;
margin: 3px;
} 

#newsletterform {
  margin-top: 0;
}

#newsletterform .text {
  width: 150px;
  border: 1px solid #CC9;
  text-align: left;
  background-color: #CC9;
}

.btn {
  border: 1px solid black;
  background-color: #CC9;
  color: black;
  font-size: 80%;
  margin-top: 8px;
  cursor: pointer;
}

/* Applies black font to email a friend function */
.email a:link {
  color: #000;
}