@charset "UTF-8";

p,h1,h2,h3,h4,h5,div,img,ul,li,body, form { margin:0px; padding:0px; }
img { border:0px; }
li { list-style:none; }

h1, h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

a:link, a:visited { color:#cc0000; text-decoration:none; }
a:active, a:hover { text-decoration:underline; }

fieldset { border:1px solid #8cc63e; margin:10px; }

body { font-family:'trebuchet ms'; font-size:12px; line-height: 18px; background-color:#f7fbf1; }

#header { height:80px; background-image:url(img/topgrad.jpg); background-repeat:repeat-x; width:962px; margin:0px auto; }

#logo a:link, #logo a:visited { width:168px; height:39px; display:block; position:absolute; margin-top:16px; margin-left:20px; background-image:url(img/virtualtravel.jpg); }

#nav { width:623px; height:42px; position:absolute; margin-top:0px; margin-left:350px;  background-image:url(img/nav.jpg);  }
#nav li { list-style:none; float:left; display:inline; width:124px; height:42px; line-height:42px; text-align:center; font-size:14px; }
#nav li a:link, #nav li a:visited { color:black; text-decoration:none; }
#nav li a:hover, #nav li a:active { font-weight:bold; text-decoration:underline; }

#flag { position:absolute; margin-top:70px; margin-left:850px; }
#flag a:link, #flag a:visited { color:black; text-decoration:underline; font-size:14px; }

#page { background-color:#e7f0f9; width:962px; margin:0px auto; }
#content { padding:10px 20px 20px 20px; }
#content a:link, #content a:visited { color:#cc0000; }
#content p, #content ul { margin:10px 0px; }
#content h1, #content h2, #content h3 { margin:30px 0px 10px 0px; }
#content li { margin-left:20px; list-style:circle; }

#footer {  height:120px; background-image:url(img/botgradout.jpg); background-repeat:repeat-x; }
#footerinner { height:120px; background-image:url(img/botgradin.jpg); background-repeat:repeat-x; width:962px; margin:0px auto; line-height:120px; text-indent:20px; }
#footer a:link, #footer a:visited { color:black; font-weight:bold; text-decoration:underline; }

.buttons a:link, .buttons a:visited { background-image:url(img/button.jpg); width:100px; height:30px; display:inline; float:left; margin-right:20px; line-height:30px; text-align:center; text-decoration:none; color:black; }
.buttons a:hover, .buttons a:active { background-position:right; }

/* VR */

#vr { width:962px; height:450px; display:block; }
#innervr { border-bottom:3px solid #333; }
#vrlist h3 { color:black; padding:6px 0px; border-bottom:1px solid #666; margin-bottom:6px; }
#vrlist li { margin-left:20px; list-style:square; }
#vrlist ul { margin-bottom:6px; }

#innervr { width:962px; height:450px; overflow:auto; }

#vrnav { float:right; width:253px; height:30px; }
#vrnav a:link, #vrnav a:visited { width:100px; height:30px; margin-left:1px; display:inline; float:right; background-position:left; }
#vrnav a:hover, #vrnav a:active, #vrnav a.current:link, #vrnav a.current:visited { background-position:right; }

#thumbs { padding:10px 0px; display:block; }
#thumbs a:link, #thumbs a:visited { width:115px; height:100px; float:left; display:inline; margin-bottom:10px;  }
#thumbs a.text:link, #thumbs a.text:visited { width:95px; height:80px; padding:10px;  font-size:11px; overflow:hidden; text-decoration:none;  }
#thumbs span { color:black; }

/* CLEARFIX */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */