initial commit

css/article.css

@@ -0,0 +1,42 @@
+article
+{
+	display:flex;
+	width: 90%;
+	min-height:700px;
+	margin: 0 auto;
+}
+article section
+{
+	flex: 1 1 auto;
+}
+.left{
+	width:10%;
+	padding:2%;
+	background-color: #657b83;
+}
+.right{
+	width:10%;
+	padding:2%;
+	float:right;
+	background-color: #93a1a1;
+}
+.center{
+	padding:5%;
+	width:80%;
+	background-color: #839496;
+}
+a.button{
+	display: inline-block;
+	margin:2px auto;
+	background-color: #586e75;
+	text-align: center;
+	color: white;
+	width:100%;
+	text-align: center;
+	padding: 2px;
+	border: 1px solid #073642;
+	
+}
+a.button:hover{
+	background-color: #073642;
+}

css/forms.css

@@ -0,0 +1,22 @@
+form{
+	width:100%;
+	margin-bottom:10px;
+}
+section{
+	width:90%;
+	min-height:700px;
+	margin:auto;
+	padding: 50px 20px 20px 20px;
+	margin-bottom:-5px;
+	background-color: #839496;
+}
+form a{
+	color: white;
+	text-decoration: none;
+}
+form a:visited, section a:visited{
+	color: rgb(219, 219, 219);
+}
+form a:hover, section a:hover{
+	font-weight: normal;
+}

css/input.css

@@ -0,0 +1,41 @@
+input, select {
+	-webkit-box-sizing: border-box;
+	-ms-box-sizing:content-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+article{
+	width: 50%;
+}
+.input{
+	width: 300px;
+	table-layout: fixed;
+	border-collapse: collapse;
+}
+a.button{
+	display: inline-block;
+	margin:2px auto;
+	background-color: #586e75;
+	text-align: center;
+	color: white;
+	width:100%;
+	text-align: center;
+	padding: 2px;
+	border: 1px solid #073642;
+	
+}
+a.button:hover{
+	background-color: #073642;
+}
+.buttons
+{
+	background-color: #586e75;
+	width:100%;
+	color: white;
+	padding: 2px;
+	border: 1px solid #073642;
+}
+input[type='text'],input[type='password'],input[type='email'],input[type='tel'],input[type='number'],input[type='date'], select
+{
+	width:100%;
+}

css/menu.css

@@ -0,0 +1,44 @@
+#menu {
+	position:fixed;
+	width:100%;
+	background-color: #002b36;
+}
+#menu ul {
+	list-style-type: none;
+	display: table;
+	margin: 0 auto;
+}
+#menu li {
+	float: left;
+}
+#menu li a, #menu li form {
+	display: inline-block;
+	text-align: center;
+	padding: 16px;
+}
+#menu li a:hover {
+	background-color: #073642;
+}
+
+body {
+	background-color: #073642;
+	color: white;
+	margin:0;
+}
+a {
+	color: white;
+	text-decoration: none;
+}
+a:hover {
+	font-weight:bold;
+}
+li.spacer{
+	display: inline;
+	width:65vw;
+}
+.msg{
+	display:flex;
+	width: 100%;
+	border: 1px solid #b58900;
+	margin: 0 auto;
+}

css/tables.css

@@ -0,0 +1,22 @@
+table{
+	width:100%;
+	margin-bottom:10px;
+}
+section{
+	width:90%;
+	min-height:700px;
+	margin:auto;
+	padding: 50px 20px 20px 20px;
+	margin-bottom:-5px;
+	background-color: #839496;
+}
+table a{
+	color: white;
+	text-decoration: none;
+}
+table a:visited, section a:visited{
+	color: rgb(219, 219, 219);
+}
+table a:hover, section a:hover{
+	font-weight: normal;
+}