body, html {
	margin: 0;
    padding: 0;
 	text-align:center;
	color:#FFF;
    font-family: 'Roboto', sans-serif;
	font-size:28px;
	height: 100%;
}

.body1 {
	background-image: url(grad1.jpg);
	background-repeat: repeat-x;
}

.body2 {
	background-image: url(grad2.jpg);
	background-repeat: repeat-x;
}

.tabwrapper { 
    height:60px;
	padding-top: 10px;
}

.taboff { text-decoration:none;
    border-bottom: 5px #FFF solid;
    color: 006699;
    margin-right:80px;
	}

.tabon {
    text-decoration:none;
    color: 006699;
    margin-right:80px;
    border-bottom: 5px #66CC66 solid;
}

a.taboff:hover { 
     border-bottom: 5px #66CC66 solid;
	}

.ulink{
font-size:28px;
font-weight:bold;
color: #FFF;
text-decoration:none;
}

a.ulink:hover{
    color: #CCFF99;
    text-decoration:none;
}


.slink{
font-size:28px;
font-weight:bold;
color: #336699;
text-decoration:none;
padding-left: 150px;
}

a.slink:hover{
    color: #3399CC ;
    text-decoration:none;
}

.clink{
font-size:28px;
font-weight:bold;
color: #66CC66;
text-decoration:none;
padding-left: 40px;
}

a.clink:hover{
    color: #339933;
    text-decoration:none;
}


.button01 {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background-color: #339933;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border: none;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family: 'Roboto', sans-serif;
	font-size:24px;
	font-weight:bold;
	padding:6px 42px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.button01:hover {
	background:none;
	background-color:#2DB34A;
}
.button01:active {
	position:relative;
	top:1px;
}