/*to specify your own class you put a . infront if there is no fullstop it will apply it to the tag. eg in css is body */ body { background-color : black; margin : 0px; padding : 0px; spacing : 0px; } .table { width :1005px; height : 700px; vertical-align : top; border-bottom : thin solid red; border-left : thin solid red; border-right: thin solid red; } .content { text-align : justify; vertical-align : top; horizontal-align : left; margin-left : 0px; font-family : Verdana; font-size : 11px; line-height : 16px; color : grey; } .intro{ text-align : justify; width : 600px; padding : 20px; vertical-align : top; horizontal-align : left; margin-left : 0px; font-family : Verdana; font-size : 11px; line-height : 16px; color : grey; } .datatable { width :750px; background : white; color : #5E5D5D; text-align : left; font-family : Verdana; font-size : 11px; line-height : 14px; vertical-align : top; padding : 7px; border-top : thin solid Black; border-left : thin solid Black; border-bottom : thin solid Black; border-right : thin solid Black; } h1 { text-align : justify; font-family : Verdana; font-size : 14px; font-weight : bold; line-height : 16px; color : #e55e1c; } h2 { text-align : justify; font-family : Verdana; font-size : 12px; font-weight : bold; line-height : 18px; color : #5E5D5D; } h3 { text-align : justify; font-family : Verdana; font-size : 12px; font-weight : bold; line-height : 14px; color : #eb7a52; } a:link {color: #b53f17} a:visited {color: #eb7a52} a:hover {color: red} a:active {color: Black} img {display: block} .footer { padding:5px; font-family: Verdana; font-size: 11px; color: yellow; text-align : center } div { position:relative; width:775px; height:360px; z-index:1; overflow:auto; overflow-x: hidden; visibility:visible; }