body {
padding: 0;
margin: 0;
font-weight: 500;
color: #000;
font-family: "Century Gothic", Verdana, sans-serif;
background: #eee;
}

html {
padding: 0;
margin: 0;
}



#hide {
display: none;}

#container {
position: absolute;
top: 10px; 
left: 50%;
margin-left: -390px;
padding-top: 0px;
width:780px;
height: auto;
text-align: center;
background: #fff;
border: 1px solid #ddd;
}

#layout {
cell-spacing: 0;
cell-padding: 0;}

td.tleftpanel  {width: 190px;
}

td.trightpanel {width: 535px;
}

td.bleftpanel  {width: 190px;
}

td.brightpanel {width: 535px;

}

td.hdivider {padding:0;
background: #eee;
border: 0 solid #036;
border-width: 3px 0 3px 0;
height: 31px;
text-align: right;
font-family: Verdana;
font-size: 9px;
color: #036;
cell-padding: 0;
cell-spacing: 0;

}


td.hdivider2 {padding:0;
background: #036;
height: 3px;
}

td.vdivider {padding:0;
background: #036;
width: 3px;
}

td.jingle {padding: 0;
background: #fff url(images/jingle2.gif) 0 0 repeat-y;
width: 30px;
}

td.footer { height: 35px;
width: 780px;
cell-padding: 0;
cell-spacing: 0;
}

tr.footer {
cell-padding: 0;
cell-spacing: 0;
background: #fff;}

#randompics {
height: 120px;
width: 170px;
padding: 0;
margin: 0;
text-align: right;
}

#randompics img {
border: 2px solid #036;
}

#contact {
font-family: Verdana, sans-serif;
height: 60px;
width: 170px;
font-size: 10px;
line-height: 12px;
padding: 0;
margin: 0;
text-align: right;
}

a:link  {
text-decoration: none;
color: #036;}

a:visited {
text-decoration: none;
color: #036;}

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

#headerright {
background: #fff url(images/rightheaderimage3.gif) 0 0 no-repeat;
height: 190px;
width: 535px;
padding: 0;
margin: 0;
text-align: center;
}

#menu {
width: 190px;
height: auto;
background: transparent;
padding: 0px;
}

#menu ul {
text-align: center;
}

#menu li {
list-style: none;
font-size: 12px; 
line-height: 35px;
width: 165px;
height: 35px;
margin-bottom: 10px;
margin-left: -25px;
}

#menu a:link {
display: block;
width: 165px;
height: 35px;
color: #036;
background: #fff url(images/button.gif);
text-decoration: none;}

#menu a:visited {
display: block;
width: 165px;
height: 35px;
color: #036;
background: #fff url(images/button.gif);
text-decoration: none;}

#menu a:hover {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbutton.gif);
text-decoration: none;}


#menu a.current:link {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbuttonsingle.gif);
text-decoration: none;}

#menu a.current:visited {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbuttonsingle.gif);
text-decoration: none;}

#menu a.current:hover {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbutton.gif);
text-decoration: none;}

#menu a.single:hover {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbuttonsingle.gif);
text-decoration: none;}

#menu a.currentsingle:link {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbuttonsingle.gif);
text-decoration: none;}

#menu a.currentsingle:visited {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbuttonsingle.gif);
text-decoration: none;}

#menu a.currentsingle:hover {
display: block;
width: 165px;
height: 35px;
color: #800;
background: #fff url(images/hbuttonsingle.gif);
text-decoration: none;} 



#dropmenudiv{
position:absolute;
background-color: #eee;
border:1px solid #036;
border-bottom-width: 0;
font-size: 10px;
line-height:16px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom: 1px solid #036;
padding: 1px 0;
text-decoration: none;
color: #036;
}

#dropmenudiv a:hover{ /*hover background color*/
background: #fff url(images/point.gif) 0 1px no-repeat;
color: #800;
}

#menuarchives {
width: 190px;
height: auto;
background: transparent;
padding: 0px;
color: #333;
font-size: 12px;
}

#menuarchives ul {
text-align: left;
}

#menuarchives li {
text-align: left;
margin-left: -20px;
margin-right: 5px;
list-style: disc;
font-size: 10px; 
}

#menuarchives a:link {
color: #333;
text-decoration: none;}

#menuarchives a:visited {
color: #333;
text-decoration: none;}

#menuarchives a:hover {
color: #800;
text-decoration: underline;}
#menuarchives h4 {
color: #333;
background: #ffffff;
text-align: center;
font-size: 14px;
border: 1px solid #333;
border-width: 1px 0;
padding: 15px 0;
margin: 20px 10px;
}


#news {
background: url(images/newsborder.gif) repeat-y 0 2px;
width: 190px;
height: auto;
text-align: left;
}

div.center {margin-left: 65px;}


#news p.aside {
text-align: center;
font-family: Verdana;
font-style: oblique;
font-size: 10px;
color: #036;
background: transparent;
width: 150px;
margin-left:25px;
padding: 0;
}

#news p.break {
text-align: center;
background: transparent url(images/flourish2.gif) no-repeat;
line-height: 14px;
}

#news a:link {
width: auto;
height: auto;
color: #036;
background: transparent;
background-image: none;
text-decoration: none;
margin: 0;
padding: 0;
}

#news a:visited {
width: auto;
height: auto;
color: #036;
text-decoration: none;
background: transparent;
background-image: none;
margin: 0;
padding: 0;
}


#news a:hover {
width: auto;
height: auto;
color: #800;
text-decoration: underline;
background: transparent;
background-image: none;
margin: 0;
padding: 0;
}


#content {
width: 535px;
background: transparent;
padding: 0;
margin: 0;}

#content img {
border: none;}

#content p {
padding: 10px 20px;
font-size: 12px;
line-height: 16px;
text-align: left;
background: transparent;
color: #000;
}

#content p.text {
margin: 8px 10px;}

#content p.aside {
text-align: center;
font-family: serif;
font-style: oblique;
margin: 10px 60px;
}

#content p.description {
text-align: center;
font-size: 10px;
line-height: 14px;
background-color: #eee;
color: #000;
border: 1px solid #ddd;
margin: 25px 60px;
padding: 15px 40px;
}

#content p.notes {
text-align: center;
font-style: oblique;
margin: 0 40px;
}

#content p.quote {
text-align: center;
font-style: oblique;
margin: 15px 40px;
}

#content p.logo {
background: #fff url(images/nokotalogo77x71.jpg) no-repeat 50% 50%;
font-size: 10px;
text-align: center;
}

#content p.return {
font-size: 11px;
text-align: center;
}

#content p.center {
text-align: center;
}

#content p.address {
font-size: 12px;
font-weight: 600;
text-align: center;
margin: 25px 30px 0 30px;
padding-top: 20px;
border-top: 2px solid #036;
width: 440px;}

#content p.bookmarks {
text-align: center;
padding: 10px 20px;
font-size: 11px;
margin: 5px 30px;
border: 8px solid #eee;
}

#content h3.pagetitle {
color: #036;
font-weight: 900;
font-size: 30px;
text-align: center;
font-family: "Tempus Sans ITC", Verdana, sans-serif;
font-variant: small-caps;
background: #eee;
padding: 0 20px;
border: 2px solid #036;
margin: 30px 25px;
}

h3.pagetitle {
color: #036;
font-weight: 900;
font-size: 30px;
text-align: center;
font-family: "Tempus Sans ITC", Verdana, sans-serif;
font-variant: small-caps;
background: #eee;
padding: 0 20px;
border: 2px solid #036;
margin: 30px 25px;
}

#content h4.names {
color: #036;
font-weight: 600;
font-size: 18px;
text-align: center;
font-family: "Tempus Sans ITC", Verdana, sans-serif;
font-variant: small-caps;
background: #eee;
padding: 10px 20px;
border: 1px solid #036;
margin: 30px 25px;
}


#content h4 {
color: #333;
background: #ffffff;
text-align: center;
font-size: 18px;
border: 1px solid #333;
border-width: 1px 0;
padding: 15px 0;
margin: 30px 100px;
}



#content ul {
font-size: 12px;
text-align: left;
width: 340px;
margin-left: 40px;
}

#content li {
padding: 10px 0;
list-style-type: none;}

#content ul.centered {
text-align: left;
margin-left: 160px;
}

#content ul.longlist {
padding: 25px 20px 25px 25px;
background: #fff
border: 0px solid #ddd;
width: 300px;}

#content li.wish1 {
padding: 0;
list-style-type: disc;}

#content li.wish2 {
padding: 0;
list-style-type: none;}

#content li.wish3 {
padding:0;
list-style-type: none;}


p.pfooter {
font-family: Verdana, sans-serif;
font-size: 10px;
padding: 10px 0;
margin: 0;
text-align: center;
}

#popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
text-align: center;
background: #ffffff;
color: #000;
font-size: 12px;
line-height: 16px;
}

#popup h3 {
font-size: 20px;
text-align: center;
margin: 20px 0 0 0;
color: #000;
background: #ddd;
padding: 6px 10px;
border: 1px solid #ccc;
border-width: 1px 0;
}

#popup h4 {
font-size: 16px;
text-align: center;
margin: 20px 0 0 0;
color: #000;
background: #ddd;
padding: 6px 10px;
border: 1px solid #ccc;
border-width: 1px 0;
}

#popup p.text {
margin: 20px 30px;
font-size: 12px;
line-height: 16px;
background: transparent;
text-align: left;
}

#popup p.description {
text-align: center;
font-size: 10px;
line-height: 14px;
background-color: #eee;
color: #000;
padding: 10px 30px;
border: 1px solid #ddd;
margin: 20px 40px;
}


#popup p.aside {
text-align: center;
font-family: serif;
font-style: oblique;
font-size: 12px;
line-height: 16px;
border: 1px solid #333333;
border-width: 1px 0;
padding: 5px 50px;
margin: 0 150px;
background: transparent;
}

#popup p.quote {
text-align: center;
font-style: oblique;
margin: 15px 50px;
}

#popup p.close {
text-align: center;
font-style: oblique;
font-size: 10px;
line-height: 12px;
}

#popup p.center {
text-align: center;
font-size: 12px;
line-height: 18px;
}

#popup p.footer {
background: #ddd;
color:#000;
font-size: 10px;
font-variant: small-caps;
padding: 10px 0;
margin: 0;
border-top: 1px solid #ccc;
text-align: center;
line-height:12px;
}

#popup a:link {
color:#036;
text-decoration: underline;
}

#popup a:visited {
color:#036;
text-decoration: underline;
}

#popup a:hover {
color:#800;
text-decoration: underline;
}

#popup p.logo {
background: #fff url(images/nokotalogo77x71.jpg) no-repeat 50% 50%;
font-size: 10px;
text-align: center;
}



#pictureframe {
height: 330px;
width: 370px;
}

#thumbnailframe {
height: 330px;
width: 120px;
}


#newsframe {
height: 1000px;
width: 190px;
}


#gallery {
background: #eee;}

#gallery img {
border: 0;}

ul.gallery {
font-size: 12px; 
text-align: left; 
line-height: 20px; 
margin-left: 80px;
list-style: none;
}

ul.boxed {
margin: 25px 60px;
padding: 15px 40px; 
background: #fff;
border: 1px solid #666;
} 

ul.boxed li {
font-size: 10px;
line-height: 12px;
list-style-type: none;
}

ul.description {
margin: 25px 60px;
padding: 15px 40px; 
background-color: #eee;
color: #000;
border: 1px solid #ddd;
}

ul.description li {
list-style-type: disc;
}