/*
	SiteName by Adonis Ronquillo for Free Website Templates
	www.freewebsitetemplat.es / www.doni.us
	Images by Image Base http://imagebase.davidniblack.com/
	
	grayscale
	*{
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; 
    filter: grayscale(100%);
     }
	
	Released under the Creative Commons Attribution 3.0 License.
*/

@font-face {
    font-family: 'mitrbold';
    src: url('./font/mitr-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mitrextralight';
    src: url('./font/mitr-extralight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mitrlight';
    src: url('./font/mitr-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mitrmedium';
    src: url('./font/mitr-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mitrregular';
    src: url('./font/mitr-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mitrsemibold';
    src: url('./font/mitr-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*{
	filter: saturate(95%)
}

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline;
	color: #94c722;
}

a:hover {
	text-decoration: none;
}

body {
	font-size: 12pt;
	line-height: 1.75em;
	color: #3C3D3D;
	background-color: #FFFFFF;
}

body,input {
	font-family: "mitrlight", sans-serif;
}

br.clear {
	clear: both;
}

form {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4 {
	/* text-transform: lowercase; */
	font-weight: normal;
}

h2 {
	font-size: 1.75em;
}

h2,h3,h4 {
	margin-bottom: 1em;
	font-family: "mitrlight", cursive;
	color: #000;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
}

img {
	border:0px solid #021a40;
	 filter: saturate(95%)

}

img.border {
	border:1px dashed #e0e0e0;

}

img.left {
	float: left;
	margin: 8px 20px 20px 0;
}

img.top {
	margin: 8px 0 20px 0;
}

label.login {
	display: block;
	margin: 0 0 6px 5px;
}

p {
	margin-bottom: 1.5em;
}

ul {
	margin-bottom: 1.5em;
}

ul h4 {
	margin-bottom: 0.35em;
}

label {
	/*text-transform: lowercase;n*/
}

.imagedim {
	 filter: saturate(70%)
}

.blogpost h2 {
	margin: 0 0 10px 0;
}

.form {
	margin: 0 0 28px 0;
}

.inputBox, .inputTextArea {

	width: 85%;
	border: dashed 1px #ADAFB0;
	padding: 4px;	
	margin: 0 5px 0 5px;
}

.inputBoxPwd {

	width: 85%;
	border: dashed 1px #ADAFB0;
	padding: 4px;	
	margin: 0 5px 0 5px;
	color: #C0C0C0 ;
}

.inputButton {
	padding: 6px;
	float: right;
	color: #FFF;
	background: #4C9900;
	font-family: "mitrlight", cursive;
	border: none;
	text-shadow: 1px 1px 2px #000;
	margin: 0 5px 0 0;
}

.inputButton:hover {
	padding: 6px;
	float: right;
	color: #FFF;
	background: #0B5345;
	font-family: "mitrlight", cursive;
	border: none;
	text-shadow: 1px 1px 2px #000;
	margin: 0 5px 0 0;
	font-weight: bold;
}

.titleWhite {
	color: #FFF;
	font-family: "mitrlight", cursive;
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
}


.detailBlack {
	color: #000;
	font-family: "mitrlight", cursive;
}

#banner {
	position: relative;
	padding: 0;
	/*height: 264px;*/
	width: 900px;
	margin: 0 0 0 0;
	/*background: #4E6474; */
	background: #FFFFFF;
}

#box1 {
	margin: 0 0 24px  20px;
	overflow: hidden;
}

#box2 {
	margin: 0 0 24px 0;
	overflow: hidden;
}

#box3 {
	overflow: hidden;
}

#content {
	width: auto;
	margin: 0 0 0 0px;
	padding: 0;
}

#copyright {
	margin: 0 0 16px 0;
	padding: 48px 0 76px 0;
	text-align: center;
}

#copyright a {
	color: #3C3D3D;
}

#header {
	position: relative;
	padding: 8px;
	height: 150px;
	width: 100%;
	background-color: #FFFFFF;
}

#logo {
	position: absolute;
	top: 0;
	left: 1px;
	height: 154px;
	line-height: 154px;
	width: 702px;
}

#logo a {
	text-decoration: none;
	color: #000;
}

#logo a span {
	color: #94c722;
}

#logo h1 {
	font-size: 3.25em;
	font-family: "mitrlight", cursive;
}

#main {
	position: relative;
	padding: 0 ;
	width: 85%px;
	margin: 0 0 0 0;
}

#main .sectionList {
	list-style: none;
	padding-left: 0;
}

#main .sectionList li {
	clear: both;
	padding: 16px 0 16px 0;
}

#main ul {
	list-style: none;
}

#nav {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 52px;
	line-height: 52px;
	padding: 0 28px 0 28px;
	/*width: 1124px;*/
	width: 840px;
	
	margin: 0 0 0 0;
	font-family: "mitrlight", cursive;
}

#nav a {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.5em;
	color: #161616;

}

#nav ul {
	list-style: none;
}


#nav ul li {
	display: inline;
	padding: 16px;
}



#nav ul li.first {

}


#nav ul li.active {
	background: #94c722;
	font-weight: bold;
}

#nav ul li.active a {
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
}

#nav ul li:hover {
	background: #4C9900;
}

#nav ul li a:hover {
	color: #FFF;

}

#outer {
	position: relative;
	/*width: 1180px;*/
	width: 900px;
	margin: 28px auto 0 auto;
}

#search {
	position: absolute;
	top: 0;
	right: 40px;
	height: 154px;
	line-height: 154px;
}

#search input.button {
	margin-left: 1em;
	border: 0;
	color: #FFF;
	background: #AA6A3C;
	padding: 4px;
	font-family: "mitrlight", cursive;
}

#search input.text {
	border: dashed 1px #ADAFB0;
	padding: 4px;
}

#sidebar1 {
	width: 150px;
	float: left;
	padding: 0;
	background: #FFFFFF;
}

#sidebar2 {
	width: 300px;
	float: right;
	padding: 0;
}

#sidebar3 {
	width: 150px;
	float: left;
	padding: 0;
}