body 
{
	/*background:#FFFFCC;*/
	background-image:url('../img/webtreats_blue_creme_pattern_76.jpg');
}

#top 
{
	width:1000px;
	height:200px;
	margin:50px auto 0px auto;
	border:thin solid #000;
	background-image:url('../img/LlangollenCanal2011.jpg');
}

#top p 
{
	margin:5px 0px 0px 5px;
	color:#fff;
	font-size:21px;
	line-height:30px;
}

#top p:first-line 
{
	font-size:50px;
	font-weight:bold;
}

#container
{
	width:1000px;
	border:thin solid #000;
	margin:0px auto 0px auto;
	background:#eed;
}

#container h3
{
	background:#888;
	color:#0e0;
	padding-left:16px;
	margin-top:0px;
	-moz-border-radius: 0em 0em 4em 4em;
	border-radius: 0em 0em 4em 4em;
	-webkit-box-shadow: 0px 2px 10px rgba(159, 92, 136, 0.53);
	-moz-box-shadow:    0px 2px 10px rgba(159, 92, 136, 0.53);
	box-shadow:         0px 2px 10px rgba(159, 92, 136, 0.53);
}


#container h4
{
	padding-left:16px;
	margin-top:0px;
	font-variant:small-caps;
	color:#449;
}

#container a, #container a:visited
{
	color:#0000ff;
}

#container fieldset
{
	text-align: center;
	color:#0e0;
}

#naviBox
{
	margin-top:12px;
	width:180px;
	float:left;
}

#naviBox a, #navibox a:visited
{
	text-decoration:none;
	color:#66a;
}

#naviBox a:hover
{
	color:#eed;
}

#naviBox ul {
	padding:6px 2px;
	margin-left:10px;
	-webkit-box-shadow: 6px 4px 10px rgba(159, 92, 136, 0.53);
	-moz-box-shadow:    6px 4px 10px rgba(159, 92, 136, 0.53);
	box-shadow:         6px 4px 10px rgba(159, 92, 136, 0.53);
	border-top:thin solid #e8e8e8;
	border-left:thin solid #e8e8e8;
}

#naviBox li {
	/*background:#C7C2B3;*/
	list-style-type:none;
	width:65%;
	font-size:100%;
	padding-left:3px;
	/*color:#444;*/

	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	 -o-transition: background 0.5s linear;
	 transition: background 0.5s linear;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-ms-transition: width 0.5s;
	 -o-transition: width 0.5s;
	 transition: width 0.5s;
}

#naviBox li:hover 
{
	width:85%;
	background-color: #d1d1d1;
	-moz-border-radius: 0em 4em 4em 0em;
	border-radius: 0em 4em 4em 0em;
	padding-left:3px;
}

#naviBox fieldset
{
	width:105px;
	margin-left:3px;
	border:thin solid #f2f2f8;
	padding:2px;
}

#naviBox legend, #loginBox legend
{
	color:#408080;
	font-weight:bold;
	font-size:12px;
	margin-left:3px;
}

#loginBox
{
	-webkit-box-shadow: 6px 4px 10px rgba(159, 92, 136, 0.53);
	-moz-box-shadow:    6px 4px 10px rgba(159, 92, 136, 0.53);
	box-shadow:         6px 4px 10px rgba(159, 92, 136, 0.53);
	
	margin-left:10px;
	border-top:thin solid #e8e8e8;
	border-left:thin solid #e8e8e8;
}

#loginBox p
{
	width:180px;
	text-align: left;
}

#loginBox label
{
	font-size:11px;
}

#loginBox input, #loginBox submit
{
	width:100px;
	font-size:10px;
	margin-top:2px;
}

#mainBox
{
	width:530px;
	float:left;
	padding:0px 40px 10px 20px;
}

#rightBox
{
	width:210px;
	float:right;
	font-size:90%;
	/*background:#e0e0aa;*/
	padding:9px;
	/*-moz-border-radius: 0em 0em 0em 2em;
	border-radius: 0em 0em 0em 2em;
	*/
	border-left:1px solid #aaa;
	border-bottom:1px solid #b2b288;
	background: #e9eae5; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #e9eae5 28%, #cdeb8e 64%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(28%,#e9eae5), color-stop(64%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #e9eae5 28%,#cdeb8e 64%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #e9eae5 28%,#cdeb8e 64%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #e9eae5 28%,#cdeb8e 64%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(45deg,  #e9eae5 28%,#cdeb8e 64%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eae5', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#karuselli
{
	border:thin solid #0000a9;
	width:200px;
	margin-left:2px;
}

#disclaimer
{
	font-size:14px;
	color:#20204A;
	background:#e0e0aa;
	border-top:thin solid #c0c0c0;
}

#disclaimer p
{
	padding-left:25px;
	margin:0px;
	font-size:11px;
	letter-spacing:1px;
}

#muistio p
{
	font-size:12px;
}

#muistio th
{
	background:#b0b0b0;
	color:#ffe;
	font-variant:small-caps;
}

#muistio textarea
{
	width:100%;
	height:250px;
}
/* yleiset */

div.muistioNayta
{
	
}

#justSomePics a:hover {
	text-decoration:underline;
	color:#4444ff;
}

#justSomePics a,a:visited,a:active {
	text-decoration:none;
	color:#6666aa;
}

legend {
	color:#408080;
	font-weight:bold;
	
}

.clear
{
	float:none;
	clear:both;
}

.quiet
{
	color:#b0b0b0;
	margin:0px;
	font-size:90%;
}

.smallerText
{
	font-size:80%;
	margin:0px;
}

.redText
{
	color:#00ffff;
}

.rightText
{
	text-align:right;
}

.fileList
{
	font-size:80%;
}

.fileList:first-line
{
	font-weight: bold;
}

.fileList:hover
{
	background:#eaeada;
}
.alert
{
	color:#ff0000;
	font-size: 14px;
}