/********************************************
HTML ELEMENTS
********************************************/
/* top elements */
* { margin: 0; padding: 0; outline: 0; } /*sets no padding or margin around the body of our document*/
	 
body {
background-color: #fff; /*website background color (white)*/
background-repeat: repeat; /*repeats our background over and over*/
color: #FFFFFF; /*sets our text color for our website*/
font-family: Verdana, Tahoma, arial, sans-serif; /*sets the font family for our website*/
font-size: 70%; /*sets the font size in %, you can also use 12px or 14px etc... px stands for pixels*/
line-height: 1.0em; /*sets the height between each line of text.*/
}
/********************************************
WEBSITE LAYOUT
********************************************/
#wrap {
width: 100%;/*width of our wrap*/
background: #000000 repeat; /*sets our background color to white and uses our content.jpg as a background, the background is also repeated along the Y axis*/
margin: auto;/*center our margin to auto will center our website*/
text-align: left;/*aligns our text to the left*/
}
#content-wrap {
clear: both;/*The clear property sets the sides of an element where other floating elements are not allowed.*/
width: 1024px; /*width of our wrap*/
margin: 0px auto; /*sets our top margin at 5 pixels and the rest to auto*/
padding: 0px; /*sets 0 padding*/
background: #FFFFFF url(images/content.png) no-repeat center top;
}
#header {
position: relative; /*An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position*/
height: 398px; /*sets our header height, this should be the same as our header image*/
background: #000000 url(images/header.png) no-repeat center top; /*sets a background behind our header and sets our header image onto the page*/
padding: 0; /*no padding is needed*/
}
/********************************************
WEBSITE LINKS
********************************************/
a, a:visited {
text-decoration: none;
background: inherit;
color: #FB9233;
}
a:hover {
text-decoration: underline;
background: inherit;
color: #FFFFFF;
}
/**********************************************
CONTENT
**********************************************/
#content {
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
line-height: 1.5em;
}
