/* Reset & Body 
--------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

body {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background: #000 url("/images/bg/bg.jpg") repeat-x;
}

body.holBg {
background: #000 url("/images/bg/bg_hol.jpg") repeat-x;
}



p {
margin:0 0 20px 0;
}
h1 {
background: url("/images/bg/home.png") no-repeat;
text-indent:-999px;
height:42px;
width:456px;
margin:0 0 0 50px;
}
h1.gallery {
background: url("/images/bg/photo.png") no-repeat;
height:59px;
}
h1.vids {
background: url("/images/bg/video.png") no-repeat;
height:59px;
}
h1.goa {
background: url("/images/bg/goa.png") no-repeat;
height:47px;
}
h1.links {
background: url("/images/bg/links.png") no-repeat;
height:43px;
width:780px;
}
h1.classes {
background: url("/images/bg/classes.png") no-repeat;
height:67px;

}
h1.articles {
background: url("/images/bg/articles.png") no-repeat;
height:30px;

}
h1.news {
background: url("/images/bg/news.png") no-repeat;
height:40px;

}
h1.next {
background: url("/images/bg/next.png") no-repeat;
height:40px;

}
h1.about {
background: url("/images/bg/aboutbb.png") no-repeat;
height:47px;

}
h1.contact {
background: url("/images/bg/contact.png") no-repeat;
height:47px;

}
h2, h2 a {
color:#F66B27;
font-size:1.2em;
text-decoration:none;
font-weight:lighter;
margin:0 0 10px 0;

}
h3, h4, h5 {
color:#F66B27;
font-size:1.0em;
text-decoration:none;
font-weight:lighter;
margin:0 0 10px 0;

}

a {
color:#D70200;
}
img {
border:none;
}
/* Container 
--------------------------------------------------------------------*/
#container {
margin:0;
width:1000px;

}
/* Header 
--------------------------------------------------------------------*/
#header {
height:305px;
background:url("/images/bg/top_home.jpg") top left no-repeat;
}
#header2 {
height:305px;
background:url("/images/bg/bg2_01.jpg") top left no-repeat;
}

body.holBg #header2 {
height:305px;
background:url("/images/bg/bg_top_hol.jpg") top left no-repeat;
}


/* Navigation 
--------------------------------------------------------------------*/
#navi {
margin:0 0 0 50px;
position:relative;
top:155px;

}
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		
                
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 141px;
		margin-top : -33px;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 141px;
		
                height:33px;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		text-indent:-999px;
		
                background:url("/images/bg/nav/bb.png") top left no-repeat;
	}
        #nav li a:hover {
         background:url("/images/bg/nav/bb_o.png") top left no-repeat;
        }
	#nav li ul li a{ /* second-level lists */
		background:url("/images/bg/nav/nav_07.png") top left no-repeat;
                
	}
        #nav li ul li.classes, #nav li ul li.classes a{ /* second-level lists */
		background:url("/images/bg/nav/class.png") top left no-repeat;
                height:43px;
	}
        #nav li ul li.classes a:hover{ /* second-level lists */
		background:url("/images/bg/nav/class_o.png") top left no-repeat;
                height:43px;
	}
         #nav li ul li.articles, #nav li ul li.articles a{ /* second-level lists */
		background:url("/images/bg/nav/articles.png") top left no-repeat;
                height:33px;
	}
         #nav li ul li.articles a:hover{ /* second-level lists */
		background:url("/images/bg/nav/articles_o.png") top left no-repeat;
                height:33px;
	}
         #nav li ul li.events, #nav li ul li.events a{ /* second-level lists */
		background:url("/images/bg/nav/news.png") top left no-repeat;
                height:33px;
	}
        #nav li ul li.events a:hover{ /* second-level lists */
		background:url("/images/bg/nav/news_o.png") top left no-repeat;
                height:33px;
	}
        #nav li ul li.hols, #nav li ul li.hols a{ /* second-level lists */
		background:url("/images/bg/nav/hols.png") top left no-repeat;
                
	}
        #nav li ul li.hols a:hover{ /* second-level lists */
		background:url("/images/bg/nav/hols_o.png") top left no-repeat;
                
	}
        #nav li ul li.photo, #nav li ul li.photo a{ /* second-level lists */
		background:url("/images/bg/nav/photos.png") top left no-repeat;
                
	}
       #nav li ul li.photo a:hover{ /* second-level lists */
		background:url("/images/bg/nav/photos_o.png") top left no-repeat;
                
	}
        #nav li ul li.vid, #nav li ul li.vid a{ /* second-level lists */
		background:url("/images/bg/nav/vid.png") top left no-repeat;
                
	}
        #nav li ul li.vid a:hover{ /* second-level lists */
		background:url("/images/bg/nav/vid_o.png") top left no-repeat;
                
	}
        #nav li ul li.about, #nav li ul li.about a{ /* second-level lists */
		background:url("/images/bg/nav/about.png") top left no-repeat;
                
	}
        #nav li ul li.about a:hover{ /* second-level lists */
		background:url("/images/bg/nav/about_o.png") top left no-repeat;
                
	}
        #nav li ul li.newsart, #nav li ul li.newsart a{ /* second-level lists */
		background:url("/images/bg/nav/next.png") top left no-repeat;
                
	}
       #nav li ul li.newsart a:hover{ /* second-level lists */
		background:url("/images/bg/nav/next_o.png") top left no-repeat;
                
	}
        #nav li ul li.email, #nav li ul li.email a{ /* second-level lists */
		background:url("/images/bg/nav/email.png") top left no-repeat;
                height:33px;
	}
        #nav li ul li.email a:hover{ /* second-level lists */
		background:url("/images/bg/nav/email_o.png") top left no-repeat;
                height:33px;
	}
        #nav li ul li.links, #nav li ul li.links a{ /* second-level lists */
		background:url("/images/bg/nav/links.png") top left no-repeat;
                
	}
       #nav li ul li.links a:hover{ /* second-level lists */
		background:url("/images/bg/nav/links_o.png") top left no-repeat;
                
	}
	
	    #nav li.bb, #nav li.bb a{ /* second-level lists */
		background:url("/images/bg/nav/bb.png") top left no-repeat;
                
	}
       #nav li.bb a:hover{ /* second-level lists */
		background:url("/images/bg/nav/bb_o.png") top left no-repeat;
                
	}
	
	
        #nav li ul.top { /* second-level lists */

		margin-top : -43px;
	}
        #nav li.top, #nav li.top  a{
        background:url("/images/bg/nav/holland.png") top left no-repeat;
        height:43px;
}

        #nav li.top a:hover {
        background:url("/images/bg/nav/holland_o.png") top left no-repeat;
        height:43px;
}
        #nav li.gallery, #nav li.gallery a {
        background:url("/images/bg/nav/gallery.png") top left no-repeat;
    
}
        #nav li.gallery a:hover {
        background:url("/images/bg/nav/gallery_o.png") top left no-repeat;
    
}
 #nav li.bot, #nav li.bot a {
        background:url("/images/bg/nav/contact.png") top left no-repeat;
        height:42px;
}
        #nav li.bot a:hover {
        background:url("/images/bg/nav/contact_o.png") top left no-repeat;
        height:42px;
}
#nav li ul.bot {
margin-top:-42px;
}
	#nav li a:hover {
		
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

#nav li.top  a.on, #nav li.top  a.on:hover{
background:url("/images/bg/nav/holland_on.png") top left no-repeat;
}
#nav li.articles  a.on, #nav li.articles  a.on:hover{
background:url("/images/bg/nav/articles_on.png") top left no-repeat;
}
#nav li.classes  a.on, #nav li.classes  a.on:hover{
background:url("/images/bg/nav/class_on.png") top left no-repeat;
}
#nav li.events  a.on, #nav li.events  a.on:hover{
background:url("/images/bg/nav/news_on.png") top left no-repeat;
}
#nav li.hols  a.on, #nav li.hols  a.on:hover{
background:url("/images/bg/nav/hols_on.png") top left no-repeat;
}

#nav li.gallery  a.on, #nav li.gallery  a.on:hover{
background:url("/images/bg/nav/gallery_on.png") top left no-repeat;
}
#nav li.photo  a.on, #nav li.photo  a.on:hover{
background:url("/images/bg/nav/photos_on.png") top left no-repeat;
}
#nav li.vid  a.on, #nav li.vid  a.on:hover{
background:url("/images/bg/nav/vid_on.png") top left no-repeat;
}
	
#nav li.bb  a.on, #nav li.bb  a.on:hover{
background:url("/images/bg/nav/bb_on.png") top left no-repeat;
}
#nav li.about  a.on, #nav li.about  a.on:hover{
background:url("/images/bg/nav/about_on.png") top left no-repeat;
}
#nav li.newsart  a.on, #nav li.newsart  a.on:hover{
background:url("/images/bg/nav/next_on.png") top left no-repeat;
}

#nav li.bot  a.on, #nav li.bot  a.on:hover{
background:url("/images/bg/nav/contact_on.png") top left no-repeat;
}
#nav li.links  a.on, #nav li.links  a.on:hover{
background:url("/images/bg/nav/links_on.png") top left no-repeat;
}


	

/* Content 
--------------------------------------------------------------------*/
#content, #content2 {
background:url("/images/bg/home_bg_02.jpg") no-repeat;

min-height:990px;
padding:0 110px 0 0;
}
#content2 {
background:url("/images/bg/bg2_02.jpg") no-repeat;
}

body.holBg #content2 {
background:url("/images/bg/bg_bot_hol.jpg") no-repeat;
}



#text, #text_links {
width:436px;
background:url("/images/bg/text_bg.png");
margin:0 0 20px 50px;
padding:10px;
line-height:1.4em;
float:left;
display:inline;
}
#text img {
float:right;
margin:10px 0 10px 10px ;
}
#text_links {
width:770px;
padding:10px 0 10px 10px;
}
#linkContent{
height:380px;
overflow:auto;
}
#text ul li{
margin:0 0 0 10px;
}
#images, #images_hols, #images_gal, #images_classes, #images_art {
position:absolute;
top:290px;
left:520px;
width:350px;
text-align:right;
margin:30px 0 0 0 ;
}
#images_classes {
top:294px;
}

#images_hols, #images_gal, #images_art {
position:absolute;
top:130px;
left:520px;

}
#images img {
margin:0 0 20px 0;
}
#images_gal {
width:330px;

}

img.small_l {
margin:20px 13px 20px 0;
}

img.small_r {
margin:20px 0;
}
.rssThumbFloat {
float:right;
margin:0 0 8px 10px;
}
.rssThumbFloat img {
width:70px;
border:1px solid #F66B27;
}
#fullsize {

}
#fullsize img{
width:316px;
border:1px solid #F66B27;
}
#jpopcap {
background:#000;
padding:10px;
margin:10px 0 10px 12px;
color:#F66B27;
text-align:left;
height:60px;
overflow:auto;
font-size:0.9em;

}
.rssThumbs {
float:left;

}

#desc {
display:none;
}
ul#rssThumbNav {
position:absolute;
top:586px;
left:12px;
background:#000;
width:298px;
list-style:none;
padding:10px;

}
#rssThumbNav li.left{
float:left;
}
#rssThumbNav li a{
text-decoration:none;
}

a.eye {
display:block;
position:absolute;
top:220px;
left:371px;
background:url("/images/bg/eydia.gif") no-repeat;
text-indent:-999em;
height:94px;
width:439px;
Margin:0 0 0 20px;
}
a.eye:hover {
background:url("/images/bg/eyedia_o.gif") no-repeat;
}
img.goa {
position:absolute;
top:40px;
left:690px;
}
img.bb {
position:absolute;
top:54px;
left:525px;
}
a.goaLink {
display:block;

width:120px;
height:120px;
position:absolute;
left:730px;
top:120px;
text-indent:-999px;
z-index:5;
}

a.pdf {
display:block;
width:140px;
padding:100px 0 0 0;
position:absolute;
left:350px;
top:180px;
background:url("/images/bg/bb_leaflet.jpg") no-repeat;
z-index:5;
text-align:center;
}


.img1, .img2, .img3, .img4 {
position:absolute;
border:1px solid #F66B27;
}
.img1 {
top:152px;
left:0px;
}
.img2 {
top:301px;
left:0px;
}
.img3 {
top:152px;
left:140px;
}
.img4 {
top:448px;
left:0px;
}
img.border {
border:1px solid #F66B27;
}
p.caption {
background:url("/images/bg/text_bg.png");
text-align:left;
padding:10px;
position:absolute;
top:730px;
width:312px;
color:#F66B27;
}
#images p.caption {
top:300px;
left:22px;
width:308px;
}

.imgBot {
position:relative;
top:600px;
border:1px solid #e95f16;
}

.imgBot2 {
position:relative;
top:60px;
border:1px solid #e95f16;
}

#images_classes p.caption {
top:590px;
left:20px;
width:310px;
}
#images_hols p.caption {
top:1010px;
left:18px;
width:312px;
}
#images_art p.caption {
top:730px;
left:0px;
width:311px;
}
#images_hols img {
border:1px solid #F66B27;

}

#images_hols p.caption {
border:1px solid #F66B27;
position:relative;
top:0;
left:17px;
}


#footer {
clear:both;
background:url("/images/bg/text_bg.png");
width:456px;
text-align:center;
margin:0 0 0 50px;
padding:10px 0 0 0;
}
#navFoot{
list-style:none;

padding:10px;

}
#navFoot li{
display:inline;
margin:20px 20px 20px 0;
}

#footer a{
color:#D70200;

}
#footer.links{
width:780px;
}

#newsletter label {
margin:0 10px 0 0;
}
#newsletter input{
border:1px solid #000;
padding:1px;
}
#newsletter input.form {
border:1px solid #000;
padding:2px;
}

img.big2 {
margin-top:20px;
}



/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


