/***************************************************
CSS Layout designed by Alt-Web Design and Publishing
http://alt-web.com November, 2010
Modified and Adapted by: "Webber McMasters Production Studios"
January, 2016 
***************************************************/


/**add vertical scrollbar gutter to short pages**/
html { overflow-y: scroll; font-size: 91%; height: 100%;}

body {
margin:0;
padding:0;
font: 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;

/* Original---
background: #BEAD7E url(../Images/BG/romanshade-gld.gif) repeat fixed;
*/

/* Japaneese cubes---
background-position: 0px 0px, 0px 0px, 40px 70px, 40px 70px, 0px 0px, 40px 70px;
background-image: linear-gradient(30deg, rgb(68, 68, 85) 12%, transparent 12.5%, transparent 87%, rgb(68, 68, 85) 87.5%, rgb(68, 68, 85)), linear-gradient(150deg, rgb(68, 68, 85) 12%, transparent 12.5%, transparent 87%, rgb(68, 68, 85) 87.5%, rgb(68, 68, 85)), linear-gradient(30deg, rgb(68, 68, 85) 12%, transparent 12.5%, transparent 87%, rgb(68, 68, 85) 87.5%, rgb(68, 68, 85)), linear-gradient(150deg, rgb(68, 68, 85) 12%, transparent 12.5%, transparent 87%, rgb(68, 68, 85) 87.5%, rgb(68, 68, 85)), linear-gradient(60deg, rgb(153, 153, 170) 25%, transparent 25.5%, transparent 75%, rgb(153, 153, 170) 75%, rgb(153, 153, 170)), linear-gradient(60deg, rgb(153, 153, 170) 25%, transparent 25.5%, transparent 75%, rgb(153, 153, 170) 75%, rgb(153, 153, 170));
background-size: 80px 140px;
background-color: rgb(85, 85, 102);
*/

/*background-image: url(../Images/BG/bonfire.png);*/
/*background-image: url(../Images/BG/blackllama.jpg);*/
background-image: url(../Images/BG/grey-vert-stripe.png);
/*ckground-image: url(../Images/BG/vertcloth.png);*/
background-repeat: repeat;
background-attachment: fixed;

/* test BG-color
background-color: lightblue;
*/

} /*End of body */

/**LAYOUT**/
#container {
width : 990px; /**page width in px, ems or %**/
margin : 0 auto; /**centers on screen**/
/*background: #943817 url(../Images/BG/rust1.gif) repeat;*/
/*background: #943817 url(../Images/BG/rust1.gif) repeat;*/
/*background-image: url(../Images/BG/vertcloth.png);*/
background-image: url(../Images/BG/hex-black.png);
background-repeat: repeat;
background-attachment: fixed;
border: 4px solid #9D8B5D;
/**ROUNDED CORNERS FOR MOZILLA, WEBKIT, LINUX, OPERA**/
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-khtml-border-radius: 35px;
border-radius: 35px;
/** BOX SHADOWS FOR NON-IE BROWSERS **/
-moz-box-shadow: 5px 5px 5px #333;
-webkit-box-shadow: 5px 5px 5px #333;
box-shadow: 5px 5px 5px #333;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 20px;
}

p {
    font-size: 14px;
}
h9 {
	font-size: 12px;
}

/**HEADER**/
#header {
margin:0;
padding:0;
width: 100%;
color: #FFF;
height: 5.5em;
}

/**LEFT SIDEBAR**/
#sidebar1 {
color: #FFF;
background: transparent;
/* ORIGINAL padding: 15px 10px; */
padding: 15px 10px;
/* ORIGINAL width: 160px; */
width: 200px;
float: left;
/**TO HELP IE OUT**/
overflow: hidden;
height: 1%;
}

#mainContent {
background: #EAEAEA;
/**ROUNDED CORNERS FOR MOZILLA, WEBKIT, LINUX, OPERA**/
-moz-border-radius: 65px;
-webkit-border-radius: 65px;
-khtml-border-radius: 65px;
border-radius: 65px;
border: 4px solid #9D8B5D;
/*margin: top right bottom left */
/*ORIGINALmargin: 25px 45px  0 225px;*/
margin: -35px 45px  0 225px;
padding: 10px;
height: 1%;
}

/**fixes 3px jog in IE6**/
* html #sidebar1 {margin-right:-3px}
* html #mainContent {margin-left:197px}

#footer {
padding: 0 10px;
}
/* BEGIN Vertical List Menu */
/*******************************************************************************************************************/
#navlist    {margin-left: 42px; width: 77px; height:800px;  font-size: 0.95em;}
/*#navlist    {margin-left: 42px; width: 125px; font-size: 0.95em;} */
#navlist ul {margin: 0; padding: 0;}
#navlist li {list-style: none;}

ul.top-level {background:#666;}

ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}

#navlist a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 /*
 text-indent: 10px; 
 */
 text-decoration:none;
 width:100%;
}

#navlist li{
list-style: none;
text-align: center;
border: 1px solid #CCBB8C;
margin: 0 0 0 -25px;
padding: 0;
width: auto;
}

#navlist a:hover{
 text-decoration:underline;
}

#navlist li:hover {
 background: #f90;
 position: relative;
} 

ul.sub-level {
    display: none;
} 

li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 60px;
    top: 12px;
}

ul.sub-level li {
    border: none;
    float:left;
    width:150px;
} 

#navlist .sub-level {
    background: #999;
}

/*Third Level*/
#navlist .sub-level .sub-level {
    background: #09C;
} 

/*RESET STYLES*/
li:hover .sub-level .sub-level {
	display:none;
}

.sub-level li:hover .sub-level {
	display:block;
} 

#navlist li a {
text-decoration: none;
display: block;
font-weight: bold;
line-height: 2;
background: #6D2C11;
/*width: 150px; */
width: 99px; 
}

/**Link Colors**/
#navlist li a:link {color:#CC9900} /**unvisited link**/
#navlist li a:visited { color:#CC9900}  /**visited**/
/**on mouse over, on click, on tab**/
#navlist li a:hover, 
#navlist li a:active, 
#navlist li a:focus{ color:#7C2F13; background: #CCBB8C;}
/**************************************************************************************************/
/* END vertical navlist */

/**TEXT STYLES**/
h1, h2, h3, h4, p {
margin: 5px;
padding: 10px;
}
h4 {color:maroon}

#header h1,
#header p,
#header address {
margin:0;
text-align: right;
padding-right: 45px;
padding-bottom: 6px;
}

#header h1 {font-size: 1.5em}

#mainContent p {padding: 0 8px;}

blockquote {
font-size: 17px; 
line-height: 1;
color: #666; 
font-style:italic;
margin: 20px;
}

/**LISTS**/
#mainContent ul li{
list-style:square;
font-size: 14px;
}

#sidebar1 h3,
#sidebar1 p {
margin: 10px;
padding: 5px;}

#footer p {
margin: 0;
padding: 10px 12px;
font-size: 13px;
font-weight:bold;
color: #FFF;
text-align: left;
} 
/**linked image opacity**/
a img {opacity:0.65;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);}

a img:hover,
a img:active,
a img:focus { opacity:1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
filter: alpha(opacity=100);}


/**Re-usable Classes**/
.left {text-align: left}
.center {text-align: center}
.right {text-align:right}


/**floated containers**/
.float_Left,
.float_Right,
.float_Right_Bigger {
/**width: 250px;/**adjust width in px, em or %**/
width: 325px;/**adjust width in px, em or %**/
margin: 12px;
padding: 12px;
border: 1px solid #A5411C;
background:#FFCE9D;
/**ROUNDED CORNERS FOR MOZILLA, WEBKIT, LINUX, OPERA**/
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-khtml-border-radius: 35px;
border-radius: 35px;
/** BOX SHADOWS FOR NON-IE BROWSERS **/
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
}

.float_Left {float:left;}
.float_Right, .float_Right_Bigger {float:right;}
.float_Right_Bigger {width: 375px;}    
.clearfloat {clear:both; line-height: 1px; visibility:hidden}

.box_scale {
             /*
			 width:200px;
             height:200px;
			 */
 			 width:200px;
             height:200px;

  -webkit-transform: scale(0.5);  /* Saf3.1+, Chrome */
     -moz-transform: scale(0.5);  /* FF3.5+ */
      -ms-transform: scale(0.5);  /* IE9 */
       -o-transform: scale(0.5);  /* Opera 10.5+ */
          transform: scale(0.5);
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
                     M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

 .columns_color_70_30 {
  background: linear-gradient(
    to right,
    
/*    lightyellow,
    lightyellow 30%,

    lightblue,
    lightblue 33.33%,    
*/    
/* lightblue = #ADD8E6 */
	#ED91ED,
    #ED91ED 70%,
   
/* lightgreen = #90EE90 */   
    #90EE90 70%,
    #90EE90
  );
  
  /* clearfix */
  overflow: hidden;
}
 
 .columns_color_one_third {
  background: linear-gradient(
    to right,
    
/*    lightyellow,
    lightyellow 33.33%,

    lightblue,
    lightblue 33.33%,    
*/    
/* lightblue = #ADD8E6 */
	lightyellow,
    lightyellow 66.66%,
   
/* lightgreen = #90EE90 */   
    #90EE90 66.66%,
    #90EE90
  );
  
  /* clearfix */
  overflow: hidden;
}
 .columns_color_two_thirds {
  background: linear-gradient(
    to right,
    
/*    lightyellow,
    lightyellow 33.33%,

    lightblue,
    lightblue 33.33%,    
*/    
/* lightblue = #ADD8E6 */
	lightyellow,
    lightyellow 33.33%,
   
/* lightgreen = #90EE90 */   
    #90EE90 33.33%,
    #90EE90 
  );
  
  /* clearfix */
  overflow: hidden;
}
.columns_color_one_half {
  background: linear-gradient(
    to right,
    
    lightyellow,
    lightyellow 50%,
    
    lightblue 50%,
    lightblue 50%,
    
    lightgreen 50%,
    lightgreen
  );
 
  /* clearfix */
  overflow: hidden;
}
.column_30PerCent {
  float: left;
  width: 30%;
  padding: 20px;
}
.column_70PerCent {
  float: left;
  width: 70%;
  padding: 20px;
}
.column_one_third {
  float: left;
  width: 33.33%;
  border: 1px solid black;
  padding: 20px;
}
.column_one_half {
  float: left;
  width: 50%;
  padding: 20px;
}
.column_two_thirds {
  float: left;
  width: 66.66%;
  border: 1px solid black;
  padding: 20px;
}
.column_one_fourth {
  float: left;
  width: 25%;
  padding: 20px;
}

* {
  box-sizing: border-box;
}

img.displayed {
    display: block;
/*    margin-left: auto; */
   margin-left: -30px;
    margin-right: auto;
}
.box2 {
  display: inline-block;
  width: 200px;
  height: 155px;
  margin: 1em;
}

.box {
  float: left;
  width: 200px;
  height: 155px;
  margin: 1em;
}
.after-box {
  clear: left;
}
#fb1 {
	margin: auto;
	margin-left: -24px;
	height: 36px;
	width: 100px;
/*	width: 60%; */
/*    border: 3px solid #73AD21;*/
/*    padding: 10px; */

}

div.fixedAlert {
    position: fixed;
    top: 14%;
    right: 32%;
    width: 366px;
    border: 3px solid #73AD21;
	z-index: 100;
}
div.fixedCounter {
    position: fixed;
    top: 40%;
    right: 32%;
/*	height: 255px; */
/*    width: 588px; */
/*    border: 3px solid #73AD21; */	
	z-index: 100;
}