@font-face {
    font-family: SteveHandwriting;
    src: url(shfont.ttf);
}

BODY {
        margin: 0px auto;
	background:#DED8CF;
	text-align: center;
     }

img {
	margin: 0 auto;
	max-width: 100%;
}


a {
	color: #0000FF;
	text-decoration: none;
}


header {
	min-height: 60px;
	padding: 0px 15px;
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
	font-face: 'SteveHandwriting' !important;
	font-size: 28px !important;
}



h6 {
	font-size: 10px;
	font-weight: 100;
}

li {
	color: #000000;
}


table { 
		width: 100%; 
		border-collapse: collapse; 
		white-space: nowrap;
}

	/* Zebra striping */
tr:nth-of-type(odd) { 
		background: #eee; 
}

th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
}

td, th { 
		padding: 1px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}

.container {
    margin:10px auto;
    max-width: 850px;
    background: #FBFBFB; /* Old browsers */
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;

background: -moz-linear-gradient(top, #FBFBFB 0%, #D9D9D9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#D9D9D9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBFBFB 0%,#D9D9D9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBFBFB 0%,#D9D9D9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FBFBFB 0%,#D9D9D9 100%); /* IE10+ */
background: linear-gradient(to bottom, #FBFBFB 0%,#D9D9D9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#D9D9D9',GradientType=0 ); /* IE6-9 */    
    }

.menu {
	max-width: 19%;
	min-width: 19%;
	float: left;
	padding: 5px 15px;
	font-family: 'Verdana', sans-serif;
        font-size: 12px;
	line-height: 1.5;
	text-align: center;
}


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

.lista a {
	color: #000000;
}

.menu li {
    margin: 1px auto;
    background: #FEFEFE;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-spacing: 1px;
    padding: 2px 2px 2px 2px;
    z-index: 1;
    top: 30px;
    list-style-type: none;
}



.menu img {
	max-width: 89px !important;
	max-height: 33px !important;
	min-width: 89px !important;
}



.middle {
	width: 72%; /* Account for margins + border values */
	float: left;
	padding: 0% 1% 1% 1%;
	margin: 0px;
	font-family: 'Verdana', sans-serif;
        font-size: 13px;
	line-height: 1.5;
	text-align: justify;
}


.middle li {
	color: #000000 !important;
	list-style-type: square;
}


.middle li:nth-of-type(odd) { 
		background: #fff; 
}


.footer {
	max-width: 800px;
	clear: both;
	padding: 4px 4px;
	margin: 0px auto;
}


.footer font {
        font-family: 'Arial', sans-serif;
	font-size: 8 !important;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 480px or less */
@media screen and (max-width: 480px) {


header {
	min-height: 60px;
	padding: 0px 15px;
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
	font-face: 'SteveHandwriting' !important;
	font-size: 18px !important;
}


.container {
    margin:10px auto;
    max-width: 480px;
    background: #FBFBFB; /* Old browsers */
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;

background: -moz-linear-gradient(top, #FBFBFB 0%, #D9D9D9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#D9D9D9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBFBFB 0%,#D9D9D9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBFBFB 0%,#D9D9D9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FBFBFB 0%,#D9D9D9 100%); /* IE10+ */
background: linear-gradient(to bottom, #FBFBFB 0%,#D9D9D9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#D9D9D9',GradientType=0 ); /* IE6-9 */    
    }

.menu {
	min-width: 90%;
	float: none;
}



.middle {
	width: 90%; /* Account for margins + border values */
	clear: both;
}

.middle li {
	color: #000000 !important;
	list-style-type: square;
}

.footer {
	max-width: 800px;
	clear: both;


}