body, input, textarea {
	color:#FFFFFF;
	font-family:'andale mono', 'lucida console', monospace;
	font-size:12px;
}
a {
	color:#f88c00; text-decoration:none;
}
a:hover, a:focus {
	color:#f88c00; text-decoration:underline;
}
h1, h2, h3 {
	color:#CCCCCC;
}

input[type=text], textarea {background:none;border:#FFFFFF solid 1px;}
input[type=text]:focus, textarea:focus {border:#f88c00 solid 1px;}
textarea {width:300px;height:100px;}
input[type=submit], input[type=reset] {background:#f88c00; border:none; color:#000;}
input[type=submit]:hover, input[type=reset]:hover {cursor:pointer;}

.error, .alert, .notice, .success, .info {padding:0.2em;margin-bottom:0.6em;}

#header {
	background:url(images/bgtrans.png) repeat;
	text-align:right;
}
#header img {
	margin:40px 6px 8px 0;
}

#left {
	margin-right:0;
	margin-top:10px;
}
#left a.menu{
	background:url(images/bgtrans.png) repeat;
	display:block;
	margin:0 30px 5px 10px;
	padding:8px;
}
#left a.menu:hover{
	border-left:#FFFFFF solid 2px;
}
#left a.menu.selected{
	margin-right:0;
	background:#000000;
}
#left .view {
	background:url(images/bgtrans2.png) repeat;
	margin:10px 10px 0px 10px;
	padding:8px;
	text-align:justify;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#left .view img{
	margin:4px 0 8px 3px;
}
#left iframe {
	margin:5px 0 0 12px;
}

#right {
	margin-top:7px;
}

#content {
	background:url(images/bgtrans.png) repeat;
	padding:10px;
	border:#000000 solid 2px;
}

#connect{width:400px; margin-left:130px;}
#connect ul li {list-style:none;}
#connect ul li a{
	display:block;
	width:100px;
	height:87px;
	padding-top:12px;
	vertical-align:middle;
	margin:0 10px 10px 0;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#connect ul li a:hover{
	text-decoration:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#footer {
	text-align:center;	
}
#footer span{
	background:#000000;
	color:#CCCCCC;
	font-size:10px;
}

/*//////TINY SLIDESHOW///////*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:645px; margin:auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:639px; height:435px; padding:2px; border:1px solid #999999; background:#000}
#information {position:absolute; bottom:0; width:639px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:639px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:400px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:7px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:595px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}