/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family: inherit;
	font-size:100%;
	vertical-align:baseline;
}
body {
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/*====================*/
/*== General Layout ==*/
/*====================*/
* {
    margin: 0;
}
html, body {
    height: 100%;
    font-family: 'Fresca', Arial, serif;
    background-image:url('../images/paper.jpg');
}
h1 {
    font-size: 34px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 19px;
}
h5 {
    font-size: 13px;
}
h6 {
    font-size: 11px;
}
a {
    text-decoration:underline;
    color:black;
}
/*170*/
#main-content {
    margin-left:160px;
    margin-top:65px;
    line-height:1.5;
    border-left: solid 1px #ccc;
    padding-left: 10px;
    text-align: justify;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
    width: 960px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 70px;
    line-height:1.5;
    margin-top:-165px; /* pushes page contents up */
}
	  
#footer, #push {
    height: 110px; /* .push must be the same height as .footer */
}
#footer {
    background:gray;
    text-align: center;
    padding-top: 15px;
}
#footer h2, #footer h3, #footer p {
    width: 960px;
    margin: 0 auto;
}
#footer h2 {
    color: #33ccff;
}
#footer p {
    line-height: 2;
}

/*header contents*/
#header {
    height: 165px;
    background-color: gray;
}
#logo {
    padding-bottom: 10px;
}
#donate {
    float: right;
    margin-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    text-decoration:none;
    background-color: rgba(0,0,0,.001);
}
#donate:hover{
    background-color: rgba(0,0,0,.1);
    -webkit-box-shadow: 2px 2px 3px 1px #4a4a4a;
    -moz-box-shadow: 2px 2px 3px 1px #4a4a4a;
    box-shadow: 2px 2px 3px 1px #4a4a4a;
}



#donate .button {
border:1px solid #15aeec;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
margin-left:170px;
text-decoration:none; display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
font-size: 20px;
color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}
 
#donate .button:hover {
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}

/*navigation bar menu items*/
#nav {
    float: left;
    background-color:#eee;
    width: 960px;
    z-index:20;
    -webkit-box-shadow: 2px 2px 3px 1px #4a4a4a;
    -moz-box-shadow: 2px 2px 3px 1px #4a4a4a;
    box-shadow: 2px 2px 3px 1px #4a4a4a;
    /*right, bottom, blurriness/size of entire shadow, size of shadow*/
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    text-transform: uppercase;
    font-size: 18px; 
    background-color: #eee;
    z-index:100;
}
#nav li {
    float:left;
    position:relative;
    padding-right:5px;
    padding-left:5px;
    display:block;
}
#nav li.highlight {
    background:#ccc;
}
#nav li + li {
    border-left: 1px solid #ccc;
}
#nav li ul {
    display:none;
    position:absolute;
    padding-top:1px;
    width:250px;
}
/*dropdown container*/
#nav li:hover ul{
    display:block;
    height:auto;
    width:200px;
    border:1px solid #ccc; 
}
/*actual content of dropdown*/
#nav li ul li{
    clear:both;
    border-style:none;
    width:200px;
}
#nav a {
    display:block;
    padding:7px 10px;
    color:#222;
    text-decoration:none;
}
#nav a:hover {
    color:#33ccff; /*blue*/
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

/*social media icons*/
ul.social {
    float:right;
    margin-top:-32px;
    margin-left: 0;
    list-style: none;
}
ul.social li {
    float: right;
    padding-right:25px;
}
ul.social a {
    display: block;
    width: 10px;
}
/*icon colors*/
.icon-facebook {
    color:#3B5998;
    margin-right: -8px;
}
.icon-twitter {
    color:#4099FF;
}
.icon-youtube {
    color:#CD332D;
    margin-left: -5px;
}
.icon-tumblr {
    color:#2c4762;
}
.icon-flickr {
    color:#494949;
}
.icon-linkedin {
    color:#0e76a8;
}
/*color on hover*/
.icon-facebook:hover,
.icon-twitter:hover,
.icon-youtube:hover,
.icon-linkedin:hover,
.icon-tumblr:hover,
.icon-flickr:hover {
    color: #ccc;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

#submenu {
    float: left;
    text-decoration: none;
    font-size: 17px;
    padding-top: 70px;
    width: 140px;
    padding-left: 5px;
    margin: 0;
    margin-right: 10px;
    
}

#submenu li {
    border-top:1px solid #ccc;
    list-style: none;
}
#submenu h3 {
    text-align: center;
}
#submenu a {
    text-decoration: none;
}
#submenu a:hover {
    color: #33ccff; /*blue*/
}


.mainpic {
    height:370px;
    width:790px;
    margin-top: 15px;
    -webkit-box-shadow: 2px 2px 3px 1px #4a4a4a;
    -moz-box-shadow: 2px 2px 3px 1px #4a4a4a;
    box-shadow: 2px 2px 3px 1px #4a4a4a;
}

#main-content hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }