<!-- submenustyle.css -->
<!-- For use with different sections of the house 	-->
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
* {
	margin: 0;
}

html, body {
	height: 100%;
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    background-color: #EEEEEE;
}

li{
display:inline;
}

ul
{
    list-style-type: none;
    white-space:nowrap;
    overflow-x:hidden;
	height: 100%;
	width: 100%;
}

#grad {
    background: -webkit-linear-gradient(top, rgba(100,0,0,0), rgba(100,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(0,190,204,0), rgba(0,190,204,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(0,190,204,0), rgba(0,190,204,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0,190,204,0), rgba(0,190,204,1)); /* Standard syntax (must be last) */
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}


.container{
	position: relative;
	top: 2%;
	left:2%;
	right:2%;
	<!--background-color: #87CEFA;-->
}


#homebutton{
	position: relative;
	bottom: 3%;
	left: 5%;
}

#pagetitle{
	vertical-align: bottom;
	<!-- color:#C9FFDB; -->
}

.L_title{
	margin-left: 28%;
	line-height: 150%;
	height: 72px;
	width: 72px;
}

.R_title{

	color:#FF7000;
	border-left-width: 20px;
}


#left{
	position: relative;
	top: 28%;
	left: 5%;
	width: 28%;
	height: 72%;
	font-size: 128%;
	font-family: 'Quicksand', sans-serif;
	<!--background-color: #64CC87; -->
}

#mid{
	position: relative;
	top: 28%;
	left: 35%;
	width: 72%;
	height: 72%;
	<!-- background-color: #64CC87; -->
	font-family: 'Ubuntu', sans-serif;
}