/**************************
 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:#e0e0e0;
}

body{
	padding:5px 0 0 0;
	margin:0;
	font:76% tahoma, verdana, sans-serif;
	background:#e0e0e0;
	color:#303030;
}

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

	a:hover{
		text-decoration:underline;
	}

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

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

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

	.toptab:hover{
		background:#fafafa url(../images/corner2.gif) top right no-repeat;
		border-bottom:1px solid #eaeaea;
		color:#505050;
		text-decoration:none;
	}

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

	.activetoptab:hover{
		text-decoration:none;
	}

#container{
	margin:0 auto 0 auto;
	width:730px;
	padding:5px 20px 20px 20px;
	background:#ffffff;
}

#container h2{
    margin-top: 10px;
    margin-right: 0pt;
    margin-bottom: 10px;
    margin-left: 0pt;
    font-size: 1.4em;
    font-weight: normal;
}

#logo{
	margin:15px 0 0 0;
}

	#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:#505050 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;
}

	#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:540px;
	float:left;
	padding: 0 7px 15px 7px;
	border-right:1px solid #d0d0d0;
}

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

	#sidebar p{
		font-size:0.9em;
		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;
	}

    #sidebar span{
        color:#286ea0;
    }
    
	.sidelink a{
		text-align:left;
		display:block;
		width:140px;
		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:center;
	margin:20px 0 0 0;
}

	#footer a{
		color:#808080;
	}

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;
}