So here we are so far;
HTML5
<!DOCTYPE html>
<html lang="en" class="background">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (
www.coffeecup.com)">
<meta name="created" content="Mon, 19 Jul 2010 13:51:52 GMT">
<meta name="author" content="David Wilson" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="revised" content="" />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/css2styles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="menu/css/vifc-menu.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/css3styles.css" type="text/css" media="screen" />
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Virtual International Flying Club - Welcome Friends!</title>
<style type="text/css">
</style>
</head>
<body>
<div id="page-box" class="shadow curved" >
<header id="page-header" class="shadow" ><?php include("content/page_header.php"); ?><h1>Virtual International Flying Club, for the enjoyment of virtual flight and building of friendships</h1></header>
<nav id="site-nav" class="shadow" ><h2>Site Navigation</h2><?php include("menu/menu.html"); ?></nav>
<div id="content">
<div id="main-column" class="curved">
<section id="main-article"><?php include("content/main_page.html"); ?></section>
<section id="blog"></section>
</div><!-- close main-column-->
<div id="second-column" class="curved">
<section id="event-calendar"><?php include("content/calendar.html"); ?></section>
<section id="server-status"><?php include("content/teamspeak.html"); ?></section>
<section id="vatsim-link"><?php include("content/vatsim.html"); ?></section>
</div><!-- close second-column-->
</div><!-- close content -->
<footer id="page-footer"><?php include("footer/footer.php"); ?><h4>Footer</h4></footer>
</div><!-- close page-box -->
</body>
</html>
CSS3
/* css3styles.css */
/* =page layout */
.background {height: 500px; background: -moz-linear-gradient(top, #91918F 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, from(#91918F), to(#fff)); background-repeat:repeat-x;}
#page-box {width:910px; border-style:solid; border-color:#91918F; border-width:1px; margin-top:5px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; }
#page-header {display:block; padding-top:5px; margin-left:auto; margin-right:auto; width:900px; height:225px; }
#page-header h1 {display:none;}
#content {width:900px; margin-left:auto; margin-right:auto; margin-top:15px; overflow:auto; }
#main-column {width:670px; float:left; padding:5px;}
#second-column {width:200px; float:left; margin-left:5px; padding:5px; background: rgba(251, 228, 81, 0.4);}
#page-footer {width:98%; position:relative; margin-left:auto; margin-right:auto; clear:both; }
#page-footer h4 {display:none; }
#page-footer p {padding-bottom:5px; line-height:.95em; letter-spacing:.05em; text-align:center; color:#0103FF; font-size: .9em; font-weight:bold ;font-variant:small-caps;}
#page-footer ul {margin-top:10px; text-align:center; }
#page-footer ul li {display:inline; }
#page-footer ul li a:link, #page-footer ul li a:visited {text-decoration:none; line-height:.95em; letter-spacing:.05em; text-align:center; color:#9C0001; font-size: .8em ; font-weight:bold; font-variant:small-caps; }
#page-footer ul li a:hover {color:#FFFFFF; background-color:#9C0001; }
/* =menu */
#site-nav {display:block; margin-top:15px; margin-left:auto; margin-right:auto; width:882px; height:25px; background-image:url('../images/menu_background.png'); background-repeat:repeat-x; }
#site-nav h2 {display:none; }
.vifc-menu li {background-image:url('../images/menu_background.png'); background-repeat:repeat-x; }
.vifc-menu a {border-top:none; border-bottom:none; padding:4px 5px 6px 5px; }
.vifc-menu li:hover, .vifc-menu li.sfHover,
.vifc-menu a:focus, .vifc-menu a:hover, .vifc-menu a:active {background:#9C0001;}
.vifc-menu a:hover, .vifc-menu a:active {color:#FBE451;}
.vifc-menu li li a:hover, .vifc-menu li li a:active, .vifc-menu li li a:focus {color: #FBE451;}
/* =section */
#main-article h2 {margin-bottom:15px; background: rgba(1, 3, 255, 0.4); font-style:italic; font-weight:bold; color:#FFFFFF; font-size:1.25em; letter-spacing:.01em; padding:5px 0 5px 5px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; -moz-box-shadow: 4px 5px 9px #91918F; -webkit-box-shadow: 4px 5px 7px #91918F; }
#main-article p {text-align:left; color:#9C0001; line-height:125%; margin-bottom:.5em; letter-spacing:.05em; }
#main-article a {text-decoration: inherit; font-style: inherit; color: inherit;}
#main-article a:link, article a:visited {border:none; font-weight:bold; border-bottom:thin; border-bottom-style:dotted; text-decoration:none; font-style:italic; color:#9C0001;}
#main-article a:hover {text-decoration: none; border-bottom:dashed; color: #0103FF;}
#main-article ul {list-style-type:none; list-style-position:outside; color:#0103FF; padding:0; margin:0;}
#main-article ul li {text-align:left; list-style-image:url('../images/airplane_bullet.png'); margin-left:3em; text-height:1.05em; font-weight:bold; text-transform:capitalize; padding: 0px 0px 3px 3px;}
#main-article header { }
/* =specialties */
.shadow {-moz-box-shadow: 4px 5px 9px #91918F; -webkit-box-shadow: 4px 5px 7px #91918F;}
#teamspeak { margin-bottom:1.5em; text-align:left;}
span.nolink a, span.nolink a:visited, span.nolink a:focus, span.nolink a:hover {border-bottom: none; font-weight:normal; font-variant:small-caps; }
img.center {display:block; margin-left:auto; margin-right:auto;}
.curved { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
CSS2
/* css2styles.css */
/* css2 styles */
html {background-color:#FFFFFF; background-image:url('../images/html_background.png'); background-repeat:repeat-x; }
#second-column {background:#FDF3B3;}
#main-article h2{background:#9798FF; }
and the current page
http://dev.flyvifc.org/
so now, the to do list is to convert the existing page chunks into 'articles'