/* Generic Selectors */ 
body { 
	font-family: Arial, Verdana, Sans-serif; 
	font-size: 14px; 
	color: #333333; 
	background-color: #F9F9F9; 
}

p { 
	font-family: Arial, Verdana, Sans-serif; 
	font-size: 12px; 
	//**font-weight: bold;**// 
	color: #000000; 
	text-align:justify;
} 

h4 { 
	font-family: Arial, Verdana, Sans-serif; 
	font-size: 12px;
	margin-left: 100; 
	//**font-weight: bold;**// 
	color: #228b22; 
	text-decoration:none;
	
} 



ul {border:0;
	margin:0;
	Padding:0;
	
}

li { 
	font-family: Arial, Verdana, Sans-serif; 
	font-size: 14px; 
	list-style-type: disc; 
	border:0;
	margin: 0;
	Padding:0;
	//**line-height: 100%;**// 
}








img {
 	border-style: ridge;
	border-width: 8px;
	border-top-color: #228b22;
	border-right-color: #228b22;
	border-bottom-color: #228b22;
	border-left-color: #228b22;	
} 
 
/** img.plan {
		border-width: 0;
	   

}
**/ 
div.background {
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	text-align:center;
	background: url(images/Overall/arial.jpg) no-repeat fixed center;
	background-align: center;
	padding: 0 0 20px 20px; /*top right bottom left*/

}
  /*** div.hover_image {
	align: center
	width:431px;
	height:390px;
  background-color:#ffffff;
  border:1px solid black;
  
  } 
***/

h1 { 
	font-family:  Jacoba, Verdana, Sans-serif; 
	font-size: 50px; 
	font-weight: bold; 
	font-effect: emboss;
	text-align:center;
	border:0;
	margin:0;
	Padding:0;
	color: #228b22; 
} 

h2 { 
	font-family: Arial, Verdana, Sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #000000; 
	border:0;
	margin:0;
	Padding:0;
	text-align:center;
	//**border-bottom: 1px solid #C6EC8C;**// 
}
h3 { 
	font-family: Arial, Verdana, Sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	text-align:left;


} 

a:link {
		color:#228b22;
		font-size: 12px;
		text-decoration:none;

}    /* unvisited link */

a:visited {
		color:#964514;
		font-size: 12px;
		text-decoration:none;
} /* visited link */

a:hover {
		color:#43D58C;
		font-size: 12px;
		text-decoration:none;

}   /* mouse over link */

a:active {
		color:#00611C;
		font-size: 12px;
		text-decoration:none;

}  /* selected link */

.align-right { float:right; margin: 0 0 15px 15px; }

/**************** Pseudo classes ****************/ 

align-right { float:right; margin: 0 0 15px 15px; }


/** Declaration for the a.lottery selector **/

a.lotteryr {
	float: right;
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 0px 00px 0px 0px;
	background: url(Buttons/lottery.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.lottery selector **/

a:visited.lotteryr {
	background-position: 0 -50px;
	margin: 0px 0px 0px 0px;

}
a:hover.lotteryr {
	background-position: 0 -100px;
	margin: 0px 0px 0px 0px;
}
a:active.lotteryr {
	background-position: 0 -150px;
	margin: 0px 0px 0px 0px;
}

a.lotteryl {
	float: left;
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 0px 00px 0px 0px;
	background: url(Buttons/lottery.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.lottery selector **/

a:visited.lotteryl {
	background-position: 0 -50px;
	margin: 0px 0px 0px 0px;

}
a:hover.lotteryl {
	background-position: 0 -100px;
	margin: 0px 0px 0px 0px;
}
a:active.lotteryl {
	background-position: 0 -150px;
	margin: 0px 0px 0px 0px;
}





/** Declaration for the a.home selector **/

a.home {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/home.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.home selector **/

a:visited.home {
	background-position: 0 -50px;
}
a:hover.home {
	background-position: 0 -100px;
}
a:active.home {
	background-position: 0 -150px;
}


/** Declaration for the a.button2 selector **/

a.button2 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button2.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.home selector **/
a:visited.button2 {
	background-position: 0 -50px;
}
a:hover.button2 {
	background-position: 0 -100px;
}
a:active.button2 {
	background-position: 0 -150px;
}




/** Declaration for the a.button3 selector **/

a.button3 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button3.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.home selector **/
a:visited.button3 {
	background-position: 0 -50px;
}
a:hover.button3 {
	background-position: 0 -100px;
}
a:active.button3 {
	background-position: 0 -150px;
}


/** Declaration for the a.button4 selector **/

a.button4 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button4.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.button4 selector **/
a:visited.button4 {
	background-position: 0 -50px;
}
a:hover.button4 {
	background-position: 0 -100px;
}
a:active.button4 {
	background-position: 0 -150px;
}


/** Declaration for the a.button5 selector **/

a.button5 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button5.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.button5 selector **/
a:visited.button5 {
	background-position: 0 -50px;
}
a:hover.button5 {
	background-position: 0 -100px;
}
a:active.button5 {
	background-position: 0 -150px;
}



/** Declaration for the a.button6 selector **/

a.button6 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button6.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.button6 selector **/
a:visited.button6 {
	background-position: 0 -50px;
}
a:hover.button6 {
	background-position: 0 -100px;
}
a:active.button6 {
	background-position: 0 -150px;
}


/** Declaration for the a.button7 selector **/

a.button7 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button7.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.button7 selector **/
a:visited.button7 {
	background-position: 0 -50px;
}
a:hover.button7 {
	background-position: 0 -100px;
}
a:active.button7 {
	background-position: 0 -150px;
}



/** Declaration for the a.button8 selector **/

a.button8 {
	display: inline-block;
	width: 100px;
	height: 50px;
	margin: 3px;
	background: url(Buttons/button8.jpg) no-repeat 0 0;
	border-style: ridge;
	border-width: 2px;
	border-color: #228b22;
	overflow: hidden;
	
	font-size: 0px;
	line-height: 0px;
}
/** Declaration for the additional states of the a.button8 selector **/
a:visited.button8 {
	background-position: 0 -50px;
}
a:hover.button8 {
	background-position: 0 -100px;
}
a:active.button8 {
	background-position: 0 -150px;
}






/************************* ID's *************************/ 

#header { 
	position: relative; 
	z-index: 10;  
	//**width: 850px;**//
	height: 75px; 00000;
	text-align:center;
	//**border: 5px solid #C6EC8C;**//
	font-weight: normal; 
	//**margin-left: 10px;**//
	
} 
#gallery { 
	position: relative; 
	z-index: 12;  
	width: 850px;
	text-align:center;
	//**border: 5px solid #C6EC8C;**//
	font-weight: normal; 
	margin-left: 10px;
	
} 

#navigation { 
	position: relative; 
	z-index: 12;  
	height: 70px;
	text-align:center;
	//**margin-top: 75px;**//	
	margin: 0, auto; 
	//**border: 1px solid #C6EC8C;**// 
	font-weight: normal; 
} 

	#centerDoc {
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	z-index: 15;
	text-align:center;
	padding: 0 0 20px 20px; /*top right bottom left*/
	//**margin-top: 150px;**//
	
	//**margin-right: 20px;**//
	//**margin-left: 20px;**//
	
	
}
	#background{
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	z-index: 17;
	text-align:center;
	background: url(images/Overall/arial.jpg) no-repeat center;
	background-align: center;
	padding: 0 0 0px 0px; /*top right bottom left*/
	//**margin-top: 150px;**//
	
	//**margin-right: 20px;**//
	//**margin-left: 20px;**//
	
	
}
	#plan {
	align: center;
	border-style: none;
	border-width: 0px;
	//**opacity:0.2;
	filter:alpha(opacity=20);
	**//
}






	#textDoc {
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	z-index: 20;
	text-align:center;
	padding: 0 0 20px 20px; /*top right bottom left*/
	margin-left: 20px;		
	margin-right: 30px;
}

	#listDoc {
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	z-index: 25;
	text-align: left;
	padding: 0 0 0 0; /*top right bottom left*/
	
	margin-left: 100px;		
	margin-right: 100px;
}


#texthalfDoc {
	position: absolute;
	font-family: Arial, Verdana, Sans-serif;
	z-index: 30; 
	padding: 0 0 20px 20px; /*top right bottom left*/ 
	margin-top: 50px;
	margin-left: 235px;  }




#footDoc {
	position: relative;
	font-family: Arial, Verdana, Sans-serif;
	z-index: 35;
	padding: 0 0 0px 0px; /*top right bottom left*/
	margin-left: 70px;		
	margin-right: 70px;
}


.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}

.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}