CSS: hr lines, tables

common/_menu.php

@@ -1,6 +1,3 @@
-to add it:
-<?php> include("common/_menu.php"); ?>
-
 <div class="menu">
 <p id="topheader"><a href="index">Cambridge University<br />Caving Club Expedition</a><br /> main content:</p><br />
   <ul>

css/main2.css

@@ -1,5 +1,6 @@
 /*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011*/
 /* code of colours
+#C8E1E2 very light
 #99CCCC light blue
 #008787 darker blue for fonts
 #004C4C very dark
@@ -34,6 +35,10 @@ a {
 		}
 a:link, a:visited		{ text-decoration: none; }
 div.centre img			{ vertical-align: middle; }
+hr  {
+	border: 1px solid #99CCCC;
+	margin: 25px 0;
+	}
 
 /*HEADINGS*/
 h1, h2, h3, h4 {
@@ -73,7 +78,7 @@ ul#links {
 	font-size: 75%;
 	color: #888;
 	width: 150px;
-	padding: 30px 20px 15px;
+	padding: 32px 20px 15px;
 	text-align: left;
 	}
 	.menu {
@@ -113,11 +118,25 @@ ul#links li a:hover {
 	}
 
 /* "Traditional" table with borders.*/
-table.trad			{ margin: 0pt; border: 1px solid #000;
-				border-color: #c0c0c0 #8d8d8d #8d8d8d #c0c0c0; }
+table.trad {
+	border-collapse: collapse;
+	}
+table.trad, table.trad th, table.trad td {
+	border: 1px solid #008787;
+	margin: 0px;
+	}
+	table.trad th {
+		background-color: #C8E1E2; 
+		}
+	table.trad td {
+		padding: 5px; 
+		border-color: #99CCCC;
+		}
+/*table.trad			{ margin: 0pt; border: 1px solid #000;
+				border-color: #c0c0c0 #8d8d8d #8d8d8d #c0c0c0; }*/
 table.bigfatborder		{ border-width: 6px; }
-table.trad td, table.trad th	{ margin: 0pt; border: 1px solid #aaa;
-				border-color: #8d8d8d #c0c0c0 #c0c0c0 #8d8d8d; }
+/*table.trad td, table.trad th	{ margin: 0pt; border: 1px solid #aaa;
+				border-color: #8d8d8d #c0c0c0 #c0c0c0 #8d8d8d; }*/
 
 /* You are not expected to understand this. It is necessary. */
 table.centre			{ margin-left: auto; margin-right: auto; }