@import url(https://fonts.googleapis.com/css?family=Open+Sans);

  	html{
		height: 100%;
	}
	body{
		height: 100%;
	  	font-family: 'Open Sans', sans-serif;
	 	color: #000000;
		background: url('') #FFFFFF;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	img{
		max-width: 100%;
	}
	EMBED{
		max-width: 100%;
	}
	iframe{
		max-width: 100%;
	}	
	form, ul, h1 {
		margin: 0;
	}
	a{
		color: #2a8dd4;
	}
	#logoimg{
		width: 150px;
		float: left;
	}
	#logotext{
		color: #023977;
		width: 600px;
		float: left;
		text-align: left;
	}
	#logotext h1{
		font-size: 3.5em;
		text-shadow: 4px 4px 2px rgba(255, 255, 255, 0.5);
		margin-bottom: 10px;		
	}	
	#logotext p{
		font-size: 0.9em;
		margin: 65px 0 0 40px;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
		font-weight: bold;		
	}	
	.clr{
		clear: both;
	}	
	/* STRUCTURE */
	
	#pagewrap {
		padding: 0;
		width: 1115px;
		margin: 0 auto;
	}
	header {
		clear: both;
	}
	header#topheader {
		background: url('/media/__design/toplogotype.jpg') #b4cbe2;
		cursor: pointer;
	}	
	nav {
		clear: both;
	}
	nav#topnav{
		/*
		padding-left: 6px;
		padding-right: 6px;
		*/
		background: url('/media/__design/bg_topmenu.jpg') #b4cbe2;	
		background-size: contain;
	}	
	nav#topnav ul{
		margin: 0;
		padding: 0;
		list-style: none;
		height: 40px;

	}
	nav#topnav ul li{
		margin: 2px 0 0 5px;
		padding: 0;
		float: left;
		display: block;
	}			
	#topDate{		
		margin: 7px 550px 0 0;
		padding: 0;
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		display: block;
		font-size: 0.9em;				
	}
	#left {
		width: 188px;
		float: left;
		padding: 0;
		margin: 0;
		color: #FFFFFF;
	}

	
	nav#leftnav ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav#leftnav ul li{
		margin: 0;
		padding: 0;
		display: block;
	}	
	
	nav#leftnav ul li a{
		margin: 1px 1px 1px 1px;
		padding: 2px 5px 2px 5px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		display: block;
		background-color: #45a5d7;
		font-size: 0.8em;
	}		
	nav#leftnav ul li a:hover{
		margin: 1px 1px 1px 1px;
		padding: 2px 5px 2px 5px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		display: block;
		background-color: #ee6262;
		font-size: 0.8em;
	}		
	nav#leftnav ul li a.leftmenuselected{
		margin: 1px 1px 1px 1px;
		padding: 2px 5px 2px 5px;
		color: #ee6262;
		text-decoration: none;
		font-weight: bold;
		display: block;
		background-color: #FFFFFF;
		font-size: 0.8em;
	}		
	
	
	#left .othercontent #sitecounter{
		color: #FFFFFF;
		text-align: center;	
		font-size: 0.8em;
		line-height: 120%;
		margin: 5px 0;			
	}	
	#left .othercontent #googlesearch{
		width: 96%;
		padding: 5px 0px;
		float: left;
		text-align: center;
		display: block;
		background: #FFFFFF;
		margin: 0 0 5px 2%;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;		
	}	
	#left .othercontent #googlesearch form{
		width: 100%;
	}			
		#left .othercontent #googlesearch input[type=text]{
			background: #FFFFFF;
			width: 70%;
			margin: 1px 3px 0px 5px;
			border: 1px solid #2a8dd4;	
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;		
			float: left;
		}	
		#left .othercontent #googlesearch input[type=image]{
	
			margin-right: 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;	
			float: left;	
		}	
	#left .othercontent #twitter{
		width: 96%;
		padding: 5px 0px;
		float: left;
		text-align: center;
		display: block;
		background: #FFFFFF;
		margin: 0 0 5px 2%;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;					
	}	
	#left .othercontent #links{
		color: #FFFFFF;
		text-align: center;	
		font-size: 0.8em;
		line-height: 120%;
		margin: 5px 0;			
	}	
	#left .othercontent #links img{
		text-align: center;
	}	
	#left .othercontent #links A{
		color: #FFFFFF;
		text-align: left;	
		font-weight: bold;		
		font-size: 0.9em;
		line-height: 150%;
		text-decoration: none;

	}
	#left .othercontent #links UL{
		margin: 0 0 5px 0;	
		padding: 0 25px;	
	}	
	#left .othercontent #links UL LI{
		margin: 0;	
		padding: 1px 0px 3px 0px;	

	}	
	#left .othercontent #links UL LI A{
		color: #FFFFFF;
		text-align: left;	
		font-weight: bold;		
		font-size: 0.9em;
		line-height: 120%;
		text-decoration: none;
	}
	#content {
		width: 504px; /* Account for margins + border values */
		float: left;
		padding: 7px 8px;
		margin: 0px 5px 5px 5px;
		text-align: center;
		
	}
	#content #folderHeader{
			width: 100%;
			max-width: 504px;
			margin: 0px 0px 10px 0px;
			padding: 0;
			float: left;
			display: block;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,d1d1d1+20&0.65+0,0+20 */
			background: -moz-linear-gradient(top,  rgba(132,166,204,0.50) 0%, rgba(209,209,209,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(132,166,204,0.50) 0%,rgba(209,209,209,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(132,166,204,0.50) 0%,rgba(209,209,209,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6495ED', endColorstr='#00d1d1d1',GradientType=0 ); /* IE6-9 */
			-webkit-border-radius: 6px 6px 0px 0px;
			-moz-border-radius: 6px 6px 0px 0px;
			border-radius:6px 6px 0px 0px;
		}
	
	
		#content h1{
			font-size: 1.4em;
			line-height: 120%;
			padding: 10px 0 20px 0;
			text-align: left;
			color: #040086;
			font-family: verdana, 'Open Sans', sans-serif;
			font-weight: normal;
		}
		#content h2{
			font-size: 1.2em;
			line-height: 120%;
			padding: 10px 0 20px 0;
			text-align: left;
			color: #040086;
			font-family: verdana, 'Open Sans', sans-serif;
			font-weight: normal;
		}
		
		#content h1.foldertitle{
			text-align: center;
		}
		#content h2.artlistheader{
			text-align: left;
			font-size: 1.4em;
			margin: 10px 0px 10px 0px;
			padding-top: 15px;
			border-top: 1px solid #84a6cc;			
		}		
		#content h3.artlistheader{
			text-align: left;
			font-size: 1.4em;
			margin: 10px 0px 10px 0px;
			padding-top: 15px;
			border-top: 1px solid #84a6cc;
		}		
		#content p{
			line-height: 150%;
			text-align: left;
			font-size: 0.9em;
		}
		#content ul{
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: left;
		}	
			#content ul li{
				width: 100%;
				max-width: 504px;
				margin: 0px 0px 15px 0px;
				padding: 0;
				float: left;
				display: block;
			}	
			#content ul li.artlist0{
				background: #eef4fe;				
				margin: 0px 0px 0px 0px;
				padding: 7px 0px 7px 0px;
				-webkit-border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				border-radius:5px 5px 5px 5px;	
			}	
			#content ul li.artlist0:hover{
				background: #9acaed;				
				margin: 0px 0px 0px 0px;
				padding: 7px 0px 7px 0px;
				-webkit-border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				border-radius:5px 5px 5px 5px;	
			}				
			#content ul li.artlist1{
				background: #FFFFFF;
				margin: 0px 0px 0px 0px;
				padding: 7px 0px 7px 0px;				
				-webkit-border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				border-radius:5px 5px 5px 5px;							
			}	
			#content ul li.artlist1:hover{
				background: #9acaed;				
				margin: 0px 0px 0px 0px;
				padding: 7px 0px 7px 0px;
				-webkit-border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				border-radius:5px 5px 5px 5px;	
			}					
			#content ul li.artlist2{
				background: #feeeee;
				margin: 0px 0px 0px 0px;
				padding: 7px 0px 7px 0px;				
				-webkit-border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				border-radius:5px 5px 5px 5px;							
			}	
							
			#content ul li h3{
				font-size: 1.0em;
				color: #040086;
				padding: 8px 8px 0px 8px;
				margin: 0;	
				line-height: 120%;
			}		
			#content ul li h4{
				font-size: 0.7em;
				color: #006b9f;
				padding: 5px 5px 0px 5px;
				margin: 0;	
				line-height: 110%;
			}			
			#content ul li a{
				font-size: 1.1em;
				color: #006b9f;
				text-decoration: none;
			}	
			#content ul li h4 a{
				font-size: 0.7em;
				color: #006b9f;
				text-decoration: none;
			}						
			#content ul li aside{
				font-size: 0.8em;
				color: #000;	
				padding: 0px 8px 6px 8px;
			}						
			#content .pagebrowserclass{
				width: 100%;
				max-width: 504px;
				margin: 0;
				padding: 0;
				float: left;
				text-align: center;
				display: block;
				background: #ecf5ff;
				margin-bottom: 5px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;			
			}
				#content .pagebrowserclass p{
					font-size: 0.9em;
					color: #000;		
					margin: 0;
					padding: 0;	
					text-align: center;				
				}
				#content .pagebrowserclass a{
					font-size: 0.9em;
					color: #2a8dd4;		
				}	
		
		#content .bloggFoot a{
			font-size: 1.0em;
			color: #006b9f;
			text-decoration: none;
		}	
		#content .bloggFoot a.grey{
			font-size: 1.0em;
			color: #909090;
			text-decoration: none;
		}	
			#content .bloggFoot ul{
				margin: 0;
				padding: 0;
				list-style: none;
			}

			#content .bloggFoot ul li{
				width: 45%;
				float: left;
				display: inline-block;
				margin: 0 20px 0 0;
				padding: 5px 5px;
				list-style: none;
				background: #e8eff4;
				-webkit-border-radius: 4px 4px 0px 0px;
				-moz-border-radius: 4px 4px 0px 0px;
				border-radius:4px 4px 0px 0px;					
			}

			#content .bloggFoot ul li:last-child{
				width: 40%;			
				float: right;			
				display: inline-block;
				margin: 0 !important;
				padding: 5px 5px;
				list-style: none;
				background: #f1f1f1;
				-webkit-border-radius: 4px 4px 0px 0px;
				-moz-border-radius: 4px 4px 0px 0px;
				border-radius:4px 4px 0px 0px;					
			}		
		
		.blogCommentCount a{
			color:#444444;
			text-decoration: none;
		}	
		#rBlog{
			background: #e8eff4; 
			padding: 5px 10px; 
			margin: 0 0 10px 0;
			text-align: left;
			border: 1px #e2e1e1 solid;
			border-top: none;
			border-left: none;
			display: none;			
		}	
		#rBlog ul li.blogCommentlist{
			background: #e8eff4;
			color: #444444;
			font-size: 0.9em;			 
		}	
		#rBlog ul li.blogCommentlist div{
			margin: 0 0 5px 0;		 
		}		
		#wBlog{
			background: #f1f1f1; 
			padding: 5px 10px; 
			margin: 0 0 10px 0;
			text-align: left;
			border: 1px #e2e1e1 solid;
			border-top: none;
			border-left: none;
			display: none;				
		}	
		#wBlog input[type=text], textarea{
			background: #FFFFFF;
			width: 98%;
			margin: 1px 3px 0px 0px;
			border: 1px solid #2a8dd4;	
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;		
			float: left;
		}	
		
		#content .classBlog{
			text-align: left;			
			display: none;
		}	
		#content .classBlog textarea{
			height: 150px;			
			
		}	
		#content span.grey{
			color: #777777;
		} 					
		#content .nonews ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}	
			#content .nonews ul li{
				padding: 0;
				list-style: none;
				margin: 0px 0px 20px 10px;
				float: left;
				display: block;
				background: -moz-linear-gradient(top,  rgba(224,224,224,0.65) 0%, rgba(209,209,209,0) 0%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(224,224,224,0.65) 0%,rgba(209,209,209,0) 0%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(224,224,224,0.65) 0%,rgba(209,209,209,0) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e0e0e0', endColorstr='#00d1d1d1',GradientType=0 ); /* IE6-9 */
				-webkit-border-radius: 6px 6px 0px 0px;
				-moz-border-radius: 6px 6px 0px 0px;
				border-radius:6px 6px 0px 0px;				
			}	
				#content .nonews a{
					font-size: 1.8em;
					color: #006b9f;
					text-decoration: none;			
				}								
	#sidebar1 {
		width: 169px;
		float: left;		
		padding: 8px 2px 8px 2px;
		margin: 0;	
	}
	#sidebar2 {
		width: 220px;
		float: left;		
		padding: 8px 2px 8px 2px;
		margin: 0px 0px 0px 0px;	
	}
		#sidebar2 .othercontent{
			max-width: 220px;
			padding: 5px 8px;
			background-color:#ffffff;
			margin: 3px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;					
		}				

	#sidebar1 #othercontent #dictionaryheader{
		background-color:#006b9f;
		text-align: left;
		height: 48px;	
		padding: 3px;
		border: 2px solid #FFFFFF;
		border-bottom: 0px solid #FFFFFF;
	}
	#sidebar1 #othercontent #dictionaryheader a{
		color: #FFFFFF;
		font-size: 0.6em;
		text-decoration: none;	
	}
	#sidebar1 #othercontent #dictionarycontent{
		background-color:#eef4fe;
		text-align: left;	
		padding: 3px;
		font-size: 0.75em;	
		color: #006b9f; 	
		border: 2px solid #FFFFFF;	
		border-top: 0px solid #FFFFFF;	
	}
	#sidebar1 #othercontent #dictionarycontent a{
		text-decoration: none;
	}		
	#sidebar1 #othercontent #dictionarycontent a:hover{
		text-decoration: underline;
		color: #ff4545;
	}	
	#sidebar2 .othercontent #links{
		color: #FFFFFF;
		text-align: left;	
		font-size: 0.8em;
		line-height: 100%;
		margin: 5px 0 15px 0;			
	}	
	#sidebar2 img{
		text-align: center;

	}	
	#sidebar2 UL{
		margin: 0 0 5px 0;	
		padding: 0 25px;	
	}	
	#sidebar2 UL LI{
		margin: 0;	
		padding: 1px 0px 0px 0px;	

	}	
	#sidebar2 UL LI A{
		color: #FFFFFF;
		text-align: left;	
		font-weight: bold;		
		font-size: 0.8em;
		line-height: 100%;
		text-decoration: none;
	}	
	
	
	
	footer {
		clear: both;
		padding: 2px 15px 2px 15px;
		margin-bottom: 15px;
		text-align: center;
		padding: 10px;
	}
	.readmore{
		padding: 10px 0;
		text-align: right;
		color: #FFFFFF;
	}
	

	nav#leftnav{
		padding: 1px 1px 1px 1px;

		margin: 3px 3px 0 3px;
	}	


#left {
	background: #84a6cc;
}
#content {
	background: #FFFFFF;
}
#sidebar1 {
	background: #d6d6d6;
	color: #FFFFFF;	
}
#sidebar2 {
	background: #84a6cc;
	color: #FFFFFF;
}
nav {
	background: #ecf5ff;
	/*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	*/
}
#content {
	margin-bottom: 5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
#left, #content, #sidebar1, #sidebar2  {
	margin-bottom: 5px;
	/*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	*/
}

#pagewrap, header, #left, #content, #sidebar1, #sidebar2, footer {
	border: solid 0px #ccc;
}
footer {
		color: #FFFFFF;
		background: url('/media/__design/bg_topmenu.jpg') #b4cbe2;	
		background-size: contain;
		border-top: 3px solid #cc3300;
		height: 30px;
	/*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	*/
}
footer P{
			margin: 0;
			padding: 0;	
}
.btnBlue{
	display: inline-block;
	background-color: #006b9f;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
}
.btnGreen{
	display: inline-block;
	background-color: #9dce64;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
}

/*	p	{
	  color: #red;
	  padding: 5px 10px 5px 10px;	
	  margin: 0px 0px 0px 0px;	
	  font-family: Verdana, Helvetica, sans-serif;
	  font-size: 12px;			  
	}		
*/	
.div_listcontent{
	width: 500px;
	/*background-color #f6f9fe:*/
	background-color: #f6f9fe;
	padding: 0px 0px 5px 0px;	
	margin: 0px 0px 0px 0px;		
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;		
	border: 1px solid #f6f9fe;		
}		
.div_listcontent:hover{
	width: 500px;
	/*background-color #f6f9fe:*/
	background-color: #FFFFFF;
	padding: 0px 0px 5px 0px;	
	margin: 0px 0px 0px 0px;		
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;		
	border-top: 1px solid #f6f9fe;
	border-bottom: 1px solid #f6f9fe;
	border-left: 1px solid #2436b2;
	border-right: 1px solid #2436b2;			
}		
.div_top {
	width: 500px;
	padding: 0px 0px 0px 0px;			  
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #2436b2;
	margin: 0px 0px 0px 0px;	
	background-image: linear-gradient(#bad7f5, #ffffff, #bad7f5);
	text-align: center;
	background-color: red;
}	
.div_bottom {
	width: 500px;
	height: 7px;
	padding: 0px 0px 0px 0px;			  
	border-radius: 0px 0px 6px 6px;
	border: 1px solid #2436b2;
	margin: 0px 0px 0px 0px;	
	background-image: linear-gradient(#bad7f5, #ffffff, #bad7f5);
	text-align: center;
	background-color: red;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;						
}		

.datetime {
	color: #0f0385;
	/*text-shadow: 3px 3px 1px black;*/
	padding: 3px 0px 2px 0px;	
	margin: 0px 0px 0px 0px;	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}	




@media print { 
	body, H1, H2, P {
		font-family: Georgia, Times, serif; font-size: 10pt;
	}
	H1 {
		font-family: Georgia, Times, serif; font-size: 14pt;
	}
	H2 {
		font-family: Georgia, Times, serif; font-size: 12pt;
	}
	#topheader, #topnav, #left, #sidebar1, #sidebar2, #artlistAside, #printandcomment, #blogcontent{
		display: none;
	}	
	#content{
		height: 100%;		
	}	
}