body {
font-size: 100%;
font-family: arial, helvetica, arial, sans-serif;
line-height: 30px;	
color: #e1e1e1;
padding:0px;
margin:0px;
background-color: #000000;
background-image: url(../images/page-back.jpg);
}

a:link, a:visited {
color: #f8941d;
text-decoration: none;
font:bold;
}

a:hover, a:visited:hover, a:active {
color: #fff200;
text-decoration: underline;
font:bold;
}


h1 {
font: normal 220%/100% "arial", helvetica, arial, tahoma, verdana, sans-serif; 
color: #e1e1e1;
margin-bottom: 10px;  
margin-top: 10px; 
padding-bottom: 4px; 
letter-spacing: .25em;
}

h2 {
font-size:80%;
font-weight: normal;
color: #959595;
padding: 0px 0px;
letter-spacing: .25em;
margin:0px;}

/*--Used for toggle--*/
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 500px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	/*--background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top; --*/
	overflow: hidden;

	width: 525px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	/*--background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
/*--end of toggle--*/

h3 {
font-size:100%;
font-weight: normal;
padding: 0px 0px;
margin:0px;
line-height: 25px;	
}


h4 {
font-size:115%;
font-weight: normal;
letter-spacing: .5em;
padding: 0px 0px;
margin:0px;}

h5 {
font-size:70%;
font-weight: normal;
padding: 0px 0px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;


} 

/* ----------banner for logo-------------- */
#banner {
height:200px;
/* text-align: right; */
/* background-color: #0f2c02; */
/* padding: 0 51px 0 51px; */

margin: 0px; }

#banner img {
/* padding:10px 0px; */
} 

/* ----------nav-------------- */
#nav {
	letter-spacing: 0.25em;
	height:250px;
	width:300px;
	margin-top: 180px;
	bottom: 0px;
	font-size: 120%;
	line-height: 30px;		/* margin-left: 51px; */
}

#nav .on {
float: left;
margin: 0; padding: 0;
}

#nav p, #nav .on p {
float: left;
margin: 0; padding: 0;
}
#nav .on p a:link, #nav .on p a:visited, #nav .on p a:hover, #nav .on p a:visited:hover {
	color : #fcc28e;
	float: left;
	display: block;
}
#nav p a:link, #nav p a:visited {
	color : #f88218;
	text-decoration : none;
	float: left;
	display: block;
}

#nav p a:hover, #nav p a:visited:hover {
	color : #fcc28e;
	float: left;
	display: block;
	text-decoration : none;
	
}
.nnleftborder {
border-left: 0px solid #858a8c;
}
.nnrightborder {
border-right: 0px solid #4a4d4e;
}

/* ----------outer and inner----------------- */

#outer{ 
/*border-left: solid 200px #EBD3E0; /* color of the left column  */ 
/*border-right: solid 200px #EBD3E0; /* color of the right column  */ 
/* background-color: #3D622A;  /* color of the content column */
} 

#inner {
margin:0 -10px 0 10px;
width:98%;
font-size: 100%;
} /* The ie/pc pecularity */ 

/* --------------left and right content------------- */
.onewide, .oneandhalfwide, .twowide, .threewide, 
.fourwide, .fivewide, .sixwide, .twothirdsewide
{
    float: left;
	margin: 0 0 15px 0;
}

.addgutter
{
    margin: 0 10px 0 0;
    float:left;
}
.onewide {
width: 100%;
}

.twowide {
width: 430px;
}

.threewide {
width: 300px;
}

.twothirdsewide {
width: 600px;
}

/*
#left {
 width:310px; 
 float:left; 
 position:relative; 
 margin-right:1px;
 font-size: 70%;
 padding:0.35m;
 }
 #right {
 width:486px; 
 float:right; 
 position:relative; 
 margin-left:1px;
 }
*/
/* -----------------content--------------------- */ 
#content{
	position: relative;
	margin: 0px;
	padding: 0 10px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}



/*
h2, h3, h4, h5, h6 {
color: #ffffff; text-transform: uppercase; margin: 0; padding: 0;
}*/

#inner.twowide h2, #inner.onewide h2 {
font: normal bold 100%/110% arial, helvetica, arial, tahoma, verdana, sans-serif;
padding: 5px 10px;
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 

#foot {
font-size:70%;
color: #ded6b5;
background-color: none;
/*border-top-width:2px;
border-top-style:solid;
border-top-color:#7d6726;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#4c2813;*/
clear:left;
width:900px;
bottom: 0px;
/* margin-left: 51px; */
}

#footer {
background-repeat: no-repeat;
clear:left;
height: 90px;
padding-left: -51px;
/* height:70px; */
margin:0px; } 

#footinfo {
margin-top: -50px;
padding-left: -51px;
font-size:65%;
text-align:center;
}

#footinfo a:link, a:visited{
color: #f8941d;
text-decoration: none;
}

#footinfo a:hover, a:visited:hover{
text-decoration: underline;
color: #fff200;
}


/*  ----------------div shit---------------------- */ 
.container2 {
	width: 600px;
	margin: 10px auto;
}
#tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
}
#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
#tabs li a {
	text-decoration: none;
	color: #f88218;
	display: block;
	font-size: .8em;
	padding: 0 20px;
	outline: none;
}
#tabs li a:hover {
	border: 1px solid #f88218;
}
#tabs li.active, #tabs li.active a:hover  {
		border: 1px solid #f88218;
		}
#tabs li.active a:hover{
		border: 0px solid #f88218;


}
#tab_container {
	
	clear: both;
	float: left;
	width: 100%;
	
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	font-size: 1em;
}
.tab_content h3 a {
	color: #ac1b1b;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ac1b1b;
	padding: 5px;
}



/*  ----------------image hover---------------------- */ 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #ffffff;
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 */

}