diff --git a/style.css b/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..6a3f136e7a85ce0319df402ae923054917a9f6a5
--- /dev/null
+++ b/style.css
@@ -0,0 +1,117 @@
+html,body{
+margin:0;
+padding:0;    
+}
+body{
+    font:90% calibri,sans-serif;
+    text-align: center;
+}
+div#header{
+background-color: bisque;
+}
+div#header h1{
+    height:80px;
+    line-height: 80px;
+    margin:0;
+    padding-left:10px;
+}
+div#container{
+    height:auto;
+    width:700px;
+    margin:0 auto;
+    text-align: left;
+}
+div#wrapper{
+float:right;
+width:500px;
+}
+div#wrapper p{
+    line-height:1.5;
+    text-align: justify;
+
+}
+div#navi{
+    float: left;
+    height: 500px;
+    width: 200px;
+    background: gainsboro;
+}
+div#navi ul{
+    margin-left: 10px;
+    list-style-type: square;
+}
+div#navi li{
+    margin-bottom:5px;
+}
+
+div#footer{
+    clear:both;
+    width:100%;
+    background:burlywood;
+}
+
+div#footer p{
+    margin:0;
+    padding:5px 10px;
+} 
+
+a{
+    padding:5px;
+    text-decoration: none;
+    color: #000000;
+}
+a:hover{
+    color:green;
+
+}
+
+p{
+    margin:0 10px 10px;
+
+}
+
+#heading{
+    text-align: center;
+
+}
+
+#center{
+    height:auto;
+    widows: 300px;
+    margin-left: 100px;
+}
+
+label,input,button,select,textarea{
+    display: block;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+input,select,textarea{
+   width=100%;
+
+}
+
+.error{
+    color:red;
+    text-align: center;
+}
+.success{
+    color: green;
+    text-align: center;
+}
+.record li
+{
+ list-style-type: square;
+margin-top:15px;
+}
+
+table{
+    width:100%;
+border-collapse: collapse;
+}
+
+table td,table th{
+    border:1px solid #ddd;
+    padding: 5px;
+}
\ No newline at end of file