html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body  {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size:12px;
	background:#fff;
}
img {
	border:0;
}
a {
	color:#A0C14D;
	font-size:12px;
	text-decoration:underline;
}

p {
font-size:18px;
font-family:"times new roman";
line-height:1.5;
margin-bottom:18px;
}

h4 {
font-family:georgia, serif;
text-shadow: 1px 1px 3px #1f5c0b;
filter: dropshadow(color=#1f5c0b, offx=1, offy=1);
color:blue;
Margin-bottom:10px;
margin-top:8px;
font-size:18px;
}

a:hover {
	color:#A0C14D;
	font-size:12px;
	text-decoration:none;
}

#container { 
	width: 980px; 
	margin: 0 auto; 
} 
#header {
	padding:0 0 30px 0;
	margin:0 0 10px 0;
	text-align:center;
	}
	
#header h1 {
	font-size: 13px;
	text-indent: -999999em;
	display: none;
}

#header .logo a img {
	display: none;
}

.logo {
	float:left;
	padding-top:20px;
	width:220px;
	height: 104px;
	text-indent: -999999em;
	background: url(images/logo.png) bottom center no-repeat;
} 
.logo img {
	float:left;
}
.mainMenu {
width: 940px;
	float:right;
	margin:20px;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #92C1EA;
	background: rgb(207,231,250); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
}
.mainMenu li {
	display:inline;
	list-style:none;
}
.mainMenu li a {
	background: -moz-linear-gradient(center top , #9d9ea7, #ceced2) repeat scroll 0 0 transparent;
	-moz-border-radius: 0px 0px 15px 15px;
	color:#20212a;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	padding:25px 15px 15px 15px;
}
.mainMenu li a:hover {
	background: -moz-linear-gradient(center top , #779d19, #9fc04b) repeat scroll 0 0 transparent;
	-moz-border-radius: 0px 0px 15px 15px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	padding:25px 15px 15px 15px;
}
.mainMenu #active a {
	background: -moz-linear-gradient(center top , #779d19, #9fc04b) repeat scroll 0 0 transparent;
	-moz-border-radius: 0px 0px 15px 15px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:18px;
	padding:25px 15px 15px 15px;
}
.picHeader {
	background:url(images/headerPic.jpg) no-repeat left top;
	height:300px;
	width:980px;
	margin:20px 0 0 0;
}

.picHeaderBody {
	padding:60px 0 0 450px;
}

.button {
	background: -moz-linear-gradient(center top , #779d19, #9fc04b) repeat scroll 0 0 transparent;
    color: #FFFFFF;
	border:0;
	font-weight:bold;
    padding: 5px 15px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
    min-width: 80px;
	cursor:pointer;
	line-height:40%;
	margin-left:330px;
}
.slogan {
	color:#FFFFFF;
	font-size:48px;
	font-family:Georgia,"times new roman", sans-serif;
}
.slogan2 {
	color:#8d8e99;
	font-size:24px;
	line-height:1.5;
}

hr.clear {
width:100%;
height: 18px;
border:none;
}

span.italic {
font-style:italic;
}

span.italic a {
font-size:18px; 
}

#sidebar1 {
	float: left;
	width: 290px;
	height:771px;
	background:#a0c14d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px 3px #ccc;
	-moz-box-shadow: 0px 2px 5px 3px #ccc;
	box-shadow: 0px 2px 5px 3px #ccc;
	border:1px solid #BED686;
}
#sidebar1 h3 {
	font-family:tahoma;
	font-size:28px;
	color:#20212a;
	padding:20px 20px 10px 20px;
}
#sidebar1 ul {
	padding:0 20px 20px 20px;
}
#sidebar1 li {
	list-style:none;
	padding:0 0 6px 0;
	background:url(images/p.png) no-repeat left 2px;
	padding-left:12px;
	margin-bottom:18px;
}
#sidebar1 li a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#sidebar1 li a:hover {
	color:#404933;
	text-decoration:none;
	font-weight:bold;
}
#mainContent { 
	margin: 0px 0 0 330px; 
	text-align:left;
}

#mainContent h1, #mainContent h2 {
	margin-bottom:36px;
	font-family:tahoma;
	font-size:36px;
	color:#a0c14d;
	border-bottom: 1px solid #8E8ED8;
	text-shadow: 2px 2px 3px #8383db;
	filter: dropshadow(color=#8383db, offx=2, offy=2);	
	text-align:left;
	} 
	
#mainContent h2 {
	padding:40px 0 20px 0;
}
 
#mainContent h3 {
font-size:18px;
padding:10px;
text-align:center;
}

#mainContent ul li {
margin-bottom:10px!important;
}

.picLeft {
	float:left;
	margin:10px;
	-webkit-box-shadow: -2px 2px 5px px #c1c1cc;
	-moz-box-shadow: -2px 2px 5px 0px #c1c1cc;
	box-shadow: -2px 2px 5px 0px #c1c1cc;
}
#footer {
	padding:30px 0;
	-moz-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0px 0px;
	background:#21212B;
	color:#fff;
	font-size:11px;
	margin:30px 0 0 0;
} 
#footer a {
	color:#f4f4f4;
	font-size:12px;
	text-decoration:underline;
	font-size:11px;
}
#footer a:hover {
	color:#f4f4f4;
	font-size:12px;
	text-decoration:none;
	font-size:11px;
}
.copyright {
	float:left;
	width:270px;
	text-align:right;
	border-right:1px solid #53555f;
	padding-right:30px;
}
.icons {
	float:right;
	width:270px;
	border-left:1px solid #53555f;
	padding-left:30px;
}
.icons li {
	list-style:none;
	display:inline;
}
.author {
	margin:0 270px 0 330px;
	text-align:center;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainContent ul li {
	line-height: 1.4em;
}

@media only screen and (max-device-width:320px) {
	a:hover {color: #A0C14D}
	#container {width:320px; overflow-x:hidden;}
	
	#header .picHeader {display:none;}
	#header h1 {  font-size:140%; text-align:center; }
	#mainContent { float: none; width:90%; margin:0; padding:0 10px; text-align:justify;}
	#mainContent h1 { text-align:left; } 
	#mainContent h2 { font-size:120% }
	.mainMenu { float:none; width:auto; text-align:left; margin:10px; padding:8px;}
	.mainMenu li {display:block;width:100%; margin-bottom:10px;padding-top:8px;}
	.mainMenu li  a {padding:0; margin:0;}
	#sidebar1 {display:none;}
	.logo {float:none; width:320px; text-align:center; display:block; height:84px;margin:0; padding:10px;}
	.picLeft {display:block; height:100px; width:200px;}
	#footer {width:100%; margin:0; padding:50px 0 0 0;  -moz-border-radius:0; border-radius: 0; -webkit-border-radius:0; text-align:left; height:60px;background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */}
	.icons {display:none;}
	.copyright {border:none; width:100%;text-align:center;}
	}