html {overflow-y:scroll;}

body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background:#660000 url(img/sabbat-bg.gif) no-repeat fixed;
color : #333333;
text-align:center;
}
#container {
width : 900px;
margin-left : auto;
margin-right : auto;
margin-top: 20px;
padding : 0;
border : 2px solid #FFFFFF;
background : #FFFAF0;
color : #333333;
text-align:left;
background-image:url(img/blood-bg.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

			/*TOP BANNER*/
#topimg {
height : 150px;
padding : 0;
margin : 0;
background-color : #000000;
}
.banner {
border: 0;
width:900px;
height:150px;
}
			/*TOP NAVIGATION*/
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0 0 20px 0;
font-size : 110%;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #FFFFFF;
background : #222222;
color : #222222;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #FFFFFF;
background : #222222;
color : #FFFFFF;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #444444;
color : #FFFFFF;
}
			/*MAIN CONTENT*/
#content {
margin : 0 0 5px 180px;
padding : 5px;
background : inherit;
color : #333333;
}
#content a:link, #content a:visited {
background : inherit;
color:#666666;
text-decoration:none;
}
#content a:hover {
background : inherit;
text-decoration:underline;
color : #000000;
}
#content li {
padding-bottom : 5px;
}
p strong {
font-weight : bold;
color:#222222;
}

p {
line-height: 1.7em;
margin : 10px;
}
h1 {
margin-top : 5px;
padding : 0;
font-size : 125%;
text-transform : uppercase;
letter-spacing: 3px;
color : #000000;
background : inherit;
}

h1 strong {
color:#333333;
}

h2 {
margin : 10px 0 0 0px;
padding-left : 5px;
font-size : 130%;
text-transform : uppercase;
letter-spacing : 5px;
color : #FFFFFF;
background : #444444;
}
h3 {
font-size : 110%;
text-transform : uppercase;
letter-spacing: 2px;
color : #444444;
background : inherit;
padding-top : 5px;
}
h4 {
font-size:12px;
text-transform : uppercase;
letter-spacing: 2px;
color : #444444;
padding-top : 5px;
}

h4 strong{
color:#000000}

h2 a {
text-decoration:none;
color:#FFFFFF;
}
.smaller {
font-size: smaller;
padding:6px;
}
.imgr {
float : right;
margin : 10px;
border : #555555 1px solid;
}
.imgl {
float : left;
margin : 10px;
border : #555555 1px solid;
}
.img a {
border : none;
} 
.imgred {
border:#660000 1px solid;
}
blockquote {
font-style : italic;
color : #660000;
}
.disctable {
background:url(img/table_bg.gif);
font-weight:bold;
margin-left:10px;
margin-bottom:10px;
outline:1px solid #999999;
}

			/*SIDEBAR*/
#sidebar {
float : left;
width : 160px;
margin : 0 15px 0 0;
padding : 5px;
background : #FFFAF0;
color : #333333;
border-right : 1px dashed #999999;
}
			/*SIDE MENU*/
.sidemenu ul {
text-align : left;
}
.sidemenu ul li {
color : #666666;
}
.sidemenu ul li a {
font : normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000000;
}
.sidemenu ul li a:hover {
color : #666666;
text-decoration:underline;
}
.sidemenu ul li a#current {
color : #666666;
}


			/*FOOTER*/
#footer {
clear : both;
padding : 2px 0 3px 10px;
margin : 0;
font-size : 90%;
background : #000000;
color : #FFFFFF;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #FFFFFF;
}
#footer a:hover {
border-bottom : 1px #EEEEEE;
background: inherit;
color : #666666;
}

			/*SITEMAP*/
			
.sitemap1 {
width:250px; float:left;
}

.sitemap2 {
width:400px; float:left;
}

.sitemap1 ul {
list-style: none;
list-style-image:none;
margin-top:3px;
}

.sitemap2 ul {
list-style: none;
list-style-image:none;
margin-top:3px;
}

.sitemap1 li {
padding-top:3px;
}

.sitemap2 li {
padding-top:3px;
}

.news {
padding:3px;
font-size : 1em;
line-height:1.6em;
letter-spacing:2px;
color:#000000;
padding-left:10px;
border:#660000 1px solid;
width: 664px;
}

.news strong {
font-weight:bold;
text-transform:uppercase;
}

.against {
float: right;
width: 400px;
margin: 10px 10px 10px 10px;
font-family: Georgia, arial, helvetica;
font-size: 18px;
line-height: 1.5em;
color: #200000;
}

.against em {
color:#660000;
}

.reditalic {
color: #660000;
font-style: italic;
}

.packmates {
width:680px;
float:left;
margin:5px;
padding:2px;
border:#999999 1px solid;
}

.packmates h3 {
text-transform:none;
font-size:14px;
padding-left:10px;
font-weight:normal;
font-style:italic;
color:#330000;
margin:0px;
}

.packmates h3 em {
color:#000000;
font-weight:normal;
}

.packmates p {
line-height: 1.4em;
font-size:1em;
text-align:justify;
font-style:italic;
}

.packmatesnone {
height:210px;
float:left;
margin:5px;
padding:2px;
border:#999999 1px solid;
width:158px;
}

.packmatesnopic {
float:left;
margin:5px;
border:#999999 1px solid;
}

.packmatesnone h3 {
text-transform:none;
font-size:14px;
padding-left:10px;
font-weight:normal;
font-style:italic;
color:#330000;
margin:0 10px 10px 0;
}

.packmatesnopic h3 {
text-transform:none;
font-size:14px;
padding-left:10px;
font-weight:normal;
font-style:italic;
color:#330000;
margin:0 10px 10px 0;
}

.packimgr {
margin : 10px;
border : #555555 1px solid;
}

.packimgl {
margin : 10px;
border : #555555 1px solid;
}

.clear {
clear:both;
}

.gallery {border:1px solid #000000; margin:2px;}

/*lightbox*/

#lightbox {position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;margin: -50px auto;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px;}
#loading {position: absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px Arial, Helvetica, sans-serif;background-color:#FFFFFF;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData {padding:0 10px;color:#666666;}
#imageData #imageDetails {width:70%;float:left;text-align:left;}	
#imageData #caption {font-weight:bold:}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em:}			
#imageData #bottomNavClose {width:66px;float:right;padding-bottom:0.7em;outline:none;}	 	
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000000;}