/**************************
 SilverStripe andreas02 Theme
 http://www.silverstripe.com

 adapted to SilverStripe by Jeff Chan
 http://jeffchan.org

 based on Andreas Viklund's layout
 http://andreasviklund.com/
**************************/

html{
	padding:0;
	margin:0;
	background:#444 url(../images/grunge-background-2dk.jpg) top right repeat;
	vertical-align:text-top;
	}

body{
	padding:5px 0 0 0;
	margin:0;
	font:80% tahoma, verdana, sans-serif;
	background:#444 url(../images/grunge-background-2dk.jpg) top right repeat;
	color:#303030;
}

a{
	text-decoration:none;
	color:#286ea0;
}

	a:hover{
		text-decoration:underline;
	}

#toptabs{
	margin: 10px auto -13px auto;
	font-size:0.8em;
	width:900px;
}

	#toptabs p{
		text-align:right;
		color:#ccc;
	}

	.toptab{
		padding:3px 5px 3px 5px;
		margin: 5px 0 0 4px;
		text-decoration:none;
		background:#666 url(../images/corner3.gif) top right no-repeat;
		color:#ccc;
		border-bottom:1px solid #444;
	}

	.toptab:hover{
		background:#777 url(../images/corner3.gif) top right no-repeat;
		border-bottom:1px solid #444;
		color:#fcbb3c;
		text-decoration:none;
	}

    .activetoptab{
	padding:3px 5px 3px 5px;
	margin:0 0 0 4px;
	color:#ccc;
	text-decoration:none;
	background:#666 url(../images/corner3.gif) top right no-repeat;
	border-bottom:1px solid #444;
}
	.activetoptab:hover{
		text-decoration:none;
	}
	

#container{
	margin:0 auto 0 auto;
	width:890px;
/*	height:800px; */
	padding:5px 20px 20px 20px;
	background:#ffffff;
	box-shadow: 12px 12px 12px #222;
	-webkit-box-shadow: 12px 12px 12px #222;
	-moz-box-shadow: 912px 12px 12px #222;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=12, offY=12, positive=true);
}

#logo{
	margin:15px 0 0 0;
	background:#ffffff url(../images/solway_eyes.gif) top right no-repeat;

}

	#logo h1{
		color:#303030;
		margin:0 0 20px 0;
		font-size:2.1em;
		font-weight:normal;

	}

#navitabs{
	clear:both;
}

	#navitabs .navitab{
		padding:4px 8px 4px 8px;
		margin:0 0 4px 0;
		text-decoration:none;
		letter-spacing:1px;
		background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
		border-bottom:1px solid #ffffff;
		border-left:1px solid #ffffff;
	}

		#navitabs .navitab:hover{
			text-decoration:none;
			background:#d0d0d0 url(../images/corner.gif) top right no-repeat;
		}

	#navitabs .current{
		padding:4px 8px 5px 8px;
		color:#ffffff;
		margin:0 0 5px 0;
		background:#000 url(../images/corner.gif) top right no-repeat;
		border: none;
	}

		#navitabs .current:hover{
			text-decoration:none;
		}

#desc{
	height:200px;
	color:#ffffff;
	padding:0;
	background:#505050 url(../images/front.jpg) top left no-repeat;
	clear:both;
	margin:5px 0 0 0;
	box-shadow: 7px 7px 8px #666;
	-webkit-box-shadow: 7px 7px 8px #666;
	-moz-box-shadow: 7px 7px 8px #666;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=12, offY=12, positive=true);
}

	#desc p{
		width:290px;
		font-size:1em;
		line-height:1.3em;
		padding:0 0 0 15px;
	}

	#desc h2{
		margin:0 0 20px 0;
		font-size:1.6em;
		font-weight:normal;
		padding:15px 15px 0 15px;
		color:#ffffff;
	}

	#desc a{
		color:#ffffff;
		text-decoration:underline;
	}

#main{
	width:690px;
	float:left;
	padding: 0 7px 15px 7px;
	border-right:1px solid #d0d0d0;
}

#sidebar{
	width:145px;
	float:right;
	padding: 0 0 15px 0;
}

	#sidebar p{
		font-size:0.8em;
		line-height:1.3em;
		margin:0 0 12px 0;
	}
	#sidebar ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#sidebar li{
		margin: 0 0 0 2px;
		padding: 0;
	}

	.sidelink a{
		text-align:left;
		display:block;
		width:120px;
		background:#f0f0f0 url(../images/corner.gif) top right no-repeat;
		padding:3px 4px 3px 8px;
		margin:5px 10px 5px 0;
	}

		.sidelink a:hover{
			background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
			text-decoration:none;
		}
	
	.sidelink a.current{
		background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
	}

	.sidelink a.section{
		background:#fafafa url(../images/corner.gif) top right no-repeat;
	}

#footer{
	clear:both;
	background:#fafafa;
	color:#808080;
	font-size:0.9em;
	padding:8px 0 8px 0;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	text-align:left;
	margin:40px 0 0 0;
}

	#footer a{
		color:#808080;
	}
		.footer a:hover{
		text-decoration:underline;
		color:#000000;
		}
	
p{
	margin:0 0 15px 0;
	line-height:1.5em;
	text-align:left;
}

a img{
	border:0;
}

.photo{
	padding:5px;
	display:block;
	margin:0 auto 15px auto;
	background-color:#f0f0f0;
}

#Breadcrumbs p{
	font-size: 0.9em;
	color: #999;
}