﻿
body {
	
	background:			#000 url(/images/bg.jpg) no-repeat center 27px;
	margin:						0;
	padding:					0;
	font:						13px 'Helvetica','Arial';
	line-height:				15px;
}


h1, h2, h3, h4 {
	font:						'Helvetica','Arial';	
	color:						white;
}

a {
	color:						white;
}

#top-bar {
	background-image:			url(/images/top-bar.jpg);
	background-repeat:			repeat-x;
	height:						26px;
	border-bottom:				1px solid #928c7a;
}

.wrapper {
	margin:						0 auto;
	width:						900px;
}
.pad {
	padding:					15px 10px 0 10px;
}

#head {
	height:						130px;
}
.alignleft {
	float:						left;
}
.alignright {
	float:						right;
}


#navigation {
	clear: both;
}

#content {
	float:						left;
	width:						900px;
	color:						#e0e0df;
	line-height:				18px;
}
#content p {
	margin-left:				10px;
	margin-bottom:				20px;
	margin-top:				10px;
}


#foot {
	clear: both;
	border-top:					1px solid #928c7a;
	background:					#5c5c5c url(./images/bg-foot.jpg) repeat-x;
	height:						310px;
}


#copyright {
	float:						left;
	width:						250px;
	color:						#ffffff;
	font-size:					11px;
}
#iww {
	float:						right;
	margin-top:					-2px;
	border:						none;
}


#img-holder {
	background-image:			url(/images/img-holder.png);
	width:						900px;
	height:						357px;
}
#img-holder #master0 {
	margin:						0 auto;
	text-align:					center;
}
#img-holder img {
	padding-top:				7px;
}


	
	

/* Styles for the entire LavaLamp menu */
#head ul {
	position:					relative;
	list-style:					none;
	margin:						58px 0 0;
	padding:					0 15px;
	float:						right;
	overflow:					hidden;
	left:						42px;
}
#head ul li {
	float:						left;
}
#head ul li a {
	float:						left;
	display:					block;
    position:					relative; 
	overflow:					hidden;
	margin:						0 9px;
	padding:					5px 10px;
	color:						#fff;
	outline:					none;
	font-size:					14px;
	text-decoration:			none;
	z-index:					10;
}
#head ul li.back {
	position:					absolute;
    background:					url("./images/lava.gif") no-repeat right -28px;
    width:						9px; 
	height:						28px;
    z-index:					8;
}
#head ul li.back .left {
    background:					url("./images/lava.gif") no-repeat left -1px;
    height:						28px;
	margin-right:				9px;
}


/************************
*
* Contribute
*
************************/

.container {
   position: relative;
   height: 30px;
   }

.contribute_inputtitle {
   position: absolute;
   left: 0;
   width: 26%;
   text-align: right;
   }

.contribute_input {
   position: absolute;
   right: 0;
   width: 70%;
   text-align: left; /* depends on element width */
   }
.contribute_comments {
   position: absolute;
   right: 0;
   width: 70%;
   text-align: left; /* depends on element width */
   }
  
  
  
  
/************************
*
* Form field validation styles
*
************************/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00244D;
}
	
.LV_invalid {
    color:#870617;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00244D;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #870617;
} 
  
  

