item is specified, these are the defaults*/ body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small; line-height: 1em; background-color: #ffffff; text-align: left; } p { padding: 5px 5px 2px 3px; font-size: 83%; } img { width: 600px; height: 400px; margin: 5px 5px 5px 0; display: inline; } h4 { clear: both; padding: 5px 5px 5px 0; font-size 105%; } blockquote { color: #369; font-weight bold; font-size: 102%; } a { color: #369; text-decoration: none; border-bottom: 1px dotted #369; } a:hover { color: #769696; text-decoration: none; border-bottom: 1px dotted #769696; } /* a pseudo-class used to color text elements like

or
with this dark orange/ .orange { color: #d17121; } / container holds the whole page, inside the element / #container { margin: 35px auto; padding: 5px; width: 800px; background-color: #e5f3ff; border: 1px dotted #369; } / "overrides" to the default settings in the left column content/ #left-col { margin: 0; padding: 0; width: 200px; float: left; background-image: url(left-col.jpg); background-repeat: repeat-y; } #left-col h4 { clear: both; padding: 5px 5px 2px 3px; font-size 105%; } #left_content { width: 95%; margin: 5px; padding: 5px; } #left_content img { width: 100px; height: 100px; float: left; display: block; border:1px #e5f3ff solid; } #left_content h4 { clear: both; padding: 5px 2px 2px 3px; font-size 105%; color: #369; } #left_content p { width: inherit; font-size: 83%; float: left; } / "overrides" to the default settings in the left column content/ #right-col { margin: 0; padding: 0; width: 600px; float: right; } #right_content { margin: 5px; padding: 5px; min-height: 200px; background-color: #ffffff; border: 1px #369 dotted; } #right_content img { width: 100px; height: 100px; float: left; display: inline; border: 1px #ffffff solid; } #right_content h4 { clear: both; padding: 5px 2px 2px 3px; font-size 105%; color: #369; } #right_content p { width: inherit; padding: 0; clear: both; font-size: 83%; } / "overrrides" to the default settings in the right column that format the team page content/ #team_content { margin: 5px; padding: 5px; min-height: 200px; background-color: #ffffff; border: 1px #369 dotted; } #team_content img { width: 125px; height: 125px; float: left; border: 1px #ffffff solid; } #team_content h4 { clear: both; padding: 5px 2px 2px 3px; font-size 105%; color: #d17121; } #team_content p { width: inherit; padding: 0; clear: both; font-size: 83%; } #featured { margin: 5px; padding: 5px; background-color: #c0cfa1; border: 1px #369 dotted; } #footer { margin: 0; padding 0; clear: both; height: 50px; background-color: #e5f3ff; border-top: 10px solid #34698f; } #copyright { margin: 20px 0 0 0; padding: 0.3em .5em; width: 335px; color: #d17121; float: left; font-size: 80%; } #contact { margin: 20px 0 0 0; padding: 0.3em .5em; width: 335px; float: right; text-align: right; font-size: 80%; } #logo { margin: 0px 0 0px 0; padding: 0; width: inherit; height: 150px; background: #e5f3ff url(widelogo.png) no-repeat; } /Main navigation bar content/ #nav ul { padding-left: 0; margin-left: 0; font-size: 80%; background-color: #34698f; color: #ffffff; float: left; width: 100%; font-size: 95%; font-family: arial, helvetica, sans-serif; } #nav li { display: inline; } #nav ul li a { padding: 0.3em .5em; background-color: #34698f; color: #ffbb33; text-decoration: none; float: left; border-right: 1px solid #fcfff0; border-bottom: none; } #nav ul li a:hover { background-color: #369; color: #ffffff; } / left column navigation bar content/ #left_nav ul { list-style-type: none; position: relative; top: 25px; padding-left: 0; margin-left: 0; font-size: 100%; font-weight: bold; background-color: #e5f3ff; width: 100%; font-family: arial, helvetica, sans-serif; } #left_nav li { clear: both; } #left_nav ul li a { /margin: 5px 10px 0 0;*/ padding: 0.3em .5em; width: 90%; background-color: #369; color: #ffbb33; text-decoration: none; float: left; border-bottom: 1px solid #e5f3ff; } #left_nav ul li a:hover { background-color: #e5f3ff; color: #369; }