* /*Set's border, padding and margin to 0 for all values*/
{
    padding: 0;
    margin: 0;
    border: 0;
}

body, html
{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    background-color: black;
    color: white;
    text-align: center; /*** Centers the design ***/
    font-size: small;
}

p
{
    font-family: Arial,Helvetica,sans-serif,Verdana;
    font-size: small;
}

h1
{
    font-family: Arial,Helvetica,sans-serif,Verdana;
    color:gray;
    font-size:10px;
    display:inline;   
}

h1 a strong
{
    font-weight:normal;
    text-decoration:none;
    color:gray;
}

h2
{
    font-family: Arial,Helvetica,sans-serif,Verdana;
    color:gray;
    font-size:10px;
    display:inline;  
}

a
{
    color: white;
}

a:hover
{
    text-decoration:underline;
}

#mainLogo
{
    margin-left:250px;
    margin-top:-100px;
}

#introText
{
    margin-top:-115px;
    margin-left:300px;
    width:320px;
}

#introFlashLogo
{
    margin-left:250px;
    margin-top:-150px;
}

#contactDetails
{
    margin-top:-250px;
    margin-left:194px;
    width:387px;
    text-align:center;
}

#mapLinks
{
    margin-top:-5px;
    margin-left:330px;
}

.largeText
{
    font-size:40px;
}

.menuText
{
    text-decoration:none;
    margin-left:35px;
    margin-top:-21px;
}

.menuText a
{
    text-decoration:none;
}

.menuText a:hover
{
    text-decoration:underline;
}

.footerContact
{
    font-size:x-large;
    color:Gray;
}

.footerContact a
{
    font-size:x-large;
    color:Gray;
}
.clear
{
    clear: both;
}

#mainContainer
{
    width: 775px;
    margin: 0 auto; /*** Centers the design ***/
    background: black;
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

/**************************
HEADER
**************************/
#header
{
    background: black;
    padding: 1px;
    text-align:center;
    min-height:30px;
}

#header p
{
    display:inline;
    color:Gray;
    font-size:10px;
}

/**************************
CONTENT AND COLUMNS
**************************/


#middle
{
    width: 775px;    
    background: #fff;
}
* html #middle
{
    position: relative; /*** IE needs this  ***/
}

/**************************
TOP COLUMN 
**************************/
/*** div.top is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.top is carried over into the proper position. 
***/
#top
{
    width: 765px;
    background: url(texture.jpg);
    min-height: 150px;
    padding: 5px;
}
* html #top
{
    position: relative; /*** IE needs this  ***/
}
#menu
{
    padding:10px;
}

#middle
{
    background-color:Black;
    width:775px;
    min-height:250px;
}

#broadbandLink
{
    float:right;
    margin-top:-105px;
    color:white;
    text-align:right;
    font-size:x-small;
}

#broadbandLink a
{
    color:white;
}

#bottom
{
    width: 775px;
    min-height:150px;
    margin: 0 auto;
    text-align: center;
    background: url(texture.jpg);
    padding-top:5px;
}

#footer
{
    width: 775px;
    margin: 0 auto;
    text-align: center;

}

#footer p
{
    display:inline;
    color:Gray;
    font-size:10px;
}

#footer a
{
    text-decoration:none;
}