/* CSS Document */
*, #header a, #thumbs img, .u, .buttlink {
	text-decoration:none;
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	float:none;
}
body {
	font:80%/1.7 Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#333;
}
#header { overflow:hidden }
#header a { display:block }

#header{background-image:url(../images/bg.png); border-top:9px solid #fff; margin:0}
#logo{float:left; height:136px; width:240px; background: url(../images/logo_web.gif) no-repeat;}

#enlarge {width:92px; background-color:#fff;}
#enlarge a.p1, #menu a.p1:visited {display:block; width:92px; height:80px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#enlarge a img {border:0;}
#enlarge a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#enlarge a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#enlarge a.p1:hover .large {display:block; position:inherit; width:472px; height:414px; border:10px solid #ccc; z-index:100}

#content {
	width:50%;
	margin-left:7%;
	position:absolute;
	top:240px;
	padding-bottom:5em;
}
#side {
	position:absolute;
	top:240px;
	right:0;
	width:29%;
	margin:2em 7% 0 0;
	padding-bottom:5em;
}
h1, h2, h3, h4 {
	font:4em/1.5 "Avant Garde", Futura, Helvetica;
	font-weight:normal;
	clear:left;
	padding-top:1.2em;
	line-height:1.2;
	color: #0066cc;
}
h1, #hn { padding:0;
	padding-bottom:.5em; }
h2 {
	font-size:2em;
	color:#FF0000;
	padding-bottom:.5em; 
}
h3 { font-size:1.5em }
h4 {
	font:bold 1em/1.5 verdana, arial, helvetica, sans-serif;
	color:#333
}
p, ul { margin:0 0 1em 0 }
p#intro, blockquote p {
	font-size:1.2em;
	color:#000;
}
p.further, cite, #photo, address {
	font-style:italic;
	color:#6c0;
	display:block;
	margin-bottom:1em;
}
a {
	color:#06c;
	border-bottom:0.08em solid #ccc;
}
a:visited { color:#96c }
a:visited:hover { border-color:#96c }
a:hover { border-color:#06c }

.error {
	font-weight: bold;
	color: red;
}
blockquote {
	clear:left;
	position:relative;
	left:-5%;
	width:110%;
	top:1em;
	background:url(../images/quote_open.gif) top left no-repeat;
}
blockquote p {
	padding:1em 5%;
	font-size: x-large; color:#666666;
	margin:0;
	margin-left:20%;
	background:url(../images/quote_close.gif) bottom right no-repeat;
}

cite { position:relative }
#content cite a { color:#6c0 }
code {
	color:#900;
	font:1em courier;
	clear:left;
	display:block;
}
.long {
	float:left;
	width:49.9%;
}
.long li { padding-bottom:0.5em }
ul.short {
	float:left;
	width:100%;
}
li {
	padding:0 0 1em 15px;
	background:url(../images/bullet.gif) 0 0.6em no-repeat;
}
.short li {
	padding:0;
	text-indent:15px;
	float:left;
	width:49.9%;
}
#nav { padding-bottom:2em }
#nav em { color:#ccc }

#content p img {
	clear:left;
	float:left;
	margin:0.5em 1em 0.5em 0;
}

#content form img { clear: none }
#photo {
	background:#eee;
	overflow:hidden
}
#photo img {
	display:block;
	float:none;
	margin:0 0 0.5em 0;
}

.soopalink {
	clear:left;
	background:#E6F9FF;
	position:relative;
	left:-5%;
	width:110%;
}
.soopalink h2 {
	padding:0.5em 5% 0 5%;
	background:url(images/rn_tr_off.gif) top right no-repeat;
}
#side .soopalink a {
	color:#06c;
	border:0;
}
.soopalink p {
	font-size:1.2em;
	padding:0 5% 1em 5%;
	background:url(images/rn_bl_off.gif) bottom left no-repeat;
	margin:0;
}
.soopahover {
	background:#09f;
	cursor:pointer;
}
.soopahover h2 { background-image:url(images/rn_tr_on.gif) }
#side .soopahover a { color:#A0E0F9 }
.soopahover p {
	color:#fff;
	background-image:url(images/rn_bl_on.gif);
}

#thumbs li {
	float:left;
	background: none;
	padding: 0;
	margin: 0 0 1em 0;
}
#thumbs a { 
	border-bottom-width:0.16em
}
#side #thumbs li {
	width:112px;
	margin: 0
}
#content #thumbs a {
	margin-right: 1em;
	float:left
}
#thumbs img {
	margin:0;
	padding: 0 0 0.3em 0;
}
#side #thumbs img {
	padding-bottom: 0.46em;
	vertical-align: bottom;
}
.two { text-align:center }
.three { text-align:right }


fieldset {
	padding:1em 5%;
	margin: 0.5em 0 1em 0;
	background:#ffd;
	position:relative;
	left:-5%;
	width:100%;
}
legend { background:white }
input, textarea, select {
	display:block;
	width:99%;
	margin-bottom:1em;
	border: 0.08em solid #ccc;
}
input, select { width:50% }
[maxlength] { width:2em }
[type="submit"] { width:30% }
.i {
	display:inline;
	width:auto;
	margin:0;
	border:0;
}
.buttlink {
	background:#ffd;
	color:#06c;
	width:auto;
	cursor:pointer;
	border-bottom:0.08em solid #ccc;
	display:inline;
}
.buttlink:hover { border-color: #06c }



table {
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
	margin:1em 0;
	line-height:1.4;
}
td, th {
	padding:1em;
	vertical-align:top;
	text-align:left;
	font-weight:normal;}
th {
	background:#eee;
	width:16em;
}
td { 
	background:#f6f6f6;
}
.break td {
	background:#eee;
	font-weight:normal;
}
.crab { background:#f6f6f6 }
.break th { background:#f6f6f6 }

#ln {
	float:right;
	width:47%;
	margin:3em 0 2em 5%;
	padding-bottom: 1em;
	background: #eee url(../images/ln_bl.gif) bottom left no-repeat;
}
#ln h2 {
	color:#ff0000;
	padding:0.5em 0.5em 0 0;
	margin:0 0 0 0.5em;
	background: url(../images/ln_tr.gif) top right no-repeat;
}
#ln p { margin: 0 1em 1em 1em }

.q {
	float: left;
	clear: left;
}
#content form img {
	float: none;
	display: inline;
}
.starsel { margin-bottom:1em }
#content .star {
	cursor: pointer;
	margin: 0;
}



@media print {
	
body { font:12pt/1.5 Georgia, "Times New Roman", Times, serif }
#content {
	margin:0;
	width:100%;
}
#content a {
	 border:0;
	 padding:0;
	 color:inherit;
	 font-weight:bold;
}
#side, form, .pagenav { display:none }

#content { float:none; position:static}

	
}