/* == Library Logo uses these colors (pink = #ec008b, orange = #f58612, blue = #2e3192, instagram & green = #25963a, twitter blue = 26a7de, facebook blue= #39569c ) == */* {
	 padding: 0;
	 margin: 0;
	 
	}

 html, body {
	height: 100%;
	background-color: #BBB;
	}

ul {
	 list-style: none;
	 
	}

.float {
	 float: left;
	 
	}

#site {
	width: 1074px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	background-color: #FFF;
	-moz-box-shadow: 5px 5px 35px #333;
	-webkit-box-shadow: 5px 5px 35px #333;
	box-shadow: 5px 5px 35px #333;
	overflow: hidden;
	}

#logo{
	width: 300px;
	height: 100px;
	float: left;
	margin-left: 25px;
	}

#catalog {
	padding-top: 15px;
	height: 85px;
	float: right;
	margin-right: 25px
	}

#catalog_mod {
	float: right;
	margin-right: 25px;
	height: 75px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	background-color: #2E3192;
	-moz-box-shadow: 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	}

#emergency_notice {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
  	margin-top: 10px;
	margin-left: 25px;
	margin-bottom: 10px;
	width: 1024px;
	background-color: #EE0000;
	font-size: 18px;
	color: #FFF;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #888;
	}

#emergency_notice a {
	text-decoration: none;
	color: #FFF;
	}

#emergency_notice a:hover {
	text-decoration: none;
	color: #BBB;
	}

#navbar {
	width: 1024px;
	height: 35px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	}

.nav-pills > li > a {
	background-color: #DDD;
	margin: 2px 8px 2px 0;
	-moz-box-shadow: 5px 5px #888;
	-webkiet-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}

.nav-pills > .active > a, .nav-pills > .active > a: focus {
	background-color: #2e3192;
	}

.nav-pills > .active > a: hover {
	background-color: #33F;
	}

#cal {
	 width: 1024px;
	 float: left;
	 margin-left: 20px;
	 margin-right: 20px;
	 
	}

#home {
	float: left;
	background-color: #DDD;
	width: 1024px;
	height: 450px;
	padding-bottom: -20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	overflow: hidden;
	}
#calendar {
	width: 220px;
	}

#content {
	 width: 1024px;
	 float: left;
	 margin-left: 20px;
	 margin-right: 20px;
	 
	}

.categories-list {
	float: left;
	}

.categories-list.first {
	float: left;
	}

.page-header {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 16px;
	}

.page-header > a, .page-header > a: link, .page-header > a: visited, .page-header > a: active {
	color: #000;
	}

.page-header > a: hover {
	color: #DDD;
	text-decoration: none;
	}

#helper {
	float: right;
	width: 20%;
	background-color: #00FAFA;
	}

#lower {
	width: 1024px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	}

#lower_left {
	width: 32%;
	float: left;
	margin: 0 5px 0 0;
	}

#lower_middle {
	width: 32%;
	float: left;
	margin: 0 5px 0 10px;
	}

#lower_right {
	width: 34%;
	float: right;
	}

#getacard {
	float: left;
	background-color: #ec008b;
	height: 64px;
	width: 100%;
	-moz-border-top-right-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	margin: 0 0 0 0;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#facebook {
	float: left;
	background-color: #39569c;
	height: 64px;
	width: 100%;
	margin: 0 0 0 0;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#newsletter {
	float: left;
	background-color: #f58612;
	height: 64px;
	width: 100%;
	margin: 0 0 0 0;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#twitter {
	float: left;
	background-color: #26a7de;
	height: 64px;
	width: 100%;
	margin: 0 0 0 0;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#instagram {
	float: left;
	background-color: #25963a;
	height: 64px;
	width: 100%;
	margin: 0 0 0 0;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#youtube {
	float: left;
	background-color: #F00000;
	height: 64px;
	width: 100%;
	-moz-border-bottom-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin: 0 0 10px 0;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#youtube:hover {
    background-color: #888;
    }

#facebook:hover {
	background-color: #888;
	}

#newsletter:hover {
	background-color: #888;
	}

#twitter:hover {
	background-color: #888;
	}

#getacard:hover {
	background-color: #888;
	}
	
#instagram:hover {
	background-color: #888;
	}

#footer {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	background-color: #25963a;
	border-radius: 15px;
	width: 1024px;
	height: 200px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px#888;
	box-shadow: 5px 5px 5px #888;
	}

#footer a:hover {
	color: #000;
	}

#footer a {
	color: #FFF;
	}

#footer1 {
	width: 15%;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	}

#footer2 {
	width: 15%;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	}

#footer3 {
	width: 20%;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	}

#footer4 {
	width: 35%;
	margin: 25px;
	float: right;
	}

#footer4 label.finder {
	color: #FFF;
	margin-right: 5px;
	}

/*Opera Fix thanks to Maleika (Kohoutec)*/body: before {
	 content: "";
	 height: 100%;
	 float: left;
	 width: 0;
	 margin-top: -32767px;
	/* thank you Erik J - negate effect of float*/
	}

.cat-children {
	display: none;
	}

.clear: after {
	clear: both;
	}