/*This is the normal style sheet for the Su Goddard site*/

/*Fonts and links*/

body {
background-color: #ffffff;  /*This is colour for the background*/
background-image: url('../images/tile5.jpg');
color: #000000;  /*This is colour for the text*/
font-family: Verdana, sans serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 0;
}

h1 {
color: #335993;
font-size: 1.2em;
text-align: left;
font-style: none;
letter-spacing: 2px; 
}

h2 {
color: #335993;
font-size: 1.1em;
font-style: italic;
}

h3 {
color: #335993;
font-size: 1em;
font-style: none;
}

h4 {

font-size: .8em;
font-style: italic;
color: #335993;
}

h5 { /*suppliers*/
font-size: .8em;
font-weight: bold;
font-style: italic;
color: #D23D2E;
}

h6 {
font-size: .8em;
font-weight: normal;
font-style: italic;
text-align: center;
}

p {
font-size: .8em;
text-align: justify;
line-height: 1.7em;
}

/*p:first-letter {
color:  #8F61A2;
font-size: xx-large;    #could be xx-large
text-decoration: italic;
}
*/

p heavy {
font-weight:bold;
text-decoration: none;
}

hr {
color: #335993;
background-color: #335993;
height: 5px;
width: 100%;
}

/*End of Fonts and links*/

/*Top Navigation menu bar*/

#topnavbar {
position: absolute;
top: 0px;
left: 190px;
/*width: 779px;*/
text-align: left;
font-size: 0.8em;
line-height: 1.7em;
}

#topnavbar a:link, #topnavbar a:visited {
background-color: #335993;
color: #ffffee;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
}

#topnavbar a:hover {
background-color: #ffffff;
color: #335993;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
}

#topnavbar a:active {
background-color: #335993;
color: #ffffee;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
}



/*End of Top Navigation menu bar*/


/*Header*/

#header {
background-color: #ffffff;
border-bottom: dashed #335993 3px;
top: 0px;
left: 20px;
height: 80px;
}

#header img {
border: 0;
align: center;
padding-top: 10px;
padding-left: 10px;
}

#headertext {
position: absolute;
left: 140px;
top: 0px;
text-align: left;
padding-top: 5px;
padding-left: 50px;
padding-right: 0px;

}

#header  h1 {
font-size: 1em;
line-height: 1.3em;
text-align: left;
font-style: normal;
letter-spacing: 1.5px;
color: #335993;
}

#header  p {
font-size: 0.8em;
line-height: 1.2em;
text-align: left;
font-style: normal;
letter-spacing: 1.5px;
color: #335993;
}

/*End of Header*/


/*Container=content*/

#content {
position: relative;
width: 780px;
}

/*End of Container=content*/

/*Navigation menu bar*/

#navbar {
position: absolute;
top: 0px;
left: 20px;
width: 100px;
text-align: center;
font-size: 0.8em;
line-height: 1.7em;
letter-spacing: 2px; 

}

#navbar img {
border: 0;
/*padding: 0px;*/
}

#navbar a:link, #navbar a:visited , #navbar a:active{

color: #335993;  /*This is colour for the text*/
text-decoration: none;
font-weight: normal;
}

#navbar a:hover {

color: #335993;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
}

/*End of Navigation menu bar*/

/*Central text box = main-text*/
#main-text {
margin-left:150px;
/*height: 650px;*/
padding-top: 25px;
padding-left: 40px;
padding-right: 30px;
background-color: #ffffff;
border-left: 1px #335993 dashed;
border-right: 1px #335993 dashed;
border-bottom: 1px #335993 dashed;
text-align: left;

}

#main-text ul li {

font-size: .8em;
text-align: justify;
line-height: 1.7em;
bullet-color: #335993; 
text-align: justify;
line-height: 1.7em;
list-style-type: bullet;
margin: 0;
padding: 0;
}

#main-text ul {
list-style-image: url('../images/bullet3.jpg');
}


#main-text img {
border: 0px;
text-align: top;
}

#main-text a:link, #main-text a:visited , #main-text a:active{
background-color: #335993;
color: #ffffee;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
}

#main-text a:hover {
background-color: #ffffff;
color: #335993;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
}

#main-text td {
background-color: #E9DCEE;
color: #000000;  /*This is colour for the text*/
text-align: left;
text-decoration: none;
font-weight: normal;
font-size: 0.9em;
}

.blue {
font-weight: bold;
color: #335993;
}

.red {
font-weight: normal;
color: #d23d2e;
}


/*End of Central text box = main-text*/


/*Header*/

#header {
background-color: #ffffff;
border-bottom: dashed #335993 3px;*/
}



/*Footer*/
#footer {
position: absolute;
top: 500px;
left: 150px;
width: 450;
text-align: left;
font-size: 0.8em;
background-color: #ffffff;
border-top: 3px #335993 dashed;

}
/*End of Footer*/


#copyright {
margin-left: 150px;
padding-left: 40px;
font-size: 0.6em;
}

/*Copyright*/

#copyright a:link, #copyright a:visited,  #copyright a:hover , #copyright a:active {
color:#000000;
font-weight: normal;
}
/*End of Copyright*/