body {
	background: #d1d3d4 url('../images/bg.png') repeat-x;
	font-size: 62.5%;
	font-family: arial, helvetica, "sans serif";
	color: #757575;
}

a {
	color: #000;	
	text-decoration: none;
	border-bottom: 1px dotted #666666;	
}

a:hover {
	color: #fff;
	background-color: #999999;
	border-bottom: 1px solid #999999;	
}

p, h2, h3, h4 {
	margin-bottom: 15px;
}

h2, h3, h4 {
	font-family: "arial black";
	color: #747477;
}

h2 span, h3 span, h4 span {
	background-color: #dfe0e1;
}

h2 {
	font-size: 2.5em;
}

h3 {
	font-size: 2em;
	line-height: 1.3;
}

h4 {
	font-size: 1.5em;
}

h4 a {
	color: #000;	
	text-decoration: none;
	border-bottom: 1px dotted #666666;	
}

h4 a:hover {
	color: #fff;
	background-color: #999999;
	border-bottom: 1px solid #999999;	
}

form ul li {
	margin-bottom: 15px;	
}

label {
	display: block;
	float: left;
	width: 120px;	
	font-size: 1.4em;
}

input, select {
	width: 200px;	
}

input.button {
	width: auto;
	margin-left: 120px;	
}

input, select, textarea {
	padding: 4px;
	text-size: 1.6em;
}

textarea {
	width: 400px;	
}

.small {
	font-size: .65em;	
}

.a-left {
	text-align: left;	
}

.a-right {
	text-align: right;	
}

.a-centre {
	text-align: center;	
}

.to-left {
	float: left;	
}

img.to-left {
	margin: 0 10px 10px 0;
}

.to-right {
	float: left;	
}

img.to-right {
	margin: 0 0 10px 10px;
}

.cleared {
	clear: both;	
}

#container {
	padding: 0 10px;
	background: transparent url('../images/bg-main.png') repeat-y;
}

#header #logo {
	display: none;	
}

#header h1 a {
	display: block;
	height: 147px;
	background: transparent url('../images/logo.png') no-repeat;
	text-indent: -9999px;
	border-bottom: 0;
}

#navigation {
	height: 60px;
	background: transparent url('../images/bg-nav.png') repeat-x;
}

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	display: block;
	float: left;
	margin: 17px 20px 0 10px;
	color: #000;
	font-family: "arial black";
	font-size: 1.85em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 0;
}

#navigation ul li a:hover, #navigation ul li.active a {
	border-bottom: 5px solid #45a12b;
	background-color: transparent;
}	

#main {	
	background: transparent url('../images/bg-sidebar.png') no-repeat 202px 0;
	padding-bottom: 15px;
}

#sidebar {
	padding: 15px 10px 0 0;
	width: 210px;
}

#sidebar h3.section-title {
	padding-left: 5px;
	border-left: 5px solid #45a12b;
}

#sidebar ul {
	margin-bottom: 15px;	
}

#sidebar ul.sub-navigation {
	margin-left: 5px;	
	font-size: 1.4em;
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.4;
}

#sidebar ul.sub-navigation li {
	padding-bottom: 10px;
}

#sidebar ul.sub-navigation li a {
	font-family: "arial black";
	background-color: #dfe0e1;
	color: #000;
	text-decoration: none;
	border-bottom: 0;
}

#sidebar ul.sub-navigation a:hover, #sidebar ul.sub-navigation li.active a {
	background-color: #45A12B;
	color: #fff;
}

#sidebar h2#atc-logo a {
	display: block;
	text-indent: -9999px;
	width: 94px;
	height: 131px;
	margin: 25px 50px 10px;
	background: transparent url('../images/logo-atc.png') no-repeat;
	border-bottom: 0;
}

#content {
	margin: 15px 10px 0 10px;
	width: 700px;
}

#content p {
	font-size: 1.4em;
	line-height: 1.5;
}

#content #player {
	padding: 10px;
	background-color: #b7b9ba;
	width: 500px;
	margin: 0 auto 15px;
}

#content #player.smaller {
	width: auto;	
}

#content #map-wrap {
	padding: 10px;
	background-color: #b7b9ba;	
	margin-bottom: 15px;
}

#content #map-wrap #sites-map {
	height: 400px;
}

#content #map-wrap #sites-map.single {
	height: 280px;
}

.gallery {
	padding: 5px;	
	height: 100%;
	overflow: hidden;
	background-color: #dfe0e1;
	position: relative;
}

.gallery .image {
	float: left;
	width: 470px;
	height: 400px;
	padding: 5px;
}

.gallery .image.loading {
	background: transparent url('../images/ajax-loader.gif') no-repeat center center;
}

.gallery .caption {
	padding: 5px;
	width: 470px;
	position: absolute;
	bottom: 0;
}

.gallery ul {
	float: right;
	width: 200px;	
}

.gallery ul li {
	float: left;
}

.gallery ul li a, .gallery ul li a:hover {
	border: 0 !important;	
}

.gallery ul li a img {
	border: 5px solid #dfe0e1;
}

.gallery ul li.active a img,
.gallery ul li a:hover img {
	border: 5px solid #45a12b;
}

ul.link-list li {
	margin-bottom: 10px;	
}

ul.link-list li h5 {
	font-size: 1.4em;	
}

ul.link-list li h5 a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #666666;	
}

ul.link-list li h5 a:hover {
	color: #fff;
	background-color: #999999;
	border-bottom: 1px solid #999999;	
}

ul.sites-list li {
	height: 100%;
	overflow: hidden;	
}

ul.sites-list li a img {
	border: 5px solid #b7b9ba;
}

ul.sites-list li a:hover img {
	border: 5px solid #45a12b;	
}

.posted-block {
	width: 50px;
	background-color: #232323;
	color: #fff;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	text-align: center;
	font-color: #000;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 1.6em;
}


.posted-block div.day {
	font-size: 1.6em;
	font-weight: bold;
}

.reflect_item {
	font-size: 1.4em;
	margin-bottom: 10px;	
}

#site-map {
	background-color: #fff;
	padding: 40px 0 5px;	
	color: #000;
}

#site-map h4 {
	font-size: 1.6em;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #000;
}

#site-map ul {
	margin-bottom: 35px;
}

#site-map a {
	font-family: "Arial Black";
	text-decoration: none;
	color: #000;
	border: 0;
}

#site-map a:hover {
	background-color: #666666;
	color: #fff;	
}

#site-map ul li {
	margin-bottom: 15px;
}

#site-map ul li a {
	font-size: 1.3em;
	text-transform: uppercase;
}

#site-map .address, #site-map .address h4 {
	font-family: "Arial Black";
	color: #747477;	
}

#site-map .address .lines {
	font-size: 1.7em;
}

#footer {
	background-color: #fff;	
	font-size: 1.3em;
	line-height: 2;
	padding: 10px 0 0;
	border-top: 3px solid #747477;
}

#footer ul li {
	display: inline;
	margin-right: 10px;
}

#offline {
	border: 1px solid #000;
	width: 400px;
	margin: 100px auto 0;
	padding: 20px;
	background: #fff;
	text-align: center;
}

#offline h1 {
	width: 129px;
	height: 147px;
	margin: 0 auto 20px;
	background: #fff url('../images/offline-logo.gif') no-repeat top center;
	text-indent: -9999px;
}