@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
	font-family: Roboto, Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 85%;
	margin: 30px;
	background-color: #cfd8dc;
}

table tr td, th {
	font: Roboto;
}

p {
	font-size: 1.0em;
}

#body-container {
}

#container {
	background-color: #eceff1;
	box-shadow: 0px 0px 20px #333;
	margin: 0 auto;
	padding: 10px;
	width: 1000px;
}

h1 {
	text-align: right;
	font-family: Tahoma;
	font-size: 2em;
	font-weight: bold;
}

h2 {
	text-align: right;
	font-size: 1.5em;
}


#header {
	font-size: .8em;
	text-align: right;
	background-color: #00478a;
	margin-bottom: 1px;
	text-transform: uppercase;
	text-align: right;
	padding: 10px;
	margin-top: 10px;
}

#wrapper {
	/*overflow:hidden;*/
	float: left;
}

#menu {
	width: 180px;
	background-color: #00478a;
	float: left;
	height: 200px;
}

#content {
	margin-top: 10px;
	margin-left: 210px;
}

#footer {
	clear: left;
	font-size: 1em;
	text-transform: uppercase;
	text-align: right;
	color: #FFF;
	background-color: #00478a;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	margin: 0px;
	padding: 5px 15px 5px 15px;
}



h3 {
	font-size: 1em;
}

h4 {
	font-size: .9em;
}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color: #FFF;
}

a:visited {
	color: #FFF;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #FFF;
}