#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#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%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#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 : #000;
}
.required {
font-weight : bold;
color : red;
}
.error-div {
border : 1px solid #ff0000;
background-color : #ffdede;
padding : 10px;
margin-bottom : 5px;
color : #cc0000;
}
.success-div {
border : 1px solid #09bd00;
background-color : #eeffed;
padding : 10px;
margin-bottom : 5px;
color : #006600;
}
body {
margin : 30px 0 20px 0;
padding : 0;
background : #1a1a1a;
text-align : justify;
line-height : 25px;
font-family : Calbri, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ccc;
}
h1, h2, h3 {
padding : 0;
margin : 0;
text-transform : lowercase;
color : #b1b1b1;
}
h4 {
color : #990a02;
}
p, ul, ol {
	margin-bottom : 1.5em;
	color: #999;
}
ul {
margin : 0;
padding : 0;
}
a {
	color : #990a02;
}
a:hover {
	text-decoration : none;
	color : #990a02;
}
#header {
width : 800px;
height : 150px;
margin : 0 auto;
background-image : url(images/banner02.gif);
background-repeat : no-repeat;
background-position : center top;
}
#header h1, #header h2 {
margin : 0;
padding : 0;
font-weight : normal;
color : #ffffff;
}
#header h1 {
float : left;
padding : 70px 0 10px 20px;
font-size : 3em;
}
#header h2 {
padding : 75px 0 0 0;
text-indent : -999999px;
}
#nav, nav ul {
padding : 0;
margin : 0;
list-style : none;
color : #ffffff;
}
#nav li {
position : relative;
float : left;
width : 10em;
color : #ffffff;
}
#nav li ul {
position : absolute;
width : 10em;
left : -999em;
color : #ffffff;
}
#nav li:hover ul, #nav li.sfhover ul {
left : auto;
background : white;
width : inherit;
}
#nav a {
display : block;
width : 175px;
color : #ffffff;
background-color : #990a02;
list-style : none;
padding-left : 25px;
}
#wrapper {
width : 800px;
margin : 0 auto;
background : #1a1a1a;
padding : 20px;
}
#content {
width : 800px;
margin : 0 auto;
padding-top : 25px;
background-color : #1a1a1a;
}
#content h2 {
	text-transform : capitalize;
	font-size : 1.6em;
	font-weight : normal;
	border-bottom : 1px dashed #cccccc;
	background-color : #1a1a1a;
	font-family: Calbri, Arial, Helvetica, sans-serif;
}

#content h5 {

	font-size : 1.6em;
	font-weight : normal;
	
	background-color : #1a1a1a;
	font-family: Calbri, Arial, Helvetica, sans-serif;
	}
	
#content p {
background-color : #1a1a1a;
}
#left {
float : left;
width : 480px;
padding-left : 20px;
margin-bottom : 20px;
}
#left ul {
margin : 0 3em;
padding : 0;
list-style : none;
}
#left li {
margin-bottom : 10px;
padding-left : 10px;
background : url(images/img04.gif) no-repeat 0 7px;
line-height : 17px;
}
#left .post {
	margin-bottom : 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#right {
float : right;
width : 240px;
margin-bottom : 20px;
padding-right : 20px;
}
#right ul {
margin : 15px 0 0 0;
padding : 0;
list-style : none;
}
#right li {
padding-left : 10px;
background : url(images/img04.gif) no-repeat left 50%;
}
#footer {
clear : both;
width : 800px;
height : 42px;
margin : 0 auto;
padding-top : 13px;
border-top : 1px solid #444444;
background : url(images/img03.gif) no-repeat left top;
text-transform : uppercase;
font-size : 10px;
color : #e5e5cc;
}
#footer .copyright {
margin : 0;
padding-left : 20px;
text-align : center;
}
#footer .links {
float : right;
margin : 0;
padding-right : 20px;
text-align : center;
}
#footer .css {
padding-left : 20px;
background : url(images/image01.png) no-repeat left 50%;
}
#footer .xhtml {
padding-left : 20px;
background : url(images/image02.png) no-repeat left 50%;
}
#footer a {
color : #e5e5cc;
}