body { background-image: url("backgrnd.gif"); margin:0; padding:0; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; }
h1 { text-shadow: 1px 1px #999966, 2px 2px #999966, 3px 3px #000066, 4px 4px #000066; color: #000066; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; line-height: 1.5em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; }
h2 { text-shadow: 1px 1px #000066, 2px 2px #999966; color: #999966; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; line-height: 1.5em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; }
h3 { color: #336699; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1em; margin-top: 1px; margin-bottom: 15px; margin-left: 10px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 20px; }
h4 { color: #ff0000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; }
h5 { text-shadow: 1px 1px #336699, 2px 2px #999966; color: #336699; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
h6 { text-shadow: 1px 1px #000066; 2px 2px #ff0000 color: #000066; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 2px; }
p { font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; }
#head { clear: both; text-align: center; }
#left { float: left; width: 45%; padding-left: 4px; }
#right { float: left; width: 45%; padding-left: 10px; }
#story { clear: both; text-align: left; }
#topsection h1{ text-shadow: 1px 1px #336699, 2px 2px #336699, 3px 3px #990000, 4px 4px #990000; margin: 0; padding-top: 15px; }
#topsection{ background: #000066; clear: both; text-align: center; height:100px; /*Height of top section*/ }
#contentwrapper{ float: left; width: 100%; }
#contentcolumn{ margin: 0 15% 0 45%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#leftcolumn{ float: left; width: 45%; /*Width of left column in percentage*/ margin-left: -100%; background: transparent; }
#footer{ clear: left; width: 100%; background: black; color: #336699; text-align: center; padding: 4px 0; }
#footer a{ color: #FFF; }
.innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }  /* ####### responsive layout CSS ####### */  @media (max-width: 840px){ /* 1st level responsive layout break point- drop right column down*/  #contentcolumn{ margin-right: 0; } }  @media (max-width: 600px){ /* 2nd level responsive layout break point- drop left column down */ #leftcolumn{ float: none; width: 100%; clear: both; margin-left: 0; }  #contentcolumn{ margin-left: 0; } }  ul { list-style: none; margin: 0; padding: 0; } img { border: none; } .button { -moz-border-radius: 25px; -moz-transition: all 0.5s ease; -moz-box-shadow: #333366 0px 0px 15px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-transition: all 0.5s ease; -webkit-box-shadow: #333366 0px 0px 10px; background-color: #333366; border-radius: 25px; border: 3px solid #999966; color: #999966; display: inline-block; font-family: Helvetica; font-size: 3em; margin: auto; padding: 11px; text-decoration: underline; transition: all 0.5s ease; }
#contentcolumna{ margin: 0 15% 0 15%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }  /* ####### responsive layout CSS ####### */  @media (max-width: 840px){ /* 1st level responsive layout break point- drop right column down*/  #contentcolumn{ margin-right: 0; } }  @media (max-width: 600px){ /* 2nd level responsive layout break point- drop left column down */  #contentcolumn{ margin-left: 0; } }  ul { list-style: none; margin: 0; padding: 0; } img { border: none; } .button { -moz-border-radius: 25px; -moz-transition: all 0.5s ease; -moz-box-shadow: #333366 0px 0px 15px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-transition: all 0.5s ease; -webkit-box-shadow: #333366 0px 0px 10px; background-color: #333366; border-radius: 25px; border: 3px solid #999966; color: #999966; display: inline-block; font-family: Helvetica; font-size: 3em; margin: auto; padding: 11px; text-decoration: underline; transition: all 0.5s ease; }
a:hover {color: #999966; text-transform: uppercase; font-weight: bold}
/*- Menu 6--------------------------- */ #menu6 { width: 250px; margin: 10px; } #menu6 li a { height: 38px; voice-family:"\"}\""; voice-family: inherit; height: 30px; -moz-border-radius: 25px; -moz-box-shadow: #333366 0px 0px 15px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-box-shadow: #6E7849 0 0 10px; -webkit-transition: all 0.5s ease; background-color: #333366; background-image: -moz-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: -ms-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: -webkit-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); border-radius: 25px; border: none; box-shadow: #333366 0px 0px 15px; color: #999966; display: inline-block; font-family: Helvetica; margin: auto; padding: 11px; text-decoration: none; transition: all 0.5s ease; } #menu6 li a:link, #menu6 li a:visited { color: #E4D6CD; display: block; background: url(menu6.gif); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu1 li #current { color: #000066; background: url(menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
/*- Menu 6a--------------------------- */ #menu6a { width: 250px; margin: 10px; } #menu6a li a { height: 38px; voice-family:"\"}\""; voice-family: inherit; height: 30px; -moz-border-radius: 25px; -moz-box-shadow: #333366 0px 0px 15px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-box-shadow: #6E7849 0 0 10px; -webkit-transition: all 0.5s ease; background-color: #333366; background-image: -moz-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: -ms-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: -webkit-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); border-radius: 25px; border: none; box-shadow: #333366 0px 0px 15px; color: #999966; display: inline-block; font-family: Helvetica; margin: auto; padding: 11px; text-decoration: none; transition: all 0.5s ease; } #menu6a li a:link, #menu6a li a:visited { color: #E4D6CD; display: block; background: url(menu6.gif); padding: 8px 0 0 10px; } #menu6a li a:hover, #menu1 li #current { color: #000066; background: url(menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
/*- Menu 6b--------------------------- */ #menu6b { width: 250px; margin: 10px; } #menu6b li a { height: 38px; voice-family:"\"}\""; voice-family: inherit; height: 30px; -moz-border-radius: 25px; -moz-box-shadow: #333366 0px 0px 15px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-box-shadow: #6E7849 0 0 10px; -webkit-transition: all 0.5s ease; background-color: #333366; background-image: -moz-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: -ms-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: -webkit-radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); background-image: radial-gradient(center 68deg, circle farthest-corner, #999966, #333366); border-radius: 25px; border: none; box-shadow: #333366 0px 0px 15px; color: #999966; display: inline-block; font-family: Helvetica; margin: auto; padding: 11px; text-decoration: none; transition: all 0.5s ease; } #menu6b li a:link, #menu6b li a:visited { color: #E4D6CD; display: block; background: url(menu6.gif); padding: 8px 0 0 10px; } #menu6b li a:hover, #menu1 li #current { color: #000066; background: url(menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
#marqueecontainer{ position: relative; width: 284px; /*marquee width */ height: 350px; /*marquee height */ background-color: white; overflow: hidden; border: 4px solid red; padding: 3px; padding-left: 5px;}
@media screen and (min-width: 42em) {
  #contentcolumn {
    width: 50%;
    float: left;
    padding: 0 1em 0 0;
  }
  #leftcolumn {
    float: left;
    width: 35%;
    
  }
  .innertube {
    clear: both;
  }
}