/* ------------------------------------------------------------ */
/* 2401.css !!!!!!, revised : 04 January 2012                   */
/* Aviaslider adjustments                                       */
/* max width set for Container			                						*/
/* min height set for Content						                  			*/
/* removed 100% line-height from anchors	            					*/
/* ------------------------------------------------------------ */

/* screen 1024 x 768 */
/*        1280 x 720 */
/*        1280 x 800   Samsung TAB 10.1 */
/*        1600 x 900 */
/*        1920 x 1080 */
/* this site 1024 x 768 */


/* blgr           009999 site ID    */
/* blauw          0099ff menu       */
/* orange         FF9900 menu hover */
/* grey           eeeeee menu bg    */
/* blauw          2159CC accent     */
/* orange         CC6550 page title */

/* show size: 480 x 800  */

/* Partial URLs are interpreted relative to the source of the style sheet, not relative to the document. */


#dummy {}

/*   _______________________________________________              */
/*   |                      body                    |             */
/*   |  ___________________________________________ |             */
/*   | |                  Container               | |             */
/*   | |   ___________________________________    | |             */
/*   | |   |               Header             |   | |             */
/*   | |   |__________________________________|   | |             */
/*   | |   ___________________________________    | |             */
/*   | |   |               Content            |   | |             */
/*   | |   |                                  |   | |             */
/*   | |                                          | |             */
/*   | |__________________________________________| |             */
/*   |                                              |             */
/*   | |   ___________________________________    | |             */
/*   | |   |               Footer             |   | |             */
/*   | |   |                                  |   | |             */



html { height:100% }

body {
	padding: 0;
margin: auto;
max-width: 1280px;
	height: 100%;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #A0A0A0;	
}

html > body {           /* matches any body that is a child of html, doen't make sense http://www.w3.org/TR/CSS2/selector.html */
	height: auto;
}

img {margin:0px;padding:0px;border:0px}

h1 {
	font-family: "Times New Roman", Times, serif;   /* special messages */ 
	font-weight: normal;
	font-size: 48px;
	color: red;
	margin:0;
} 

h2 {
	font-family: "Century Gothic", Arial, sans-serif;   /* title of #Content */
	font-weight: normal;
	font-size: 30px;
	margin:0;
	color:#CC6550;
}

h3 {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	margin:0;
}

h4 {
	font-family: "Verdana" ,Arial, Helvetica, sans-serif; /* paragraph title */
	font-weight:normal;
	font-size:16px;
	color:black;
	margin:0;
}

h5 {
	font-family: "Verdana" ,Arial, Helvetica, sans-serif;  /* used first line in thumbs */
	font-weight:normal;
	font-size:12px;
	color:#444;
	margin:0 0 5px 0;
}

p {margin:0;}

/*   NEW SECTION  */

#Container {
	position:relative;
	margin: 0px auto 0px auto;
	padding: 5px 0 25px 0;
	min-width: 800px;
	width: 98%;  
	min-height:95%;
/*	
	max-width: 1280px;
height:auto;             
	background-color: black;
	border-bottom: 1px solid #434D56;  NY edit*/
}

body > #Container {
	height: auto;
}


#Header { 
margin:0;
height:60px;
}

.Logo2401 {
	margin:0;padding-left:1px;float:left;height:100%;width:300px;
}

#Content  {			/* can be adjusted dynamically for pages with thumbnails  */
  width:100%;
  margin:5px auto 5px auto;
  /* border:1px solid #333333;  Xmas edit */
  padding:5px 0 0 5px;
  min-height:740px; 
  overflow:hidden;
  background-color:transparent;
  border: 1px solid #eee;
}

#Container > #Content {
	height: auto;
	width: auto;
}

#MenuHolder2 {float:right;}

.links {float:right;margin: 0 0 0 4px; padding:3px 2px; text-align:right;color:#009999; background-color:#eeeeee;font-size:14px; font-family: "Century Gothic", Arial, sans-serif; line-height:90%}


/* needs in-line width to force number of thumbs inside block ??????  */
#Thumb-Wrapper {
  margin:5px auto 5px auto;width:900px;height:auto;  
  overflow:auto;
	background-color:#111111;	
}

#Footer {
	clear:both;
 	position:relative;
	margin:auto;
	padding: 0px;
	font-size:10px;
	border-top:1px solid #1166cc;	
	}

  #Footer-left {
    float:left;width:250px;height:inherit;
    text-align: left;padding:0;	
  }

  #Footer-center {
    float:left;width:34%;height:inherit;
    text-align:left;                     /* xmas edit   why not center */
  }

  #Footer-right {
    float:right;width:30%;height:inherit;
    text-align: right;padding: 0;
  }


.Banner {
	margin: 20px;
	border: 1px solid #aaa;
	width: 475px;height:auto;
	margin:0 auto 20px auto;
	text-align:center;
}

.Page-Menu {
/*	clear:both;  
	margin: 5px;
	height:15px; */
	width:150px;
	float: right;
	text-align:right;
	font-size:14px;
}

	

/* also used for the title & decription of other pages */ 
	
.GalleryTitle {
/*	clear:both; */
	height:100%;
	width:600px;
	margin:5px 5px 0px 0px;
	padding: 0 0 5px 5px;	 
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: normal;
	font-size: 30px;
	color:#CC6550;

	}
	
.GalleryDesc {
	clear:both;
	height:100%;
	width:600px;
	margin:0 5px 0 0px;
	padding: 0 0 5px 6px; /* xmas edit */	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:grey;
	
	}

	

.IndexThumb {
	position: relative;
	float: left;	
	margin:0px 5px 5px 0;
	padding: 5px;	
	height: 152px;
	width: 248px;  /* makes 250 with the border */
	background-color: #eee;
	border: 1px solid #ddd;
	}

.IndexThumb:hover {
	background-color: white;
}

.IndexThumb img {
	float:right;
	margin-left:5px ;
	Margin-bottom:3px;
	border:1px solid #fff;
}

/* text withing the index thumbs */
.ItemTitle {font-size: 16px;color:#1166cc;}
.ItemDesc {color:grey;}


	
/* for the thumbnail pages */
	
	
.ThumbPic{
	position: relative;
    float: left; 	
	margin:0px 5px 5px 0;
/**/	padding: 5px;

	height: 180px;  /* allow caption */
	width: 160px;

	background-color: #eee;
	border: 1px solid #ddd;

	
	text-align:center;  /* to get the picture centered*/
}

.ThumbPic:hover {
	border:1px solid #aaa;
	background-color: white;
}


.Thumb-lrTitle {
	overflow:hidden;  /* truncate too long text */
		position: relative;
	width:150px;
	height:15px;
	text-align: left;
	font-size: 10px;

}

.Thumb-lrCaption {
	position:absolute;
	bottom:0;left:0;
		clear:both;
	overflow:hidden;  /* truncate too long text */
	width:150px;
	padding-left:4px;
	text-align: left;
	font-size: 10px;
}


/*  Gallery large pictures  */

/* The frame for the image: dimensions set inline */

 
.Large-lrTop {  /* for whatever lr puts in this field */   
	margin-top:10px;
	text-align:center;
	font-size: 10px;	
	color:white;
}

.Large-lrBottom {
	text-align:center;
	font-size: 10px;	
	color:teal;
}
	
.ImageHolder {
	margin:2px auto 4px auto;  
	position: relative;
	clear:both;
	padding: 0px;
/*	border:1px silver solid;	 xmas edit */	
}

.ImageLarge {
/*  background-image:url('/Images/Default.jpg'); */
  background-repeat:no-repeat;
  height:100%;width:100%;margin:2px;
  }



/* styles for the table in module InPrint 

.styleTable{
	background:gray;
}

#Table01 td {
	background:#333;vertical-align:top;padding:5px;
	height:201px;
	width:302px;
}
*/
/* 
.styleCell{
	border-bottom-width: 1px;background:black;vertical-align:top;padding:5px;
}
*/ 

/* standard anchors *  do not change the sequence below   */
 
a:link 		{color: #0099ff;text-decoration : none;background-color:#ddd;}
a:visited	{color :#0099ff;text-decoration : none;background-color:#ddd;}
a:hover		{color :#FF9900;text-decoration : none;background-color:#eee;}
a:active	{color :#0099ff;text-decoration : none;background-color:#ddd;}


/*
---------  Menu section
*/

  #jsddm
  {	margin: 0;
    padding: 0;
    z-index:1500}  

	#jsddm li
	{	float: right;
		list-style: none;
		font-family:arial, verdana, sans-serif; font-size:11px; }

	#jsddm li a
	{	display:table-cell;vertical-align:middle;text-align:center;
		padding: 5px 10px;
		text-decoration: none;
		border-right: 1px solid white;
border-bottom: 2px solid white;		
		width: 65px;
		height:25px;
    font-weight:bold;
		}

#jsddm li a.sub {background:#ddd url(/Images/down-arrow.png) no-repeat right bottom;}

	#jsddm li a:hover
	{	border-bottom: 2px solid red;
	}
		
		#jsddm li ul
		{		z-index:1500;margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
      }
			
/*			#jsddm li ul li a
			{	
      border-top: 2px solid white}
*/			
			#jsddm li ul li a:hover
			{	background: #eee} 




/* the stuff from the selection galleries */

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('resources/checkbox.png') no-repeat;
	display: block;
	clear: left;
}

/* Font settings for form and buttons */

#EmailForm {
	width: 100%; height: 100%;
	margin:auto;
	padding:5px 0 5px 5px;
	text-align: left;
	border:0px solid red;
}

/* texarea gives alignement problems coz it includes border, margins and padding */
textarea {
	margin: 0;
	padding:0;
	background-color:#333;
	text-align:left;
}

#EmailSection {
	clear:both;
	width:400px; 
	margin: 0px auto  0px auto;
	padding: 5px;
	background-color:white;
	text-align:left;
	border:1px solid grey;
}

.EmailLabels {
	display:block; /* color:white; */
	font-size:11px;
	margin-top:5px;
	}

.EmailInput  {
	width: 100%;
	margin: 0 ;
	border: 1px solid #bbb;
	background-color: #eee;
	font-size:14px;		
}

#CodeFld {color:#009999}

#SendButton {
	margin :10px auto 0 auto;
	border: 1px solid black;
	font-size: 14px;
	color: #fff;
	height: 25px;
	width: 80px;
	background-color: #555;
}

/************************************************************************
Galleriffic
*************************************************************************/

div#page {
	width: 1024px;	/* --- */
	margin: 0 auto 10px auto; /* --- */
	text-align: left;

}
div#gal-container {
	padding: 20px;
}

#a.gallery #a.thumbs  		{color: #0099ff;text-decoration : none; background-color:red;}


#switch-box {float:right; padding: 6px 0;}

.lightSwitch {position:relative; ; z-index:101;padding:3px; background-color:grey; margin: 0;}
a.lightSwitch {color:red;}


#shadow {background-image:url('/Images/bgW80.png'); position:absolute; left:0; top:20; width:100%;height:400px; z-index:100;}

.image-wrapper {z-index:200;}  /* lift image above mask */


/************************************************************************
Avia2401.css
*************************************************************************/
.aviaslider{ 
height:450px; 	/*this changes the height of the image slider*/
width:900px;margin:0; padding:0;
overflow: hidden;
position: relative;
background: #fff url('Images/loader2401.gif') center center no-repeat;
border: 2px solid silver;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}


/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/

.center-stage{ /*center content area */
position: relative;
margin:0 auto;
width:900px;
}