* { padding: 0; margin: 0; }

body {font-family: 'Ubuntu', sans-serif, arial; font-size: 13px; background-image:url(../images/bg.jpg); background-repeat:repeat-y; background-position:top center}
#wrapper {margin: 0 auto; width: 922px;}
.center {margin:0 auto; width:922px}
#header {
 width:100%;
 float: left;
 padding: 10px 0 10px 0;
 height: 40px;
 background:#464d55;
 border-bottom:1px solid #b2b2b2;
 font-size:14px;
 }
img {border:0;}
#logo{width:253px; height:36px; float:left}
#header img{border:none}
#header ul{float:right; margin:6px 0 0 0}
#header ul li{display:inline; border-left:1px solid #60666d; border-right:1px solid #2c3136; float:left}
#header li:first-child {border-left:none}
#header li:last-child{border-right:none}
#header a{color:#fff; line-height:30px; padding:10px 20px 10px 20px; text-decoration:none}
#header a:visited{text-decoration:none}
#header a:hover{color:#cacfd5; text-decoration:none}
#login{float:right; margin:10px 0 0 0}
#login input {border:none; color:#b0b0b0; padding:5px 10px 5px 10px; margin:0 5px 0 0; width:80px;}
#login #submit{width:80px; background-color:#97002e; color:#fff}
#headerimage{background-image:url(../images/header.jpg); background-repeat:no-repeat; background-position:center; height:195px; width:100%; float:left}
#headerimage h1{color:#fff; background-image:url(images/black50.png); font-weight:normal; width:500px; margin:40px 0 0 0; padding:10px 10px 10px 10px; float:left}
#search {background-color:#97002e; width:100%; height:60px; float:left; color:#fff; font-size:18px; line-height:50px;}
#search select {margin:0 10px 0 5px; padding:5px 0 5px 10px;}
#search input {margin:0 10px 0 0; padding:5px 0 5px 10px}
#search a{color:#fff; text-decoration:none}
#search img{border:none; margin:0 0 -4px 0}



#leftcolumn a:link{color:#97002e}
#leftcolumn a:visited{color:#97002e}
#leftcolumn a:hover{color:#97002e; text-decoration:none}

#leftcolumn {width: 582px; float: left; padding:20px 20px 20px 0}
#leftcolumn h1{color:#545454; font-size:20px; font-weight:normal; line-height:30px;}
#leftcolumn h1 span{font-weight:bold}
p {color:#464d55; font-size:13px; margin:20px 0 0 0; line-height:20px;}
#medialibrary {float:left; margin:40px 0 20px 0 }
#medialibrary img{padding:0 20px 0 0}
#leftcolumn h2{color:#97002e; font-size:22px; font-weight:normal; margin:0 0 10px 0; border-bottom:1px solid #97002e}

#rightcolumn {float: right; width: 320px; display: inline;}
.box {background-color:#393939; padding:2px 2px 0px 2px; margin:20px 0 20px 0}
#rightcolumn h4{background-color:#97002e; font-size:20px; font-weight:normal; margin:20px; color:#fff; padding:5px 10px 5px 10px}
#rightcolumn p{color:#fff; margin:10px 20px 0px 20px}
#rightcolumn p span{border-top:1px solid #fff}
#rightcolumn h3{background-color:#97002e; color:#fff; margin:0; padding:11px 10px 11px 10px}
#rightcolumn h3 img{float:right; margin:-7px 0 0 0}
#rightcolumn a:link{color:#97002e}
#rightcolumn a:visited{color:#97002e}
#rightcolumn a:hover{color:#97002e; text-decoration:none}
.separator{height:1px; width:270px; background-color:#fff; margin:0 0px 0 20px}

#loginpage{width:622px; float:left; margin:0 0 0 300px}
#loginpanel {width:300px;background-color:#393939; padding:2px 2px 0px 2px; margin:100px 0 100px 0; float:left}
#loginpanel h3{background-color:#97002e; color:#fff; margin:0; padding:11px 10px 11px 10px}
#loginpanel h3 img{float:right; margin:-7px 0 0 0}
#loginpanel p{color:#fff; margin:10px 20px 0px 20px}
#loginpanel table{ width:100%}
#loginpanel input {border:none; color:#b0b0b0; padding:5px 10px 5px 10px; margin:8px 5px 0 20px; width:220px;}
#loginpanel #send{width:80px; background-color:#97002e; color:#fff; margin:5px 0 10px 180px}

#innerpage {width:922px; float:left; color:#464d55}
#innerpage h1{color:#464d55; font-size:36px; text-align:center; margin:20px 0 20px 0}
#wrapper h2{color:#464d55; margin:10px 0 10px 0}
#innerpage table{width:920px; border:0; border-collapse:collapse}
#innerpage #head{font-weight:bold; border-bottom:2px solid #97002e; line-height:24px}
#innerpage table td{padding:10px 0 10px 0}
#innerpage table tr:hover{background-color:#97002e; color:#fff}
#innerpage table tr a:hover{color:#fff}
#innerpage table img{border:1px solid #b1b1b1; margin:0 0 0 10px}


#detailpage {width:922px; float:left; color:#464d55}
#detailpage h1{color:#464d55; font-size:36px; text-align:left; margin:20px 0 20px 0; border-bottom:2px solid #97002e; width:570px;}
#detailpage table{width:920px; border:0; border-collapse:collapse}
#detailpage #head{font-weight:bold; border-bottom:2px solid #97002e; line-height:24px}
#detailpage table {width:570px;}
#detailpage table td{padding:10px 0 10px 0}
#detailpage table tr:hover{background-color:#97002e; color:#fff}

#detailpage table img{border:1px solid #b1b1b1; margin:0 0 0 10px}
#detailpage .box table{width:300px;}
#detailpage .box a {color:#fff; text-decoration:none}
#detailpage .box table img{border:none; margin:0 0 0 20px}
#detailpage .box table tr:hover{background:none}
#detailpage #container {width: 570px; margin: 0 auto;}
#gallery {background-color:#393939; width:570px; padding:10px}
#gallery img{margin:0 6px 0 0}

#container {width: 320px; margin: 0 auto;}
#pagination:hover {background:none}
.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    color: #feffff;
}

.page.dark {
    border: solid 1px #5e001d;
    background: #97002e;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
	padding:5px 10px 5px 10px;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark.active {
    border: none;
    background: #f3edcb;
	color:#000;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}

#footer {width: 922px; clear: both; float:left; background-color:#003e7d; text-align:center; margin-top:250px;padding:20px 0 0 0; color:#7899ba}
#footer ul li{display:inline; list-style:none}
#footer a{margin:0 20px 0 20px;}
#footer a:link{color:#fff; text-decoration:none}
#footer a:visited{color:#fff; text-decoration:none}
#footer a:hover{color:#fff; text-decoration:underline}
#social {margin:10px 0 10px 0}
#social a{margin:0 10px 0 0; padding:0;border:none}
#social img{border:none;}

/*Cookie message*/
.cookie-message {
  position:fixed;
  left:0;right:0; bottom:0;
  padding:20px 85px 20px 20px;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
}
.cookie-message a {
  position:absolute;
  top:0; *top:-2px; right:20px;
  cursor:pointer;
 
}
.cookie-message p, .cookie-message a {
  color:#333;
  font:bold 13px/18px Arial;
  margin:0.6em 0; color:#fff;
}
.cookie-message h5{color:#fff; font-size:16px;}
.color {
  border-top:1px solid #5c0520;
  background-color:#97002e;
}
.blue p, .blue a { color:#fff; }