/* ----------MAIN BODY STYLES---------- */

* {
margin: 0px; /*sets 0 margin to the whole website*/
padding: 0px; /*sets 0 padding to the whole website*/
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif; /*website font family*/
background-color: #1b1c1f; /*website background color*/
background-color: #000000;
color: #FFFFFF; /*website default text color*/
}

a:link {
color: #ffffff; /*color of our hyperlinks*/
text-decoration: none;
}

a:visited {
color: #ffffff; /*color of visited hyperlinks*/
text-decoration: none;
}

a:hover {
color: #b27c12; /*color of the hyperlink when hovered over*/
text-decoration: underline; 
}

a:active {
color: #ffffff; /*color of our active links*/
text-decoration: none;
}

p {
font-size: 0.7em; /*sets default paragraph text size*/
line-height: 16px; /*sets default paragraph line height*/
text-align: none; /*justifys our paragraphs*/
}

.signature{
color: #ffffff;;
margin-top: 9px;
}

h1 {
color: #FFFFFF; /*color of our H1 tag*/
text-transform: uppercase; /*sets all H1 tags to uppcase*/
font-size: 1em; /*sets H1 font size*/
font-weight: normal; /*sets H1 font weight to normal*/
}

h2 {
color: #FFFFFF; /*color of our H2 tag*/
text-transform: uppercase; /*sets all H2 tags to uppcase*/
font-size: 0.9em; /*sets H2 font size*/
font-weight: bold; /*sets H2 font weight to normal*/
}

h3 {
color: #FFFFFF; /*color of our H3 tag*/
text-transform: uppercase; /*sets all H3 tags to uppcase*/
font-size: 0.8em; /*sets H3 font size*/
font-weight: bold; /*sets H3 font weight to normal*/
}

h4 {
color: #FFFFFF; /*color of our H4 tag*/
text-transform: uppercase; /*sets all H4 tags to uppcase*/
font-size: 0.7em; /*sets H4 font size*/
font-weight: bold; /*sets H4 font weight to normal*/
}

.float-left {
float:left; /*class for float left*/
}

.float-right {
float:right; /*class for float right*/
}

/* ----------MAIN CONTAINER STYLES---------- */
 
#container {
width: 700px; /*width of our container*/
margin-top: 10px; /*sets top margin to 0*/
margin-right: auto; /*sets right margin to auto which centers our website*/
margin-left: auto; /*sets left margin to auto which centers our website*/
}

/* ----------HEADER STYLES---------- */

#header {
float: left; /*floats our header left*/
width: 700px; /*gives our header a width of 760px*/
}

#top-elements {
float: left; /*floats top elements left*/
width: 700px; /*sets our top elements width to 760px*/
padding-top: 0px; /*gives our top elements a padding of 0px*/
}

/* ----------LOGO STYLES---------- */

#top {
float: left; /*floats our logo left*/
height: 410px; /*gives our logo a height of 120px same as our logo image*/
width: 700px; /*sets our logo div's height to 760px same as our logo image*/
padding-top: 0px; /*gives our top elements a padding of 0px*/
}
 
/* ----------FEATURED CONTENT STYLES---------- */

#featured {
float: right; /*floats our featured area right*/
width: 700px; /*gives our featured area a width of 760px*/
margin-top: 0px; /*gives our featured area a top margin*/
margin-bottom: 0px; /*gives our featured area a bottom margin*/
}

.featured-text {
float: left; /*floats our featured text left*/
width: 202px; /*sets our featured text box width*/
margin-top: 20px; /*gives our featured text box a top margin*/
padding-left: 20px; /*adds left padding to our featured text paragraph*/
}

.box-mainpage-right {
width: 240px;
height: 420px;
background-color: #0e0e0e;
border-width: 0px;
margin-left: 12px;
margin-top: 20px;
padding-left: 20px;
}

.box-mainpage-news {
width: 654px;
height: 690px;
background-color: #0e0e0e;
border-width: 0px;
margin-left: 0px;
margin-top: 20px;
padding-left: 5px;
padding-right: 5px;
}

.box-mainpage-race3 {
width: 654px;
height: 690px;
background-color: #0e0e0e;
border-width: 0px;
margin-left: 0px;
margin-top: 20px;
padding-left: 5px;
padding-right: 5px;
}

.box-mainpage-race4 {
width: 654px;
height: 990px;
background-color: #0e0e0e;
border-width: 0px;
margin-left: 0px;
margin-top: 20px;
padding-left: 5px;
padding-right: 5px;
}

.featured-text2 {
float: left; /*floats our featured text left*/
width: 350px; /*sets our featured text box width*/
margin-top: 60px; /*gives our featured text box a top margin*/
margin-left: 100px; /*adds left padding to our featured text paragraph*/

}

.nav-menu {
color: #FFFFFF; /*color of our font*/
text-align: center;
text-transform: uppercase; /*sets all tags to uppcase*/
font-size: 0.6em; /*sets font size*/
font-weight: normal; /*sets font weight to normal*/
margin-top: 16px;
}

#featured-text p {
font-size: 0.7em; /*sets our featured text paragraph font size*/
line-height: 24px; /*sets our featured text line height*/
text-align: justify; /*justifys our paragraphs*/
margin-top: 20px; /*adds top padding to our featured text paragraph*/
}

#featured-image01 {
float: right; /*floats our featured images right*/
width: 700px; /*gives our featured images a fixed width same as our images*/
background-repeat: no-repeat; /*stops images from repeating*/
background-position: right; /*sets background position right*/
background-position: top;
height: 530px; /*gives our featured image a fixed height same as our images*/
margin-top: 0px; /*gives our featured area a top margin*/
background-image: url(../jpg/main-intro.jpg); /*our featured image #1*/
}

#featured-image-news {
float: right; /*floats our featured images right*/
width: 700px; /*gives our featured images a fixed width same as our images*/
background-repeat: no-repeat; /*stops images from repeating*/
background-position: right; /*sets background position right*/
background-position: top;
height: 780px; /*gives our featured image a fixed height same as our images*/
margin-top: 0px; /*gives our featured area a top margin*/
background-image: url(../jpg/main-intro.jpg); /*our featured image #1*/
}

h1.featured {
color: #eaffff; /*sets featured H1 color*/
text-transform: none; /*transforms featured H1 tag to none*/
font-size: 12px; /*sets font size of featured H1 tag*/
font-weight: bold;
padding-left: 2px; /*adds padding to the left of our featured H1 tag*/
line-height: 24px; /*sets featured H1 tag's line height*/
}

h2.featured {
color: #eaffff; /*sets featured H2 color*/
text-transform: none; /*transforms featured H2 tag to none*/
text-align: center; /*justifys our paragraphs*/
font-size: 12px; /*sets font size of featured H2 tag*/
padding-left: 2px; /*adds padding to the left of our featured H2 tag*/
line-height: 24px; /*sets featured H2 tag's line height*/
}

/* ----------FOOTER STYLES---------- */

#footer {
margin-top: 0px; /*adds a top margin*/
}

#footer-content {
background-image: url(../jpeg/footer.jpg); /*adds our footer background image*/
background-repeat: no-repeat; /*stops background repeating*/
margin: auto; /*centers our footer*/
height: 10px; /*adds a fixed height*/
width: 700px; /*adds a fixed width*/
clear: both; /*clear's both floats*/
padding-top: 6px; /*adds top padding*/
text-align: center; /*aligns text center*/
}