
/*this is the main body of the quotes*/
 .quotetext{font-family: Trebuchet
MS,Verdana,Arial,Helvetica;font-size: 1em;color:rgb(240,240,240);}
/*this is the end tag or author of the quotes*/
 .quotename{font-family: Trebuchet
MS,Verdana,Arial,Helvetica;font-size:
.8em;color:rgb(220,220,220);font-style:italic;}


  body {
  background-repeat: repeat-x;

/*this is the background colour of the page*/
  background-color:#cccc99;
  text-align: center;
  }
  
  



/*this is the text for the gallery*/
  .gallerytext{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1em;color:rgb(250,250,250);text-align:left;}
/*this is the text for the links in the gallery*/
  .gallerylink{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1em;color:rgb(235,235,235);text-align:left;}

  #scroll, #scroll div.default {overflow:hidden;visibility:visible;}
  #scroll table tr td {padding:10px; text-align:left; vertical-align:top;}

/*anything with maintext is used throughout the site, so if you change it for one page, it will likely change for many others.*/
  p.maintext{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: .8em;color:#333333;margin-top:0px;}
  h3.maintext{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1.4em;color:#fff;}
  h2.extrashead{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1.6em;color:#fff;}
  h2.maintext{font-family: Trebuchet MS, Verdana, Arial, Helvetica;font-size: 1.2em;color:#333333;}
  
/*these are the generic styles for the site. though actually not used that much. more in here in case something gets messed up!.*/
  h1{font-family: Trebuchet MS, Verdana, Arial, Helvetica;font-size: 1.2em;color:#333333;}
  h2{font-family: Trebuchet MS, Verdana, Arial, Helvetica;font-size: 1.2em;color:#333333;}
  
  
/*these affect what links look like. there are more options lower down this page, but edit these first*/  
  a.link1{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1em;color:rgb(153,102,0);}
  a.link2{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1em;color:#000;}
  p.link3{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: .8em;color:rgb(153,102,0);text-align:center;}

  a.newslink1{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1em;color:rgb(153,102,0);margin-top: 0;margin-bottom: 0px;text-align:left;}
  a.newslink2{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1em;color:#000;margin-top: 0;margin-bottom: 0px;text-align:left;}

  .leftlinksbox{float:left;width:140px;height:392px;border:4px solid
rgb(220,220,220);overflow:hidden;}
  a.current{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1.0em;color:#fff;text-align:center;}
  .linkbreak{width:20px;height:1px;}
  .mainimage{float:right;}
  .mainsectionwrapper{width:750px;margin:auto;height:410px;} 

  .whitebox{margin-top:-33px;width:370px;}

  .galleryheader{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1.4em;color:#fff;margin-top:0px;margin-bottom:0px;text-align:center;}
  .gallerydate{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1.1em;color:#fff;line-height:10px;margin-top:0px;margin-bottom:10px;text-align:center;}
  .breaker{text-align:center;}
  .gallerybox{}
  .gallerycontainer{width:800px;margin:auto;background-color:#999999;text-align:left;}
  .gallerycontainermain{width:800px;margin:auto;background-color:#999999;text-align:center;padding:10px;}
  .smgallery{width:410px;margin:auto;} 
  .smgalleryimg{float:left;margin:2px;padding:0;border:0;}
  .container{top: 50px;margin:auto;width:900px;}
  .musiccontainer{background-color:rgb();top: 50px;margin:auto;width:900px;}
  #mainimg{margin: -5px 0 0 0;}
  .textbox{width: 750px;text-align: justify;margin:auto;}

  .roz{float:right;margin:15px 5px 0 0;}
  .footer{float:right;margin:-35px 80px 0 0;}
  .footer2{float:right;margin:-35px 20px 0 0;}
  .imgfooter {margin:0px 0px 0 0px;}

  ul.list1{list-style:none;text-align:left;font-size:1.2em;}
  .textbox{font-family: Trebuchet MS,Verdana,Arial,Helvetica;color:#333333;}
  
  .loaddiv{
  height:1px;
  overflow:hidden;
  }
  .artleft{width:320px;float:left;}
  .artright{float:right;width:420px;}
  
  a.copyright{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: .8em;color:rgb(0,0,0);}
  a.copyright:link {color:rgb(0,0,0); text-decoration: underline; }
  a.lastedit{font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: .6em;color:color:#333333;text-align:right;}


  h2.CVtext{font-family: Trebuchet MS, Verdana, Arial, Helvetica;font-size: .8em;color:#333333;margin-top:-10px;margin-bottom:-25px;}

  .gallerytext{font-family: Trebuchet MS, Verdana, Arial, Helvetica;font-size: 1em;color:#fff;}
  .gallerytext:hover{font-family: Trebuchet MS, Verdana, Arial, Helvetica;font-size: 1em;color:#fff;}
  .extrasdiv{width:245px;margin:0px;float:left;}
  .extrasdiv2{width:370px;margin:0px;float:left;}
  .extrasclear{clear:both;}

  img {border:0;margin:0 0px 0 0px;padding:0;}
  .navbar{background-color:white;margin:-5px 11px 5px 11px;height:31px;


  overflow:hidden;text-align: left;

  background-image:url(../images/navback.jpg);
  background-repeat: no-repeat;
  background-position: right;

 }

  .navbarroz{margin:-5px 0 0 0;}
  .navselect{margin: 0 -2px 0 -2px;padding:0;border:0;}
  .navselect img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*this is how you change how much the navigation links change colour when hoevered over. change the opacity down to increase the change, and up to decrease it.
If you change it, make sure you change all three types, i.e. filter:alpha(opacity=52);-moz-opacity:.52;opacity:.52       */
  .navselect:hover img{filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;}

/*these affect how links work on your page. cafeful with them!!!*/
  a:link {color:rgb(7,104,10); text-decoration: underline; }
  a:active {color:rgb(7,104,10); text-decoration: underline; }
  a:visited {color:rgb(12,84,10); text-decoration: underline; }
  a:hover { text-decoration: none; }
  a.link2:hover {color:#000; text-decoration: none; }
  
  
  div.desc{text-align:center;font-weight:normal;width:240px;margin:0px 10px 10px 10px}
  div.musilpics{float:left;}
  img.musilimages{margin:0px 20px 0px 20px};
  div.foodpic{float:right;margin:10px;}

.textboxroz{width: 900px;text-align: left;margin:auto;}
div.rozpicleft{float:left;margin:5px;width:200px;height:315px;text-align:justify;}
div.rozpicmid{float:left;margin:5px;width:400px;height:315px;text-align:justify;}
div.rozpicright{float:right;margin:5px;width:200px;height:315px;text-align:justify;}
div.footerpicroz{margin:auto;text-align:center;}

div.rozpic2left{float:left;margin:5px;width:200px;height:637px;}
div.rozpic2mid{float:left;margin:5px;width:450px;height:637px;text-align:center;}
div.rozpic2right{float:right;margin:5px;width:200px;height:637px;font-weight: bold;}


a.italics{font-style:italic;}
.tatrapic{margin:3px;border:1px #333333}
.tatrapics{margin:0px;border:10px #333333; float:left;}
.textbox2{width: 1000px;margin:auto;text-align: left;}
.tatratextbox{width:500px;font-family: Trebuchet MS,Verdana,Arial,Helvetica;font-size: 1.2em;color:#333333;}
.tatrastyle2{float:right;}
.movie{border:2px solid black;}

.page-wrap			{ width: 800px;}
.photo-link			{ margin: 5px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
.photo-link:hover	{ filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; }
