@font-face {
    font-family: TheRingbearer;
    src: url(ringm___.woff);
}


html, 
body { 
max-width: 1340px;
margin: auto; 
padding: 0px; 
height: 100%;
color: #000000;
background: #F0E3BC url(vwa_bkg.gif) repeat fixed;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

html>body #wrap {height:100%;}

html {
  scroll-padding-top: 131px; /* height of sticky header */
}

#header {
width: 100%;
max-width: 1340px;
position: fixed;
top:0;
height: 126px;
z-index: 10; /* Prevent certain problems with form controls */ 
margin: 0px;
background-color: #000000;
background-image: url(vikings-wa-banner2-blk.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 350px, 80px;
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px;
}

#content {
background: #F0E3BC url(old-paper.gif) repeat fixed;
position: relative;
top: 127px; left: 0px;
margin: 0px;
padding: 0px;
font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif; /*Defines the font used in the container area*/
font-size: 100%; /*Self-explanatory*/
color: #000000; /*Font color*/
background-color: transparent;
border: 4px;
border-color: #F0E3BC;
z-index: 1;
}

#contentnoship {
background: #F0E3BC url(old-paper.gif) repeat fixed;
position: relative;
top: 127px; left: 0px;
font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif; /*Defines the font used in the container area*/
font-size: 100%;
color: #000000;
background-color: transparent;
}

h1 {
color: #444422;
background-color: inherit;
font-family: Ringbearer, TheRingbearer, "Times New Roman", Times, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 200%;
margin-left: 10px;
padding: 0px;
}

h2 {
color: #555533;
background-color: inherit;
font-family: Ringbearer, TheRingbearer, "Times New Roman", Times, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 175%;
margin-left: 10px;
}

h3 {
color: #555533;
background-color: inherit;
font-family: Ringbearer, TheRingbearer, "Times New Roman", Times, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 150%;
margin-left: 10px;
}

h4 {
color: #555533;
background-color: inherit;
font-family: Ringbearer, TheRingbearer, "Times New Roman", Times, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 130%;
margin-left: 10px;
}

h5 {
color: #555533;
background-color: inherit;
font-family: Ringbearer, TheRingbearer, "Times New Roman", Times, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 115%;
margin-left: 10px;
}

h6 {
color: #666644;
background-color: inherit;
font-family: Ringbearer, TheRingbearer, "Times New Roman", Times, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 105%;
margin-left: 10px;
}

p {
margin-right: 10px; /*Distance between the right side of the page and right side of container*/
margin-left: 15px; /*Distance between the left side of container and right side of vertical menu*/
width: 97%; /*Actual width of container*/
}

hr {
color: #444422;
background-color: inherit;
height: 2px;
width: 90%;
}

a {
cursor: url(sword.ani), url(sword.cur), pointer;
}

a:link {
	text-decoration : underline;
	color : #0000bb;
        background-color: inherit;
	font-weight : bold;
}
a:visited {
	text-decoration : underline;
	color : #000077;
        background-color: inherit;
	font-weight : bold;
}
a:hover {
	text-decoration : underline;
	color : #0000ff;
        background-color: inherit;
	font-weight : bold;
        cursor: url(sword.ani), url(sword.cur), pointer;
}

area {
cursor: url(sword.ani), url(sword.cur), pointer;
}

ul.disc
{
list-style-type: disc;
color: #222211;
background-color: inherit;
}
ul.square
{
list-style-type: square;
color: #444422;
background-color: inherit;
}
ul.circle
{
list-style-type: circle;
color: #222211;
background-color: inherit;
}
ul.none
{
list-style-type: none;
}

ol.uroman
{
list-style-type: upper-roman;
color: #222211;
background-color: inherit;
}
ol.lroman
{
list-style-type: lower-roman;
color: #444422;
background-color: inherit;
}
ol.ualpha
{
list-style-type: upper-alpha;
color: #222211;
background-color: inherit;
}
ol.lalpha
{
list-style-type: lower-alpha;
color: #444422;
background-color: inherit;
}
ol.decimal
{
list-style-type: decimal;
}

#nav
{
background-color: #FFFD94;
background-image: url(nav-bak.gif);
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
font-weight: bold;
font-family: Tahoma,Verdana,Arial,Serif;
font-size: 80%;
list-style-type: none;
text-align: center;
border: 1px solid #000000;
}

#nav a 
{
text-decoration: underline;
padding: 0px;
color: #000000;
background-color: inherit;
}

#nav a:hover
{
background-color: #000000;
color: #FFF489;
text-decoration: none;
}

#nav .dropbtn {
    background-color: #FFFD94;
    background-image: url(nav-bak.gif);
    color: black;
    padding: 6px;
    font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
    font-size: 90%;
    border: none;
    cursor: pointer;
}

#nav .dropdown {
    position: relative;
    display: inline-block;
}

#nav .dropdown-content {
    font-family : Tahoma, Verdana, Arial, Serif;
    font-size: 13px;
    text-align: left;
    display: none;
    position: absolute;
    background-color: #fafadf;
    min-width: 185px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 11;

}

#nav .dropdown-content a {
    font-size: 13px;
    color: black;
    padding: 6px 6px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #c0c0c0;
    border-left: 3px solid #DFC260;    
}

#nav .dropdown-content a:hover {
    background-color: #FFFD94;
    background-image: url(menufade.gif);
    font-size: 13px;
    color: black;
    padding: 6px 6px;
    text-decoration: none;

}

#nav .dropdown:hover .dropdown-content {
    display: block;
}

#nav .dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#navpage
{
background-color: #FFFD94;
background-image: url(nav-bak.gif);
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
font-weight: bold;
font-family: Tahoma,Verdana,Arial,Serif;
font-size: 80%;
list-style-type: none;
text-align: center;
border: 1px solid #000000;
}

#navpage a 
{
text-decoration: underline;
padding: 0px;
color: #000000;
background-color: inherit;
}

#navpage a:hover
{
background-color: #000000;
color: #FFF489;
text-decoration: none;
}

#navcontainer 
{
position: relative;
top: 126px;
background-color: #DFC260;
background: url(menufade.gif);
color: #000000;
float: left;
width: 165px;
margin-top: 0px;
margin-left: 0px;
margin-right: 5px;
padding: 0px;
font-family : Tahoma, Verdana, Arial, Serif;
font-size: 90%;
text-align: left;
border: 1px solid #000000;
z-index: 2;
}

#navcontainer ul
{
list-style: none; /*No bullets, no circles, etc.*/
margin: 0px;
background: url(menufade.gif);
padding: 0px;
}

#navcontainer li
{
border-left: 10px solid #DFC260;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
text-align: center;
padding: 0px;
list-style: none;
}

#navcontainer li a:link, #navcontainer li a:visited
{
display: block;
padding: 5px;
background: url(no-copying.gif);
background-color: #fafadf;
color: #000000;
text-align: left;
text-decoration: none;
}

#navcontainer li a:hover
{
background: url(menufade.gif) repeat;
color: #000000;
text-decoration: none;
}

#linkscontent {
background: #F0E3BC url(old-paper.gif) repeat fixed;
position: relative;
top: 127px; left: 0px;
margin-top: 0px;
padding: 0px;
font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif; /*Defines the font used in the container area*/
font-size: 100%; /*Self-explanatory*/
color: #000000; /*Font color*/
background-color: transparent;
}

#tutlinks
{
background-color: #DFC260;
color: #000000;
float: left;
width: 165px;
margin-top: 0px;
margin-left: 0px;
margin-right: 5px;
padding: 0px;
font-family : Tahoma, Verdana, Arial, Serif;
font-size: 90%;
text-align: left;
border: 1px solid #000000;
}

#tutlinks ul
{
list-style: none; /*No bullets, no circles, etc.*/
margin: 0px;
border-left: 10px solid #DFC260;
padding: 0px;
}

#tutlinks li
{
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
text-align: center;
padding: 0px;
list-style: none;
}

#tutlinks li a:link, #tutlinks li a:visited
{
display: block;
padding: 5px;
background-color: #fafadf;
color: #000000;
text-align: left;
text-decoration: none;
}

#tutlinks li a:hover
{
background: url(menufade.gif) repeat;
color: #000000;
text-decoration: none;
}

#tutlinks a span {display: none;}
#tutlinks a:hover span {display: block;
   width: 520px;
   height: 400px;
   font-weight: normal;
   font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
   font-size: 120%;
   color: #000000;
   position: absolute; top: 70px; left: 200px;
   padding: 5px; margin: 12px;
}

#linkdesc { 
margin-top: 12px;
margin-right: 5px;
padding: 5px 10px 10px 10px;
}

#sample {
   position: fixed; top: 81px; left: 190px;
   top: 40%;
   height: 80%;
   width: 70%;
   z-index:0;
}

#samplepic {
   position: fixed; top: 86px; left: 0px; right: 135px;
   height: 85%;
   z-index:0;
}

#samplethumbs
{
position: relative; left: 0px; 
float: right;
width: 125px;
margin-top: 131px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
font-family : Tahoma, Verdana, Arial, Serif;
font-size: 90%;
text-align: center;
overflow: auto;
}

#samplethumbs ul
{
list-style: none; /*No bullets, no circles, etc.*/
margin: 5px;
padding: 0px;
}

#samplethumbs li
{
border-top: 0px;
border-bottom: 1px;
text-align: center;
padding: 0px;
list-style: none;
}

#samplethumbs li a:link, #samplethumbs li a:visited
{
display: block;
padding: 5px;
text-align: left;
text-decoration: none;
}

#samplethumbs a span {display: none;}
#samplethumbs a:hover span {display: block;
   font-weight: normal;
   font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
   font-size: 120%;
   color: #000000;
   position: fixed; top: 140px; left: 10px;
   padding: 5px; margin: 12px;
   z-index:5;
   background: #F0E3BC url(old-paper.gif) repeat fixed;
   width: 80%;
   height: 80%;
   top:18%;
}

#samplethumbs p
{
   width: 110px;
   padding-right: 0px;
   margin-left: 5px;
}

#copy
{
   position: fixed;
   bottom: 10px;
   right: 130px;
   z-index: 12;
}

#headtext {
margin-top: 0px;
margin-right: 10px;
margin-left: 433px;
margin-bottom: 0px;
background: #000000;
background-image: url(smiley-viking-blink.gif);
background-repeat: no-repeat;
background-position: 1px 10px;
color: #FFF993;
font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-size: 100%;
height: 105px;
padding-left: 100px; 
}

#headtext a 
{
text-decoration: underline;
padding: 0px;
color: #FFF489;
background-color: inherit;
}

#headtext a:hover
{
background-color: #FFF489;
color: #000000;
text-decoration: overline;
}


#headtitle {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-left: 433px;
margin-bottom: 0px;
background: #000000;
color: #FFF993;
font-family: Ringbearer,TheRingbearer,Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-size: 160%;
text-align: right;
height: 105px;
padding: 10px; 
}

#headtitleimg {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-left: 400px;
margin-bottom: 0px;
background: rgba(0, 0, 0, 0.0);
color: #FFFD94;
font-family: Ringbearer,TheRingbearer,Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-size: 140%;
text-align: center;
height: 105px;
width: 400px;
}

#footer {
width: 100%;
bottom: 25px;
margin-top: 0px;
background-color: #000000;
background-image: url(runes.gif);
color: #FEE67E;
font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-size: 90%;
text-align: center;
padding-top: 5px;
}

#google {
margin-top: 0px;
margin-bottom: 0px;
height: 30px;
background-color: #000000;
background-image: url(runes.gif);
color: #FEE67E;
font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-size: 100%;
text-align: center;
padding: 5px;
}

#bottomnav {
width: 100%;
max-width: 1340px;
height: 25px;
}

html>body #bottomnav { 
position:fixed; 
bottom:0; 
z-index:10; /* Prevent certain problems with form controls */ 
}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}
 
/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}
 
input { text-indent : 2px; }
 
/* The buttons used for styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : normal;
}
 
/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}