expoweb/css/main2.css

/*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
*/
body {
	background: #fff url(../images/style/bg-cambridge-caving-expedition.png) repeat-x 0 0;
	color: #000;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 12pt;
	margin-left: 275px;
	text-align: justify;
	max-width: 800px;
	}
body#homepage {
	margin-left: auto;
	margin: auto;
	}
.caption {
	color: #004C4C;
	font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 0;
	}
.centre				{ text-align: center; }
.plus2pt			{ font-size: 160%; }
a {
	color: #008787;
	}
	a:hover {
		color: #d7442b;
		}
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 {
	font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	}
h1				{ text-align: center; font-size: 210%;
				line-height: 100%; margin: 35px 0 55px;}
h2, h3, h4 {
	color: #008787;
	}
	h2#tophead {
		text-align: center;
		margin: 10px 0 -22px;
		}

/*IMAGES*/
img.onright, div.onright	{ vertical-align: top; float: right;
				margin-left: 10pt;  margin-bottom: 10pt;
				margin-right: 8pt; }
img.onleft, div.onleft		{ vertical-align: top; float: left;
				margin-right: 10pt; margin-bottom: 10pt;
				margin-left: 8pt; }
img.icon			{ vertical-align: middle; }
img.aligntop			{ vertical-align: top; }
table.imgtable			{ margin-left: auto; margin-right: auto; }
table.imgtable td		{ vertical-align: middle; text-align: center;
				padding: 10px; }
/*Menu*/
.menu,
ul#links {
	background: #fff url(../images/style/menu-main.png) no-repeat 0 0;
	clear: both;
	border: 2px solid #99CCCC;
	position: absolute;
	left: 35px;
	font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 75%;
	color: #888;
	width: 150px;
	padding: 32px 20px 15px;
	text-align: left;
	}
	.menu {
		top: 20px;
		}
	ul#links {
		background-image: url(../images/style/menu-second.png);
		/*border-color: #C8E1E2;
		border-style: dotted;*/
		top: 20px /*300px; to be set once the menu is in all pages*/
		}
p#topheader {
	font-weight: bold;
	margin: 10px 0 0;
	}
.menu ul {
	margin: 0 0 0 15px;
	padding: 0;
	}
.menu li,
ul#links li {
	margin: 5px 0;
	list-style: square outside none;
	}
	ul#links li {
		margin: 5px 0 0 15px;
		}
		ul#links li ul {
			padding: 5px 0 5px 10px;
			}
			ul#links li li {
				margin: 0 0 0 5px;
				}
.menu li a:hover,
ul#links li a:hover {
	border-bottom: 2px solid #d7442b;
	}

/* "Traditional" table with borders.*/
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; }*/

/* You are not expected to understand this. It is necessary. */
table.centre			{ margin-left: auto; margin-right: auto; }
table.centre td			{ text-align: left; }

table#cavepage			{ width: 100%; font-size: 160%; }
table#cavepage th#kat_no	{ text-align: left; width: 25%; }
table#cavepage th#name		{ text-align: center; width: 50%; }
table#cavepage th#status	{ text-align: right; width: 25%; }