body {color: #cccccc ;
		font-family: Arial, Helvetica, sans-serif ; 
		font-size: 16px; 
/*		width: 1224px;  */ 
		 margin: 0; padding: 0;
   		background: #222222}

.pageWrap{ margin:auto; padding:0px 0px 0px; width:960px;height:100%;position:relative; background-position:top; background-color:#222222; }

p { }

td { }

a:link { color: #ffffff}

a:visited {color: #ffffff }

a:hover { }

a:active { }

.sign
{
	color:#666622;
	font-size: small;
	padding-left: 15px;
	padding-right: 10px;
	margin: 0 0 1px 0;
}

.smallref
{
	color:#555577;
	font-size: 10px;
	padding-left: 0px;
	padding-right: 10px;
	margin: 0 0 1px 0;
}

h3
{
	font-size: small;
	font-weight: bold;
	background-color: #000000;
	padding-left: 15px;
	padding-right: 10px;
	margin: 0 0 1px 0;
}

h3.guestbook_1
{
	color:#555555;
	font: Helvetica ;
	text-decoration:none;
}
h3.guestbook_2
{
	color:#999922 ;
	font: Helvetica ;
	text-decoration:none;
}
h3.slog	{
	color:#667766 ;
	background-color: #222222;
	font: Helvetica ;
	text-decoration:none;
}

h5
{
	font-size: small;
	font-weight: lighter;
	background-color: #002200;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 1px 0;
}

 h3.menuLine a{
	color:#C15600 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}

h3.menuLine a:visited {
	color:#C15600 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}
h3.menuLine a:link {
	color:#C15600 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}
h3.menuLine a:hover{
	background-color: #552211;
	color:#F58105 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}
 h3.menuLine_mark a{
	color:#ffaa00 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}

h3.menuLine_mark a:visited {
	color:#ffaa00 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}
h3.menuLine_mark a:link {
	color:#ffaa00 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}
h3.menuLine_mark a:hover{
	background-color: #552211;
	color:#F58105 ;
/*	font: Helvetica ; */
	font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 13px;
	text-decoration:none;
}
.large-text {
	font-size: 32px;
	font-weight: bold;

}
.medium-text {
	font-size: 22px;
/* 	font-weight: bold; */

}

  INPUT.input  {color: #ffffff; border: 1px solid #997700; background-color: #181818 }
  INPUT  {color: #ffffff; border: 1px solid #997700; background-color: #181818 }
  .input_narrow  {color: #ffffff; border: 1px solid #997700; background-color: #181818 ;width: 80px }
   SELECT {color: #ffffff; border: 1px solid #997700; background-color: #181818  }

  TEXTAREA.input  {color: #ffffff; border: 1px solid #997700; background-color: #181818 }
  .thumb_frame img {border: 1px solid #ffffff }
  img.large_image_frame  {border: 3px solid #ffffff  }
 
/* .header{ width:800px; height:110px; background-color:#666666} */

.header{
/*	position:absolute;
 */	margin:5px 0 0;
	background-color: #222222; 
	height:120px;
	width:auto;
	text-align:right;
/*	left: 180px ;
	vertical-align:middle; */
}
.footer{
/*	position:absolute;
 */	margin:5px 0 0;
	background-color: #222222; 
	height:80px;
	width:800px;
	float:left ;
	text-align:center;
/*	left: 180px ;
	vertical-align:middle; */
}

.counter{
/*	position:absolute;
 	margin:5px 0 0;
	background-color: #222222; */
	height:30px;
	width:800px;
	float:left ;
	text-align:center;
/*	left: 180px ;
	vertical-align:middle; */
}

#leftColumn{
	background-color: #3f4f82; 
	height:400px;
	width:100px;
	text-align:right;
	vertical-align:middle;
}


#header-sloag {
	position:absolute;
	left:160px;
	top:85px ;
	background-color: #222222; 
		
}

#header-title  img{
	position:absolute;
	left:130px;
	top:5px ;
/*	float:left;
	width:424px;
	height:37px;*/
}

#header-name img{
	position:absolute;
	left:160px;
	top: 27px ;
/*	float:left;
	width:424px;
	height:37px;*/}


.address {
	float:right;
	width:40%;
	vertical-align:middle;
	margin:5px 20px 0 0;
}


.colcont {
	width: 100%;
	background-color: #222222; 
	height: 800px }
	

.break_line {
	border-color: #77777 black black black;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width:0px;
	border-left-width: 0px	 ;
	margin-top: 5px;
	margin-bottom: 20px;
/*	border-color: red  red red red;
	background-color: #ff77ff; 
	margin-top: 5px;
	margin-bottom: 20px;
	height: 17 ;
	width: 500px;
	height: 3px ;
	border-top-width:3px ;*/	
}

.colboxleft_top {
	background-color: #1f1f1f; 
	margin-right: 00px;
	  background: url(../image/maake.jpg) ;
	width: 150px;
	height: 80px;
	float: left }
	
.colboxleft {
	background-color: #222222; 
	margin-right: 00px;
	width: 180px;
	height: 700px;
	float: left }
	
.colboxright_top {
	background-color: #1f1f1f; 
	margin-left: 10px;
	width: 150px;
	height: 80px;
	
	float: right;
	}
.colboxright {
	background-color: #1f1f1f; 
	margin-left: 10px;
	width: 150px;
	height: 700px;
	float: right;
	font-size: 13px;
	}

.colboxmiddle {
	
/*	position:absolute;*/
	margin: 0px 0px 0;
/*	height:150px;
	width:900px;
	text-align:right;
	left: 180px ;
	vertical-align:middle; */
	background-color: #222222; 
/*	margin-right: 170px;*/
/*	margin-left: 100px; */
	width: auto;
	height: 700px }



 .thumb-shadow {
  float:left;
  background: url(../image/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../image/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.thumb-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 2px;
  }
   .img-shadow {
  float:left;
  background: url(../image/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../image/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 2px;
  }
  
.img-frame img {
  display: block;
  position: relative;
  border: 1px solid #eeeeee;
 
  }



.thumbnail,.thumbnail_in_lightbox{
	display:inline;
	float:left;
	margin:0px 8px 10px 8px;
	padding:12px 12px 0;
	width:150px;
	height:180px;
	border:1px solid #343404;
	background:#333333
}
.thumbnail_in_lightbox{
	border:1px solid black;
}
.thumbnail_image{
	text-align:center;
	height:160px;
	width:100%;
	vertical-align:middle;
}
.thumbnail_image img{padding:1px 1px 1px 1px;border:1px solid #CCCCCC;}
#thumbnail_container .link_icon{
	width:158px;
	float:left;
	font-size:2px;
	line-height:2px;
}
#thumbnail_container .link_icon img{
	float:right;
}
   
   
.div_hover{
	width:150px;
	background:#e5e5e5 url(../images/base/notetext_bg.gif) repeat-x 0 0;
	color: #ffff88;
	background-color: #414141;
	padding:24px;
	position:absolute;
	z-index:99999;
	top:.90px;
	right:5px;
	height:100px;
	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */
}
   
/**************   MENU   *****************************/
/* Chrome Menu */

.chromestyle{
/* width: 99%; */
font:normal 13px Verdana;
font-weight: bold;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #000;
width: 100%;
background-color: #222222;
/* background: url(chromebg4.gif) center center repeat-x;  THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
/* color: #C15600; */
color: #bbbbbb;
padding: 4px 7px;

margin: 0;
text-decoration: none;
border-right: 3px solid #444444;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
background-color: #777777 ; 
color: #111111;

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #886666; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
font:normal 12px Verdana;
line-height:16px;
 z-index:100; 
background-color: #333333;
width: 100px;
text-align: center;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);/* Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 1px;
border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: white;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #555555;
}


###########################

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;	
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */

}

#########################################################
		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }