body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}

/******** End CSS Reset *******/

body {
	font-family:Verdana, Geneva, sans-serif;
	background:url(images/bodyBG.jpg) repeat;
	font-size:100%;
	padding-top:30px;
}

#page {
	width:980px;
	margin:auto;
}

header {height:135px;
border-top: 12px solid #004d00;
position:relative;
-webkit-box-shadow: inset 2px 2px 3px 3px rgba(20, 15, 70, .5);
box-shadow: inset 2px 2px 3px 3px rgba(20, 15, 70, .5); 

background: #ccffcc;
}
header img {position:absolute; top: -38px; left: -30px;
}

header h1 {
	color:#601c24;
	font-family: 'Nunito Sans', sans-serif;
font-size:340%;
margin:0;
font-weight: 300;
padding-left:195px;
}

header h2 {
	color: #531919;
	font-family: 'Kaushan Script', cursive;
font-weight:bold;
font-size:18px;
margin:0;
padding-left:320px;
position:relative;
top: -5px;
}

#content {
	width: 980px;

background:#ccffcc;

-webkit-box-shadow: inset 3px 3px 3px 3px rgba(20, 15, 70, .5);
box-shadow: inset 3px 3px 3px 3px rgba(20, 15, 70, .5); 
}
#main {
	width:62.5%;
	float:right;
	padding: 20px;
}
#sidebar {
	width:25%;
	float:left;
	padding:20px 30px 20px 20px;
	text-shadow: 2px 2px 4px #2740;
filter: dropshadow(color=#2740, offx=2, offy=2);
}



footer {
	clear:both;
	padding:20px;
}


#icons
{
	margin-top:15px;
}

#tinylogo
{text-align:center;
}

/******** Basic Typography **********/

h1 {
	color:#983620;
font-size:550%;
margin:0;
font-weight:bold;
padding-left:175px;
}

h2 {
	color:#531919;
font-family: 'Kaushan Script', cursive;
font-weight:bold;
font-size:18px;
margin:0;
padding-top:10px;
padding-left:55px;
position:relative;
top: -10px;
}

h3 {
	font-size:140%;
	margin-bottom:.5em;
	color: #009;
}

h4 {
	font-family: 'Arsenal', sans-serif;
	color: blue;
font-weight:400;
font-size:18px;
}
p {
	font-size:100%;
	margin-bottom:1em;
	font-family: 'Arsenal', sans-serif;
}

h6 {text-align:center;
font-size:60%;
margin-top:15px;
}

h5 {font-family: 'Dancing Script', cursive;
	font-size:90%;
}

li {list-style-type:disc; margin-left:15px;
}

#list {font-family: 'Arsenal', sans-serif;
}
	
	
	
/************ Navigation *************/

#mainnav {
	overflow:hidden;
	-webkit-box-shadow: 0px -3px 5px 0px #d6d6d6;
-moz-box-shadow: 0px -5px 5px 0px #ccc;
box-shadow: 0px -3px 5px 0px #d6d6d6;
}

#mainnav li {
	float:left; list-style-type:none; margin: 0;
}

#mainnav a {
	display:block;
	width:196px;
	height: 35px
	line-height: 36px
	border-right: 1px solid #bfbfbf;
	text-shadow: 1px 1px 1px #e5e5e5;
	border-bottom: 1px solid #97b369;
	letter-spacing: 2px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#601c24;
	-webkit-box-shadow: 0px -3px 5px 0px #d6d6d6;
-moz-box-shadow: 0px -5px 5px 0px #ccc;
box-shadow: 0px -3px 5px 0px #d6d6d6;
letter-spacing:2px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); 



}
#mainnav li a.active {color:#F30; }

#mainnav a:hover {
	color:#862832;
	border-bottom: 1px solid #ad9d1a;
	/******* Anchor tag hover rule gradient ********/
background: #f3e2c7; /* Old browsers */
background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3e2c7), color-stop(50%,#c19e67), color-stop(51%,#b68d4c), color-stop(100%,#e9d4b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */

}

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color:#660000;}

a {text-decoration:none;}