<!--

body { 
	background: fixed #ffffff url(./images/00_Back_Greyline.png) left top repeat;
   text-align: center;   				/* centering the container for MSIE 5.x */
   font: 13px/15px georgia;
   color:#336600;
   padding: 0;
   margin: 0;
   margin-top: 4px;
   margin-bottom: 30px;
   border: 0;
}
   
a:link { color:#336600; }
   
a:visited { color:#339900; }

a:hover { color: #fff; background-color: #339900; }

h1, h2, p { margin: 0 0 .6em 0; }

#container, #intro { 
	background: #fff url(./images/01_Viking_Body.png) left top repeat; 
	margin: 0 auto;												/* centering */
   border: 0;
   padding: 0;
   width: 680px;
   /*height: 219px;*/
   text-align: justify;
}
	             
/*pageheader, hidden elements*/
#pageHeader h1, #pageHeader h2 span { position: absolute;	/* same as display: none, but leaves readable by text readers */
	                              overflow: hidden;		/* opera 6 doesn't like it :( */
	                              clip: rect(0,0,0,0);	/* cause no heignt in IE5.5 */
	                              height: 0;		/* cause no clip in IE6 */
	                              }
#pageHeader { background: url(./images/01_Viking_Header.png) left no-repeat;
	      width: 680px;
	      height: 215px;
	      margin: 0;
	      z-index: 1;
	      }

/* site navigation */
#linkList { position: absolute;
            top: 227px;
            margin: 0;
            margin-left: -34px;
            }
#lselect { background: url(./images/03_Nav_Body.png) left top repeat-y;
           text-align: left;
           padding-bottom: 5px;
           }
#lselect h3 { background: url(./images/03_Nav_Header.png) left no-repeat;
              height:37px;
              margin:0;
              padding:0;
              }
#lselect h3 span { display: none; }
#lselect ul { list-style: none;
              margin: 8px 0 0 0;
              padding: 0 10px 0 5px;

              }
#lselect ul li { padding:0 0 0 18px;
                 margin: 0 0 12px 5px;
                 background: url(./images/05_V_Bullet.png) no-repeat 0 2px;
                 }
#lselect a { font-weight: bold; }
#lselect ul li a:hover { color: #fff; background-color: #339900; }
	


#quickSummary {					/* displays demonstration text as img */
	position: absolute;
	top: 105px;
	width: 500px;
	height: 59px;
	margin: 0;
	margin-left: 165px;			/* margin because relative from container edge */
	font: 20px georgia;
	background: url(./images/01_Viking_Ad.png) no-repeat;
	}
#quickSummary .p1 { display: none;
                    }


/* main page */
#content { margin: 0;
           margin-left: 185px;
           background: url(./images/02_Content_Body.png) left repeat-y;
           width: 480px;
           padding-top: 10px;
           z-index: 1;
}
           
#content p { 
	padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 10px;
   text-align: justify;
   margin: 0;
   /*width: 492px;*/			/* IE5.x false box model hack */
}

#content h1{ position: absolute;
             background: url(./images/02_Content_Header.png) no-repeat;
             height: 81px;
             width: 492px;
             top: 170px;
             margin: 0 auto;
             padding-left: 30px;
             padding-top: 10px;
             font: 28px/30px georgia;
             }
#content h2{ position: absolute;
             top: 205px;
             margin: 0 auto;
             padding-left: 60px;
             padding-top: 10px;
             font: 18px/20px georgia;
             }
#content h3{
	background: transparent url(./images/07_H2_Arrow.png) no-repeat 3px 15px;
	position: relative;	
	margin: 0;
	padding-top: 10px;
   padding-left: 60px;
   padding-bottom: 10px;
   font: 18px/20px georgia;
   
}
#content_footer { margin: 0;
                  margin-left: 185px;
                  background: url(./images/02_Content_Footer.png) bottom no-repeat;
                  width: 480px;
                  padding-bottom: 25px;
                  padding-top: 5px;
                  text-align: center;
                  }
             
                 
/* extra elements - just for footer */
#extraDiv1 { background: url(./images/01_Viking_Footer.png) left no-repeat;
             width: 680px;
             height: 24px;
             margin: 0 auto;								/* centering */
             }
#extraNavDiv1 {	background: url(./images/03_Nav_Footer.png) left no-repeat;
                width: 175px;
                height: 20px;
                margin: 0 auto;
                }
#extraNavDiv2 {
                width: 120px;
                height: 126px;
                margin-top: 10px;
                margin-left: 15px;
                }
#container_footer { 
                    text-align: center;
                    color: #FF0000;
                    height: 56px;
                    margin-left: 15px;
                    padding-left: 125;
                    padding-top: 15;
                    }
#gutter a { text-decoration: none;
            text-align: center;
            }



//-->

