body {
	margin:115px 0px 0px 0px;
	width:770px;
	color:#cccccc;
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url("images/blue_crystal_bg.gif");
	background-color:#293A61;
	background-repeat: no-repeat;
	background-position:0px 0px;
}

h1, 
h2, 
h3, 
h4, 
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 205px;
}
ul {
	margin: 10px;
	padding: 0px 5px 0px 205px;
}

li {
	margin-left:10px;
	font-size:12px;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:15px;
}

h3 {
	font-size:13px;
}

h4 {
	font-size:12px;
}

p {
	font-size:12px;
	margin: 0px 0px 10px 0px;
}

.code {
	font-size:12px;
	color:#006666;
	font-family:"Courier New", Courier, mono;
	display: block;
	border: 3px inset #FFFFCC;
	background-color:#FFFFCC;
	margin: 0px 5px 10px 210px;
	padding: 5px;
	white-space: pre;
}

p.code strong {
	color:#000000;
}

a, 
a:visited {
	color: #ffff93;
	text-decoration: underline;
}

a:hover, 
a:active, 
a:focus {
	color: #ffffff;
}

#header {
	color:#ffffff;
	display: block;
	font-size:32px;
	font-weight:bold;
	left: 300px;
	margin:0px;
	padding: 0px;
	position: absolute;
	top: 20px;
}

#styleswitcher, 
#styleswitcher ul, 
#styleswitcher li {
	border:0px;
	margin:0px;
	padding: 0px;
}

#styleswitcher {
	left: 300px;
	position: absolute;
	top: 63px;
}

#styleswitcher ul {
	display: inline;
}

#styleswitcher li {
	display: inline;
	padding-right:10px;
}

#styleswitcher a {
	color:#ffffff;
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
}

#styleswitcher a:hover, 
#styleswitcher a:focus {
	color:#33FFFF;
}

#styleswitcher h3 {
	color:#ffffff;
	display: inline;
	font-size:12px;
	font-weight:bold;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

#navigation {
	left: 0px;
	position: absolute;
	top: 225px;
	width: 200px;
}

#navigation,
#navigation ul, 
#navigation li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contents {
	font-size: 12px;
	border:0px;
	margin:0px;
	padding: 0px 0px 10px 32px;
	background-image: url("images/blue_crystal_menu_bg.gif");
	background-repeat: repeat-y;
	background-position:0px 0px;
}

.contents li {
	display: inline;
	list-style-type: none;
}

.contents a, 
.contents a:visited {
	width: 133px;
	border-bottom: 1px dashed #666666;
	color: #ffffff;
	display: block;
	font-weight:bold;
	margin: 0px;
	padding: 5px 0px 2px 0px;
	text-decoration: none;
}

.contents a:hover, 
.contents a:active, 
.contents a:focus {
	color: #4A69B0;
	border-bottom: 1px dashed #4A69B0;
}

.contents h1 {
	color:#ffffff;
	display: block;
	font-size:15px;
	font-weight:bold;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	width:133px;
}

.menufooter {
	background-image: url("images/blue_crystal_menufoot.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width: 195px;
	height: 95px;
}
.menufooter p {
	border:0px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color:#ffffff;
	font-size:9px;
	text-indent:40px;
}
p.sidenote {
	float:right;
	margin:0px 10px 0px 5px;
	padding: 0px;
	font-size:11px;
	font-weight:bold;
	border: 1px solid #cccccc;
}
.sidenote img, .sidenote a {
	display:block;
	padding: 5px;
}