/* CSS Document */

html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	font: x-small/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #0a529e url(../img/bg.jpg) repeat-y center;
	text-align: center;
	}
a {
	text-decoration: none;
	color:  #FF6600;
	outline: none;
	}
a:visited {
	color: #FF6600;
	text-decoration: none;
	}
a:active {
	color: #FF6600;
	text-decoration: none;
	}
a:hover {
	color: #FF6600;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
.portfolio img {
	border: #CCC solid 1px;
	padding: 6px;
	background-color: #FFF;
	margin-bottom: 15px;
	margin-top: 12px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-shadow: #CCC 0 1px 1px;
	}
h4 {
	font-size: 14px;
	line-height: 10px;
	margin-top: 0;
	margin-bottom: 0;
	text-shadow: #CCC 0 1px 1px;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	margin: 0 auto;
	position: relative;
	width: 775px;
	height: 100%;
	}	
#content_left {
	float: left;
	margin: 75px 0 0 2px;
	padding: 0;
	border: 0px;
	width: 329px;
	height: 304px;
	background-image: url(../img/menu_bg.jpg);
	background-repeat: no-repeat;
	position: fixed;
	}
#content_left p {
	margin: 0 0 0 20px;
	font-size: x-small;
	color: #FFF;
	}
#content_right {
	float: left; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 0;
	padding: 20px;
	border: 0px;
	width: 388px;
	color: #000;
	height: 100%;
	text-align: justify;
	position: relative;
	left: 329px;
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#menu {
	position: relative;
	top: 70px;
	margin: 0 0 0 27px;
	width: 247px;
	height: 226px;
	z-index: 1;
	text-align: left;
	}
dl#menu {
	font-size: small;
	padding: 17px 4px 3px 27px;
	text-shadow: #999 0 1px 1px;
	}
dl#menu dt {
	cursor: pointer;
	margin: 2px 0;
	height: 20px;
	line-height: 20px;
	text-align: left;
	}
dl#menu dd {
	margin-left: 20px;
	}
dl#menu li {
	text-align: left;
	}
dl#menu li a, dl#menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	}
dl#menu li a:hover, dl#menu dt a:hover {
	color: #0a51a1;
	}
#mentions {
	position: absolute;
	bottom : 200px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	}
#mentions a {
	text-decoration: none;
	color: #222;
	}
#mentions a:hover {
	text-decoration: underline;
	}