/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
	position: relative;
	top: 0;
		font-family: verdana,sans-serif;
		font-size: 110%;
		
	}
	
	.container p {
		color: #333;
		background: #fff;
		text-align: left;
		margin: 6px 0 0 0;
	}
	
	.container .footer {
		font-size: 75%;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		margin: 12px 0px 12px 0;
		border-top: 1px #222222 solid;
		padding-right: 0px;
	}

a {
	color: #369;
	text-decoration: none;
}

a:visited {
	color: #347D22;
}
a:hover {
	color: #6c8eba;
	text-decoration: underline;
}
#menu1 {
   overflow:visable;
   position:absolute;
   top: 12px;
   margin-left:225px;
}
#menu1 ul {
   list-style:none;
   margin:0;
   padding:0;
}
#menu1 ul li {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
   line-height:1.2em;
   float:left;
   margin:0;
   padding:0;
}
#menu1 ul li a {
	display: block;
	margin: 1px 0 0 1px;
	padding: 3px 10px;
	background: #fff;
	color: #333;
	text-decoration: none;
}
#menu1 ul li a:hover  {
   background:#369;
   color:#fff;
}

#menu1 ul li a.active,
#menu1 ul li:hover a.active {
   color:#fff;
   background:#6c8eba;
   font-weight:bold;
}	

#menu1 ul li form#search{
	width: 70px;
	margin: 1px 0 0 1px;
	padding: 0;
	display: block;
	height: 20px;
	background-color: #FFF;
}
#menu1 ul li form input.searchbox {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	font-size: 1em;
   line-height:1.2em;
	height: 14px;
	margin: 2px 0px 2px 4px;
	width: 40px;
	background: #FFF;
	color: #000;
}
#menu1 ul li form input.searchimg {
	display: inline;
	margin: 2px 4px 2px 0px;
	border: none;
}
	
#menu {
	padding: 0;
	margin-top: 0em;
	margin-left: 1em;
	}
#menu li {
	position: relative;
	top: -1.4em;
	float: left;
	list-style: none;
	background-color: #ccc;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
}
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.1em 0.6em 0.1em 0.6em;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	color: #fff;
	text-decoration: none;
}




.one-edge-shadow_off {
	-webkit-box-shadow: 0 8px 6px -6px #333;
	   -moz-box-shadow: 0 8px 6px -6px #333;
	        box-shadow: 0 8px 6px -6px #333;
}

@media all and (max-width: 1023px) {
#menu li {
	position: relative;
	top: -1.7em;
}
#menu li a:link, #menu li a:visited {
	line-height: 1.2em;
}

}	



.fourcol h1, .eightcol h1, .threecol h1, .fivecol h1, .twocol h1, .sixcol h1, .sevencol h1, .twelvecol h1{
font: 1.6em/1.2 arial,helvetica,verdana,sans-serif;
font-weight: bold;
margin-bottom: 0.3em;
margin-top: 0.6em;
}
.fourcol h2, .eightcol h2, .threecol h2, .fivecol h2, .twocol h2, .sixcol h2, .sevencol h2, .twelvecol h2{
font: 1.4em/1.2 arial,helvetica,verdana,sans-serif;
font-weight: bold;
margin-bottom: 0.3em;
margin-top: 0.6em;
}
.fourcol h3, .eightcol h3, .threecol h3, .fivecol h3, .twocol h3, .sixcol h3, .sevencol h3, .twelvecol h3{
font: 1.3em/1.2 arial,helvetica,verdana,sans-serif;
font-weight: bold;
margin-bottom: 0.3em;
margin-top: 0.6em;
}
.fourcol h4, .eightcol h4, .threecol h4, .fivecol h4, .twocol h4, .sixcol h4, .sevencol h4,.twelvecol h4{
font: 1.2em/1.2 arial,helvetica,verdana,sans-serif;
font-weight: bold;
margin-bottom: 0.3em;
margin-top: 0.6em;
}

.fourcol h5, .eightcol h5, .threecol h5, .fivecol h5, .twocol h5, .sixcol h5, .sevencol h5,.twelvecol h5{
font: 1em/1 geaorgia,times,serif;
font-weight: bold;
margin-bottom: 0.3em;
margin-top: 0.6em;
}

.fourcol hr, .eightcol hr, .threecol hr, .fivecol hr, .twocol hr, .sixcol hr, .sevencol hr, .twelvecol hr{
	border: 0 none;
	color: #999;
	background-color: #999;
	height: 1px;
}

.fourcol, .eightcol, .threecol, .fivecol, .twocol, .sevencol, .sixcol{
font: 0.72em/1.3 verdana,sans-serif;
}

a.searchresultlist {
	text-decoration: none;
}

a:hover.searchresultlist {
	text-decoration: underline;
}

/*Styling floated images via CKEditor*/
img[style*="left"] {
	margin: 0 10px 5px 0;
}
img[style*="right"] {
	margin: 0 0 5px 10px;
}


/************************LIGHTBOX***********/
img.zoomable {
	cursor: pointer;
	cursor: url(images/zoomin.cur);
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
}

#lightbox {
    background-color: rgba(255,255,255,0.8); 
    height: 100%; 
    left: 0; 
    position: fixed; // keeps the lightbox window in the current viewport
    text-align: center;
    top: 0; 
    width: 100%;
    z-index: 9999;
	cursor: pointer;
	cursor: url(images/zoomout.cur);
	cursor: -webkit-zoom-out; 
	cursor: -moz-zoom-out;
}

#lightbox h2 {
	margin: 0 auto;
    color: #fff;  
    font-size: 12px;
    text-transform: uppercase; 
}

#lightbox #content {
    display:table;
    vertical-align:middle; 
	height: 100%;
	width: 100%;
#	-moz-box-shadow: 0 0 25px #111;
#	-webkit-box-shadow: 0 0 25px #111;
#	box-shadow: 0 0 25px #111;
}
#lightbox #content img {
	display: table;
	margin: 10% auto;
	max-height: 100%;
	max-width: 100%;
}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
#menu1, #menu2 {
	position: relative;
	margin-top: 0em;
	margin-left: 0em;
	font-size: 1em;
	width: 100%;
	top: 0em;
	clear: both;
	float: none;
	display: block;
}

#menu li {
	position: relative;
	top: 0em;
}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}