article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline;zoom:2}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;white-space:normal;margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal}button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure,form{margin:0}p,pre,dl,menu,ol,ul{margin:1em 0}
/* apply a natural box layout model to all elements - Chris Coyier css-tricks.com  */
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
body
{
	background-color:#d0e4fe;
	height:100%;                /*  this will cascade through to contained elements so that their height can be calculated */
	font-family: Arial, san-serif;
	font-size: medium;
}

h1, h2 {
    text-align:center;
    color:  #444;
    margin:0 auto;
}

h1
{
/*margin-top:1em;*/
    padding:5px;
}

h2{
   color:Black;
}

p
{
    font-family:"Times New Roman";
    font-size:0.8em;
    font-style: normal;
    font-weight:200; 
}


/* main layout */
#container {
	max-width:1280px;
	width:100%;
	margin: 0 auto;  /* set a width and margin auto to center elements  */
	height: 100%;
	background:#fffff1;
	display: table;
}
#container, #content, #rightCol {
	float:right;
	display:table-cell;
	height:100%;
	padding:20px;  /* always use the box-sizing reset above when padding*/
}



#header {
	float: left;
	width:100%;
	height:200px;
    
	background-color: rgba(150,180,130,.5);
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: 20px 25px;
}




#leftCol, #content, #rightCol {
	float:left;
	display:table-cell;
	height:650px;
	padding:5px;  /* always use the box-sizing reset above when padding*/
}

#leftCol, #rightCol{
	width:33.33%;
	height:650px;
	background: rgb(200,220,210);
}

/* http://www.colorzilla.com/gradient-editor/ */
#content {
	
	width:33.33%;
	background: #f9fffa; /* Old browsers */
	background: -moz-linear-gradient(top, #999999 0%, #effff9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#effff9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #999999 0%,#effff9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999999 0%,#effff9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999999 0%,#effff9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #999999 0%,#effff9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#effff9',GradientType=0 ); /* IE6-9 */
	text-align:justify;
	
	/*overflow:scroll;*/
}

#header img {
	top: 5px;
	margin:20 inherit ;
	float:left;
	padding:15px;
}
.thumb {
	
}


#footer{
	width:100%;
	height:250px;
	background: #444;
	color:white;
	float:left;
	clear:both;
	/*position:fixed;
	bottom:0;
	left:0*/
}
	#rightCol img {
		padding-left: 20px;

	}
	.thumb {
	
	}

	#leftCol img {
		padding-left: 20px;

	}
	.thumb {
	
	}
/*  navigation */
ul,li{
	list-style-type: none;
	}
	
	
li a {
	text-decoration: none;
	color:black;
	}

	#leftCol li{
		width:300px; /* width of Box*/
		height:30px;
		margin:0 0 10px 20px;
		border:1px solid #443322;
		text-align:center;
		padding-top:2px;
		border-radius:2px;
		box-shadow: 2px 2px 4px #333;
		background-color:rgba(120,140,130,.5)
	}
	#rightCol li{
		width:300px; /* width of Box*/
		height:30px;
		margin:0 0 10px 20px;
		border:1px solid #443322;
		text-align:center;
		padding-top:2px;
		border-radius:2px;
		box-shadow: 2px 2px 4px #333;
		background-color:rgba(120,140,130,.5)
		
	}
	
	#content li{
		width:300px; /* width of Box*/
		height:30px;
		margin:0 0 10px 20px;
		border:1px solid #443322;
		text-align:center;
		padding-top:2px;
		border-radius:2px;
		box-shadow: 2px 2px 4px #333;
		background-color:rgba(120,140,130,.5)
	}
	
	#leftCol li:hover {
		box-shadow: inset 2px 2px 4px #333;
		background-color:rgba(120,140,130,.8)
	}
	
	#rightCol li:hover {
		box-shadow: inset 2px 2px 4px #333;
		background-color:rgba(120,140,130,.8)
		}
	

	#footer li:hover {
		box-shadow: inset 2px 2px 4px #333;
		background-color:rgba(120,140,130,.8)
	
	}
	#content li:hover {
		box-shadow: inset 2px 2px 4px #333;
		background-color:rgba(120,140,130,.8)
	
	}
	
	
	

/*  floating an image 
.imgRight {
	float:right;
}*/
.imgLeft {
	float:left;
}

 .imgRight {
	float:right;
}
#content p{
	margin-top:1;
	font-family: 'Average', serif;
}