@import url('http://fonts.googleapis.com/css?family=Roboto');
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('http://fonts.googleapis.com/css?family=Noto+Sans');
 @charset "utf-8";
body {
	color: #505050;
	padding: 0px;
	margin: 0px;

	font-family: 'Roboto', 'Source Sans Pro', 'Noto Sans';
	font-size: 100%;
	background-position: center;
	font-style: light;
	line-height: 20px;
	
}
img {
	border: 0;
}


body.FSNormal #ContainerContent{font-size:100%;}
body.FSBigger #ContainerContent{font-size:150%;}
body.FSBiggest #ContainerContent{font-size:200%;line-height:35px;}
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 

#MainMenu {
	list-style-type: none;
	margin-left: 4px;
	padding: 0;
	font-size: 12px;
}
a:link{
	color:#505050;
}
a:visited {
	color:#505050;
}
#pagetitle_leftmenu {
	margin-top: 30px;
	margin-left: 32px;
	margin-bottom: 20px;
}
#Menu_left li ,#MainMenu li{
	display: inline;
}
#Menu_left li{
	padding:0px 1px;
	margin-top: -5px;
	margin-bottom: 10px;
}
#Menu_left {
	padding: 0px 10px;
	width: 260px;
	float: left;
	margin-top: 20px;
	margin-bottom: 80px;
}
#Menu_left a:hover,#Menu_left a:focus{
    color:#FFF;
}
#Home a:hover{
  color:#E81717;
}
#Print a:hover{
  color:#E81717;
}
/*
#Menu_left a:hover > #left_menu_button:before,#Menu_left a:hover > #left_menu_button:focus{
    position: absolute;
    content: "．";
    margin-left: -9px;
    margin-top: -2px;
    font-weight: bold;
}
*/
#left_menu_button {
    position: absolute;
    margin-left: -172px;
}
#left_menu_2layer_button {
    position: absolute;
    margin-left: -172px;
    line-height: 16px;
}
#pagetitle {
	font-family: "Roboto";
	font-weight: 100;
	font-style: light;
	font-size: 22px;
	line-height: 25px;
	color: #CD217E;
}
#imgcaption {
	color: #CD217E;
	font-style: medium;
	font-weight: 500;
}
#ContainerContent {
	text-align: left;
	margin-top: -42px;
	margin-left: 280px;
	margin-bottom:100px;
}
#ContainerContent .ImageBox {
    margin-top: 30px;
    vertical-align: bottom;
}
#ContainerContent .ImageBox div {
    position: relative;
    display: inline-block;
    zoom: 1;
    padding-right: 155px;
}

#ContainerContent .ImageBox div p {
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -120px;
    bottom: 2px;
    width: 270px;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}
#ContainerContent .ImageBox img {
    width:400px;
}
#Content, #Footer{
	max-width: 980px;
	width:980px;
	margin: 0 auto;
}
#pagecontent {
	margin-top: 55px;
	padding-right: 50px;
}
#pagecontent p{
	line-height: 24px;
}
#Tools {
	text-align: right;
	margin-top: 0px;
	margin-right: 50px;
}
#Tools li {
	font-size: 12px;
	display: inline-block;
	zoom: 1;
	margin-left: 12px;
}
#Tools li a span {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
}
#Tools li#Home a span {
	background-image: url(../../lib/img/home.png);
	padding-left: 22px;
}
#Tools li#Print a span {
	background-image: url(../../lib/img/print.png);
}
#TopButton {
	text-align: right;
	float: right;
	margin-bottom: 40px;
	color: #CD217E;
	text-decoration: none;
}
#TopButton li a span {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
}
#TopButton li#TopButton a span {
	background-image: url(../../lib/img/backtotop.png);
}
#index_button_content {
	    margin: 257px 200px 52px 322px;
}
#index_button {
	margin-top: 10px;
}
#index_button_text {
	font-family: "Roboto";
	position: absolute;
	color: white;
	font-size: 14px;
	margin-left: -215px;
	margin-top: 2px;
	font: ro
}
#lesisure_button_1, #lesisure_button_2, #lesisure_button_3, #lesisure_button_4, #lesisure_button_5, #lesisure_button_6, #lesisure_button_7, #lesisure_button_8, #lesisure_button_9, #lesisure_button_10, #lesisure_button_11 {
	background: #BCEBE6;
	border-radius: 10px;
	width: 189px;
	font-family: "Roboto";
}
#Menu_left a {
	text-decoration: none;
	color: #59585C;
	font-weight: bold;
}
#content_ul li{
	margin-left: -15px;	
	
}
#bottombar{
	clear: both;
}

/*---------------Footer-----------------------------*/
#Footer {
	height: 106px;
	overflow: hidden;
	background-color: #FFF;
}
#Footer ul {
    font-size: 0;
    padding: 15px 28px;
}
#Footer ul li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}
#Footer ul li {
    display: inline-block;
    zoom: 1;
    font-size: 12px;
    border-left: 1px solid #000;
    margin-left: 5px;
    padding-left: 5px;
}
#Footer ul li a {
    color: #000;
    text-decoration: none;
}
#Footer ul li#W3C {
    border: 0;
    margin-left: 15px;
}
#Footer ul li#WARC {
    border: 0;
}

/*---------------Leisure Services-----------------------------*/
#leisure_title {
	font-family: "Roboto";
    font-weight: bold;
    font-style: light;
    font-size: 22px;
    line-height: 25px;
    color: #002BFF;
}
/*---------------Leisure Services-----------------------------*/
#Content #ContainerContent .Events {
    padding: 0;
    margin-top: 20px;
    font-size: 100%;
}

#Content #ContainerContent .Events li {
    border-bottom: 2px solid #aa396c;
        list-style-type: none;
}
#Content #ContainerContent .Events li:first-child * {
    font-size: 100%;
}
#Content #ContainerContent ol.Events span:first-child {
    width: 10px;
}
#Content #ContainerContent ol.Events li:first-child span:first-child {
    width: 230px;
}
#Content #ContainerContent .Events span {
    float: left;
    width: 200px;
    padding-right: 20px;
    font-size: 100%;
}
#Content #ContainerContent .Events p {
    overflow: hidden;
    margin-top: 0;
}

/*---------------Appendices-----------------------------*/

.appendices_ul{
	list-style-type: decimal;
}
.appendices_ul li{
	padding:6px 0px;	
}

.appendices_ul a:link{
	color:#505050;
	text-decoration: none;
}
.appendices_ul a:hover{
	text-decoration: underline;
}
.appendices_ul a:visited {
	color:#505050;
	text-decoration: none;
}

/*---------------feedback-----------------------------*/
#feedback_title{
	font-family: "Roboto";
    font-weight: bold;
    font-style: light;
    font-size: 22px;
    color: #F72712;;
	
}
/*---------------FPV-----------------------------*/
#fpv_title{
	font-family: "Roboto";
    font-weight: bold;
    font-style: light;
    font-size: 160%;
    line-height: 25px;
    color: #87006F;
	
}
#fpv_sub_title{
	font-family: "Roboto";
    font-weight: bold;
    font-style: light;
    font-size: 120%;
    line-height: 25px;
    color: #87006F;
	
}
#fpv_sub_title2{
	font-family: "Roboto";
    font-weight: bold;
    font-style: light;
    font-size: 100%;
    line-height: 25px;
    color: #87006F;
	
}
#fpv_sub_title3{
    color: #87006F;
	font-weight: bold;
}


/* ===== SiteMap ===== */
#Content.SiteMap #ContainerContent h1{font-size:100%;margin-top:20px;}
#Content.SiteMap #ContainerContent h1:first-child{margin-top:0;}
#Content.SiteMap #ContainerContent ul{font-size:90%;}
#Content.SiteMap #ContainerContent ul li{margin-top:5px;}
#Content.SiteMap #ContainerContent a{text-decoration:none;}
#Content.SiteMap #ContainerContent a:hover{text-decoration:underline;}

#Content.SiteMap #ContainerContent .Foreword a,#Content.SiteMap #ContainerContent .Pledges a,#Content.SiteMap #ContainerContent .Vision a {color:#822d8f;}
#Content.SiteMap.Leisure #ContainerContent h2,#Content.SiteMap #ContainerContent .Leisure a,#Content.SiteMap #ContainerContent .Leisure li {color:#194D00;}
#Content.SiteMap.Cultural #ContainerContent h2,#Content.SiteMap #ContainerContent .Cultural a,#Content.SiteMap #ContainerContent .Cultural li {color:#ae004f;}
#Content.SiteMap.Admin #ContainerContent h2,#Content.SiteMap #ContainerContent .Admin a,#Content.SiteMap #ContainerContent .Admin li {color:#bf4719;}
#Content.SiteMap.Feedback #ContainerContent h2,#Content.SiteMap #ContainerContent .Feedback a,#Content.SiteMap #ContainerContent .Feedback li {color:#9d3d24;}
#Content.SiteMap.Appendices #ContainerContent h2,#Content.SiteMap #ContainerContent .Appendices a,#Content.SiteMap #ContainerContent .Appendices li {color:#002BFF;}

/* ===== Print ===== */
@media print {

ul {
	display:     display: inline-block;;
}

	#tc {display:initial;}
	#FSBigger {display:initial;}
	#pagetitle_leftmenu {display:initial;}
	#header {display:initial;}
	#topbar {display:initial;}
	#MainMenu {display: initial;}
	#Tools *{display:initial;}
	#ContainerContent #TopButton{display:initial;}
	 #ContainerContent {    margin-left: 210px;}
	 #ContainerContent.Index {padding:490px 90px 100px 20px;}
	 #ContainerContent {    margin-left: 210px;}


	
}