﻿/* This sets the font for all text and makes the background Grey*/
body 
{
    font-family:Arial Black, Arial;
    background-color:Grey;
}

/*This section deals with the black background of the logo and the position */
.logo
{
    width:1280px;
    height:138px;
    background-color:Black;
    position:absolute;
    color:Red;
    font-family:inherit;
    white-space:nowrap;
    left: 0px; 
    top: 0px;
}

/*This deals with the logo text itself (mydrivinginstructor.com™) and the position of it*/

.logoText

{
    letter-spacing:2px;
    font-family:inherit;
    font-size:60px;
    margin-left:185px;
    margin-top:40px;
    position:absolute;
   
}

/* This makes the content section behave and stay in the right place */

.mainCont
{
    position:relative;
    width: 700px;
    left:600px; 
    bottom:200px;
    margin-left:-400px;

    
}

/* This sorts the navigation box */
.navBarTop

{
    
    
    margin-top:120px;
    height:226px;
    width:120px;
    
	
}

.navHead
{
	color:Black;
	right:10px;
}
/*This sorts out the navigation links*/

.navBarBottom

{
	color:Black;
	text-decoration:none
}



/* This sorts the font of the headings on each age (my-info etc)*/

.heading

{
    font-size:xx-large;
    font-weight:bold;
    color:Black;
}

/* This sorts the font of the main sections (under the headings) */

.content

{
    color:White;
    font-size:medium;
   
}

/* Contact form heading */

.contHead
{
	color:Black;
	font-size:medium;
}

/* Contact form text */

.contact
{
	color:White;
	font-size:small;
	
}

/* copyright etc */

.footer
{
	margin-top:50px;
	margin-left:20%;
	width:527px;
	color:White;
	font-size:small;
}

/*info text */

.infoText

{
	
	margin-left:255px;
	
}

