/* make the default background color for the body*/
BODY {background-color:dddddd;
font-size: medium
font-family: Arial, sans-serif	
	 }
/* here I add attributes to standard html heading tags */
H1 {color:maroon; text-align:center; font-variant:small-caps}
H2 {color:maroon; text-align:center}
H3 {color:maroon}
/* Make the link and visited link colors */
A:link {color:darkblue}  /*these are "psuedoclasses" */
A:visited {color:darkcyan}

/*Define the style for the navigation bar*/
div#navbar {
height: 7%;
width: 100%;
border-top: solid #000 2px;
border-bottom: solid #000 2px;
border-right: solid #000 2px;
border-left: solid #000 2px;
background-color: Peru;
}

div#navbar ul {
font-size: small;
white-space: nowrap;
padding-left: 5%;
padding-right: 5%;
margin-top: 5px;
margin-bottom: 5px;
}

div#navbar li {
list-style-type: none;
display: inline;
margin-left: 1%;
margin-right:1%;
padding-left: 2%;
padding-right: 2%;
border-right: solid #000 2px;
border-left: solid #000 2px;
border-top: solid #000 2px;
border-bottom: solid #000 2px;
}

div#navbar a {

}
/*Float the TECP logo and link to the left*/
#tecp {
width: 25%;
float: left;
}

#sidetext {
width: 50%;
margin-left: 30%;
padding-left: 10%;
padding-right: 10%;
padding-top: 1%;
font-family: serif;
font-size: large;
color: maroon;
border-width: thin;
border-style: solid;
background-color: cornsilk;
}