/* Workshop CSS Style Sheet */

body {
background-color: #C9A755;
background-image: url("./images/newcocoafadebrwn.jpg");
background-attachment: fixed;
background-position: center left;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
border: 0px
}

#header {
background-color: #FFFFFF;
background-image: url("./images/header_strip.jpg");
background-repeat: no-repeat;
background-position: right;
margin-left: 2px;
margin-right: 2px;
padding: 1px;
border: 0
}


#topnav {
/* All element styles can be set for this ID using */
background-color: #4D0707;
padding-bottom: 11px;
border-top: 2px solid #017101;
border-bottom: 5px solid #008000;
}


#topnav ul, #topnav li {
display: inline;
margin-left: 2px;
margin-right: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

#nav li {
  /*float the main list items*/
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 5px;
  float: left;
  display: inline;
  padding-right: 5px;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
  /*color: #FFDB83;*/
  color: #FFFFFF;
  font-weight: normal;
  font-size: 10pt;
  display: inline;
  height: 15px;
  /*width: 160px;*/
  /*border: 1px solid #29497b;*/
  border: 0;
  padding: 6px;
}


#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 33px;
  height: 15px;
  left: 25px;
  padding-top: 10px;
}

#nav li.on a {
  /*change border color for active topic area*/
  border: 1px solid #008000;
  /*background-color: #017101;*/
  background-color: #008000;
  /*color: #4D0707;*/
  color: #ffffff;
  font-weight: normal;
  padding: 4px;
}


#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border on subnav of active topic */
  border: 0;
}

#nav li.on ul {
  /*display active subnav list*/
  display: inline;
  margin-left: -24px;
}



#nav li.on ul a, #nav li.off ul a {
  display: inline;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #ffffff;
}

#nav li.on ul a:hover, #nav li.off ul a:hover {
  text-decoration: underline;
}



#nav li.on ul {
  /*display the current topic*/
  display: inline;
}

#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: inline;
  z-index: 6000;
}

#nav li.off a:hover, #nav li.off:hover a {

  color: #FFD16D;
}


#content-box {
margin-left: 2px;
margin-right: 2px;
padding-top: 25px;
}

#content {
padding-top: 1px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
margin-left:15%;
margin-right:15%;
margin-top: 0%;
background-color: #FFFFFF
}

#content{
background-image:url("./images/angle_yellow.jpg");
background-position: top-left;
background-attachment: fixed;
background-repeat: no-repeat;
}



#content p {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11pt;
font-weight: 100;
text-align:justify;
margin-left:35px;
margin-right:35px;
color: #000000
}


#content a {
color: #DC1804;
}

#content a:hover {
color: #017101;
text-decoration: underline;
}



#footer {
background-color: #4D0707;
margin-left: 2px;
margin-right: 2px;
padding: 5px;
height:38px;
border-top: 4px solid #017101;
border-bottom: 4px solid #017101;
}

#footer p {
text-align: center;
font-size: 8pt;
color: #FFFFFF;
}

#footer a {
color: #F5DC05;
}

#footer a:hover {
text-decoration: underline;
}

img {
border: 0;
outline-style: none
}

img.left {
float: left;
outline-style: solid;
margin-left: 35px;
margin-top: 8px;
margin-bottom: 8px;
margin-right: 8px
}

img.right {
float: right;
outline-style: solid;
margin: 6px
}

img.center {
margin-left: 150px;

}

a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif
}

a.sample {
font-size: 10pt;
color: #4A0042
}

a.sample:hover {
text-decoration: underline;
font-size: 10pt;
font-weight: bold
}

a.sample:active{}
a.sample:link{}
a.sample:visited{}

h1 {
font-family: times new roman;
font-size: 22pt;
font-weight: bold;
color: #002F81;
font-variant:small-caps;
text-align:center
}

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14pt;
font-style: italic;
text-align:left;
margin-left:20px;
color: #F5DC05;
/*#017101*/
/*#DC1804*/
/*#E2CA02*/
}

h3 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 12pt;
text-align:left;
margin-left:25px;
color: #000000;
}

h4 {
font-family: times new roman;
font-size: 16pt;
font-weight: bold;
text-align:center;
margin-left:30px;
color: #017101;
}

h5 {
font-family: times new roman;
font-size: 16pt;
font-style: italic;
text-align:center;
margin-left:30px;
color: #017101;
}


h6 {
font-family: times new roman;
font-size: 15pt;
font-style: italic;
text-align:center;
margin-left:30px;
color: #017101;
}

p {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
font-weight: 100;
text-align:justify;
margin-left:35px;
color: #000000
}

p.quote {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
font-weight: 100;
font-style: italic;
text-align:left;
margin-left:55px;
margin-right:55px;
color: #000000
}

p.quoteid {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: 600;
font-style: italics;
text-align:right;
margin-left:55px;
margin-right:55px;
color: #000000
}

/* Ordered Lists */
/*ol, li {}*/

/* Unordered Lists */
ul, li {
list-style-type:circle;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11pt;
font-weight: 200;
text-align:left;
margin-left:45px;
color: #000000
}

/* Table rows, header, data */
/* td colspan="#" to combine cells */

table {
border-left: 2px solid #808080;
border-right: 2px solid #808080;
margin-left: 55px;
margin-top: 8px;
margin-bottom: 8px;
margin-right: 8px;
}

tr{
background-color: #FFFFFF
}

tr.even{
background-color: #C0C0C0
}

th {
background-color: #808080;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
font-weight: 100;
text-align:center;
text-decoration: underline;
color: #FFFFFF
}

td {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
font-weight: 100;
text-align: center;
vertical-align: middle
}

td.image {
background-color: #FFFFFF;
}

td.item {
font-weight: 700
}

td.name {
font-style: italic
}

td.desc {
text-align: left;
font-size: 9px
}

td.cost {
text-align: right;
font-weight: 700;
width: 20%
}