html body {
	background-color: white;
	margin: auto;
	color: #000;
	width: 500px;
	text-align: center;
}

html p {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	font-size:  1em;
	line-height: 1.4;
} 

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6   {
	font-family: Cambria, Georgia, "New Century Schoolbook", Times, serif;
}

a {}
a:link {color: #33A1D4}
a:active {color: red;}
a:hover {background-color: yellow;}
a:visited {background-color: transparent}

#container {
	margin: 2em 0em;
	width: 100%;
	text-align: left;
	position: relative;
}

#foot {font-size: 0.9em; text-align: center; margin: 2em 0em 2em 0em;}
#foot .cc {
	margin: 2em 0em 2em 0em;
	padding: 0.3em 0.5em;
	background-color: #eee;
	background-image: url(../img/cc_logo_trans.gif);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 0.5em;
}

#foot p {font-family: Calibri, Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 0em}
#foot p span {font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;}
#foot p.nav {font-size: 0.8em; word-spacing: 0.7em;}
#foot p.nav a {word-spacing: normal;}

#pageTitle h1 {color: #216788; font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;;
	background-image: url(../img/candide.gif);
	background-repeat: no-repeat;
	background-position: right center; 
}
#pageTitle h2 {
	color: #216788; 
	font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;
	font-weight: normal;
	font-size: 1em;
	background-image: url(../img/candide19.gif);
	background-repeat: no-repeat;
	background-position: right center; 
}
#pageTitle h1 a, #pageTitle h1 a:hover, #pageTitle h2 a, #pageTitle h2 a:hover {
	color: #216788; text-decoration: none; background-color: transparent;}
#pageTitle h3 {display: none;}

#content {margin-top: 0em;}
#content h1, #content h2, #content h3 {
	font-weight: normal; 
	font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;}
#content h1 {text-align: center; font-size: 2.5em;}
#content h3 {text-transform: uppercase; letter-spacing: 0.3em; font-size: 1.0em;}
#content p.bl {font-style: italic; color: gray; text-align: left; margin-left: 1em; font-size: 1.2em;}

#beachImage {
	background-image: url(../img/beach.jpg);
	background-color: transparent;
	position: relative;
	margin-bottom: 2em;
	width: 500px;
	height: 328px;
}

#lizardImage {
	background-image: url(../img/lizard.jpg);
	background-color: transparent;
	width: 500px;
	height: 413px;
}

#twitter_div {display: none; padding: 0em 1em;}
#twitter_div a {text-decoration: none;}

ul#navList {text-indent: 0em; margin-left: 0em; padding-left: 0em;}
ul#navList p {color: gray;}
ul#navList li,ul#navList p{display: inline;}
ul#navList a {text-decoration: none; font-size: 1.2em}
ul#navList a:link {color: gray; background-color: #eeffaa}
ul#navList a:active {color: red;}
ul#navList a:hover {background-color: yellow;}
ul#navList a:visited {background-color: #ffffcc; font-size: 1em;}

.illustration {background-color: #dddddd; border: 10px solid #eee;}
.illustration span {
	font-family: Calibri, Arial, Helvetica, sans-serif; 
	font-size: smaller;}
.illustration img {
	display: inline;
	margin-right: -5px; 
	margin-left: 0px; }

.note {font-family: Calibri, Arial, Helvetica, sans-serif; font-size: smaller; background-color: #eee;}
sup {font-size: x-small;}

/* common classes */ 
.hide {display: none;}