@charset "utf-8";
/* CSS Document: generic stylesheet for CMW personal website */
* {
margin:0;
padding:0;
}

body {
font-family:"Book Antiqua",Georgia,Palatino,"Palatino Linotype",garamond,serif;
font-size:16px;
background-color:#fff;
color:#000;
}

h1, h2, h3 {
padding-top:0.7em;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.1em;
}

img {
border:0;
}

#main table {
border:1px solid #000;
padding: 5px;
margin:20px 20px 20px 35px;
}

#main td,
#main_wide td {
padding:7px;
font-family:Verdana, Arial, sans-serif;
font-size:1em;
text-align:center;
cursor:pointer;
}

#main td.black,
#main_wide.black {
color:#000;
}

#main td.white,
#main_wide td.white {
color:#fff;
}

div.colorboxlg {
float:left;
margin:0 20px 20px 35px;
width: 400px;
height: 250px;
border:1px solid #000; 
}

div.colorboxsm {
float:left;
margin:0 20px 10px 20px;
width: 400px;
height: 200px;
border:1px solid #000; 
}

#wrapper {
width:45em;
margin:1em auto;
padding-bottom:1em;
}

#header,
#navbar {
width:100%;
border-bottom:2px solid #000;
}

#header img {
width:100%;
}

#header h1,
#header p {
padding-left:30px;
}

#header p {
font-style:italic;
}

#navbar,
#navbar2 {
height:1.6em;
padding:0.25em 0 0.25em 0.2em;
clear:both;
/*border:1px solid #000;*/
}

#navbar2 {
width:600px;
}

#navbar ul,
#navbar2 ul,
#sidebar ul {
list-style-type:none;
}

#navbar li,
#navbar2 li {
float:left;
width:33%;
height:1.4em;
text-align:center;
margin-bottom:4px;
padding:0.25em 0;
font-size:1em;
border:1px solid #000;
background-color:#ccc;
}

#navbar li.selected {
background-color:#eee8aa;
}

#sidebar {
float:left;
display:inline;
width:9em;  /*if you change this, change left margin in #main */
color:#000;
}

#sidebar h1 {
text-align:center;
}

#sidebar ul {
margin:2em 12%;
text-align:center;
/*border:1px dotted #000;*/
}

#sidebar li {
width:12.8em;
height:1.6em;
text-align:center;
margin:5px;
padding-top:0.6em;
padding-bottom:0.3em;
font-size:1em;
border:1px solid #000;
}

#sidebar li.selected {
background-color:#eee8aa;
}

#sidebar img {
margin:0.4em 0 0.4em 3em;
width:40%;
}

#main {
margin:1em 1em 1em 9em;	/* set left margin to width of sidebar */
padding-right:2em;
}

#main_wide {

}

#main p {
padding:0.5em 0.5em 0 2em;
font-size:0.9em;
color:#000;
}

#footer {
width:100%;
height:4em;
clear:both;
border-top:1px solid #000;
font-size:0.8em;
font-style:italic;
}
#footer p {
padding:0.5em 0.5em 0.5em 1.5em;
}

#footer img {
width:100%;
}

a {outline-style:none}
a:link {text-decoration: none; color:#000}
a:visited {text-decoration:none; color:#333}
a:hover {text-decoration: underline; color:#000}
a:active {text-decoration: underline overline; color:#000}