body {
background-color : #222222;
font-size : small;
line-height : 180%;
}
p {
font-family : Tahoma;
color : #fff;
margin : 1px;
}
h1 {
color : #999;
font-family : Tahoma;
font-size : medium;
padding-top : 1px;
padding-right : 1px;
padding-left : 1px;
}
h2 {
color : #ccc;
font-family : Tahoma;
font-size : large;
padding-top : 1px;
padding-right : 1px;
padding-left : 1px;
}
h3 {
color : #fff;
font-family : Tahoma;
font-size : x-large;
padding-top : 1px;
padding-right : 1px;
padding-left : 1px;
}
a {
font-family : Tahoma;
font-size : medium;
color : #96c;
}
a img {
border : 0;
}
#logo {
position : relative;
width : auto;
height : 133px;
background : url(images/bg.jpg) no-repeat center;
}
#agroup {
background-color : #222222;
}
#header {
clear : right;
position : relative;
width : auto;
height : 127px;
background : url(images/bg_up.png) repeat-x;
text-align : center;
}
#navbar {
position : relative;
float : left;
top : 30%;
left : 50%;
margin-left : -386px;
}
#midsection {
float : left;
position : relative;
width : 800px;
height : auto;
background : #3c3c3c;
left : 50%;
margin-left : -400px;
border : solid #3c3c3c;
}
#footer {
clear : both;
position : relative;
width : auto;
height : 127px;
background : url(images/bg_down.png) repeat-x;
}
#submenu {
width : 800px;
height : 30px;
background : url(images/submenu-bg.jpg) repeat-x;
}
.pagelist li {
position : relative;
float : left;
padding : 3px;
left : 50%;
}
#navMenu {
margin : 0;
padding : 0;
list-style : none;
font-family : arial;
text-align : center;
line-height : 0;
}
#navMenu li {
float : left;
background : url(images/default.jpg) center center;
width : 155px;
height : 49px;
border-left : 0;
border-right : 0;
border-top : 0;
border-bottom : 0;
position : relative;
}
#navMenu li a {
z-index : 20;
display : block;
height : 49px;
position : relative;
color : #777;
}
#navMenu li .hover {
background : url(images/over.jpg) center center;
position : absolute;
width : 155px;
height : 49px;
left : 0;
top : 0;
z-index : 0;
display : none;
}
#navMenu li.selected {
background : url(images/selected.jpg) center center;
}
ul.gallery {
width : 708px;
list-style : none;
margin : 0;
padding : 0;
}
ul.gallery li {
float : left;
margin : 10px;
padding : 0;
text-align : center;
border : 1px solid #ccc;
display : inline;
}
ul.gallery li a.thumb {
width : 204px;
height : 182px;
padding : 0;
border-bottom : 1px solid #ccc;
cursor : pointer;
}
ul.gallery li span {
width : 204px;
height : 182px;
overflow : hidden;
display : block;
}
ul.gallery li a.thumb:hover {
background : #333;
}
ul.gallery li h2 {
height : 60px;
width : 204px;
font-size : smaller;
font-weight : normal;
text-transform : uppercase;
margin : 0;
padding : 0;
background : #f0f0f0;
border-top : 1px solid #fff;
}
ul.gallery li a {
text-decoration : none;
color : #333;
display : block;
}
#gallery {
position : relative;
height : 360px;
}
#gallery a {
float : left;
position : absolute;
}
#gallery a img {
border : none;
}
#gallery a.show {
z-index : 500;
}
#gallery .caption {
z-index : 600;
background-color : #000;
color : #ffffff;
height : 100px;
width : 100%;
position : absolute;
bottom : 0;
}
#gallery .caption .content {
margin : 5px;
}
#gallery .caption .content h3 {
margin : 0;
padding : 0;
color : #1dccef;
}
.breadcrumb {
position : relative;
height : 30px;
width : 100%;
}
.breadcrumb ul {
position : relative;
margin : 0 5px 0 5px;
padding : 0;
height : 30px;
background : url('images/breadcrumbImage.png') repeat-x 0 -30px;
}
.breadcrumb ul li {
padding : 0;
margin : 0;
list-style : none;
float : left;
height : 30px;
display : inline;
}
.breadcrumb ul li a {
font : 12px Arial, Helvetica, sans-serif;
color : rgb(255, 255, 255);
text-decoration : none;
line-height : 30px;
display : block;
background : url('images/breadcrumbImage.png') no-repeat 100% -60px;
padding : 0 17px 0 15px;
}
.breadcrumb ul li a:hover {
text-decoration : underline;
}
.breadcrumb ul li a.active {
background : none;
color : rgb(255, 255, 255);
}
.breadcrumb ul li a.active:hover {
text-decoration : none;
}
.breadcrumb .left {
position : absolute;
top : 0;
left : 0;
width : 10px;
height : 30px;
display : block;
z-index : 1;
background : url('images/breadcrumbImage.png') no-repeat 0% 0;
}
.breadcrumb .right {
position : absolute;
top : 0;
right : 0;
width : 10px;
height : 30px;
display : block;
z-index : 1;
background : url('images/breadcrumbImage.png') no-repeat 100% -90px;
}