/* native */

a.black{
	color:black;
}

body{
	background: url(../images/bg.jpg) repeat-x fixed center bottom #000000;
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
}

h1{
	font-family:verdana, arial, sans-serif;
	font-size: 16px;
	margin-top: 0px;
}

h1.bigger{
	font-size: 22px;
}

h2{
	font-family:verdana, arial, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 20px;
}

h2.normal{
	font-weight: normal;
	margin-bottom: 5px;
}

h3{
	font-family: verdana, arial, sans-serif;
	color:#0085cc;
	margin-top: 0px;
	font-weight: normal;
}

h4{
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
	margin: 5px;
}

hr{

	border:solid gray 1px;

}

html .threepxfix{
margin-left: 3px;
}

img a{
	border: none;
}

input.go { background-color: blue; 
border-color: efefef; 
color: black; 
font-family: arial, verdana, ms sans serif; 
font-weight: bold; 
font-size: 16pt; 
}

legend{
	font-weight: bold;
}

p.fourteen{
	font-size:13px;
	margin-top: 02px;
}

p.strong{
	font-weight:bold;
}

p#zero{
	margin: 0px;
	padding: 0px;
	width:auto;
	font-size: 10px;
}

p#zeroten{
	margin: 0px;
	padding: 0px;
	width:auto;
	font-size: 10px;
}

p#zerotenblue{
	margin: 0px;
	padding: 0px;
	width:auto;
	font-size: 10px;
	color:#0085cc;
}

table{
	font-size: 11px;
	vertical-align: top;
}

tr{
	margin:0px;
	padding: 0px;
	vertical-align: top;
}

td{
	margin:0px;
	padding: 0px;
	vertical-align: top;
}

ul{
	font-size: 10px;
	margin: 5px;
	padding: 10px;
	padding-top: 0px;
}

ul li{
	margin 0px;
}

ul li ul li{
	margin 0px;
}

/* id's */

#about{
	margin-left:9px;
}

#about-text{
	width:478px;
	background: #ffffff;
	float:left;
	margin:5px 0 0 10px;
	padding:10px;
}

#address{
	margin-left: 24px;
	margin-top: 10px;
	color: #ffffff;
	vertical-align: top;
	
	float: left;
}

#altContent{
	padding-left: 50px;
	
}

#awards-text{
	width:850px;
	background: #ffffff;
	float:left;
	padding:10px;
}

#bash-details{
	height:18px;
	width:647px;
	background: url(../images/awards-details.jpg);
	margin:10px 0 0 20px;
	display: block; 
}

#bionicbutton{
	
	padding-top: 0px;
	float: right;
}

#boxes{
	margin-left: 13px;
	display: block;
	height:166px;
}

#boxes-float{
	margin-left: 13px;
	display: block;
	height:166px;
	float: left;
	width:497px;
}

#cat-text{
	width:400px;
	background: #ffffff;
	float:left;
	padding:10px;
}

#change{
	margin-top: -5px;
	width: 686px;
}

#clearing{
	clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;	
}

#contact-float{
	margin-left: 11px;
	display: block;
	height:166px;
	float: left;
	width:497px;
}

#contact-text{
	width:477px;
	background: #ffffff;
	float:left;
	margin:5px 0 0 18px;
	padding:10px;
}

#enter-text{
	width:477px;
	background: #ffffff;
	float:left;
	margin-left:19px;
	margin:5px 0 0 10px;
	padding:10px;
}

#form-div{
	width:460px;
	float:left;
}

#flash-header{
	padding-left: 12px;
	height:384px;
}

#form-info{
	width: 210px;
	float: left;
}

#form-text{
	width:950px;
	background: #ffffff;
	float:left;
	padding:10px;
	margin-bottom: 20px;
}

#form-wrapper{
	margin:0px auto;
	width:1000px;
}

#header{
	background: url(../images/holding-banner.png) no-repeat;
	height: 373px;
	width: 1042px;
	margin-bottom: 3px;
	display: block;
}

#lf-text{
	width:477px;
	background: #ffffff;
	float:left;
	margin-left:19px;
	margin:5px 0 0 10px;
	padding:10px;
	height:301px;
}

#pastwinners-text{
	width:650px;
	background: #ffffff;
	float:left;
	padding:10px;
}

#text-bg{
	background: url(../images/texture.jpg);
	padding: 3px 5px 0;
}

#ticket-text{
	width:483px;
	height: 300px;
	background: #ffffff;
	float:left;
	margin-left:19px;
	margin:5px 0 0 10px;
	padding:10px;
}

#wrapper{
	margin:0px auto;
	width:1042px;
}

/* classes */

.blue{
	background-color: #d9edf7;
	border: dashed #d3d3d3 1px;
	padding: 5px;
}

.bw { z-index: 101; }

.categories{
	margin: 2px;
	display: block;
	width:503px;
	float: left;
}

.contacts{
	margin: 5px 9px;
	display: block;
	width:333px;
	float: left;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 10px 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/


}

.cssform label{
font-weight: bold;
float: left;
margin-left: -180px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 254px;
border:none;
border-bottom:grey 1px solid;
}

.cssform textarea{
width: 250px;
height: 150px;
border:grey 1px solid;

}

div.button {
	height: 29px;	
	width: 133px;
	background: url(http://valums.com/wp-content/uploads/ajax-upload/button.png) 0 0;
	
	font-size: 14px;
	color: #C7D92C;
	text-align: center;
	padding-top: 15px;
}

/*We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with javascript. 
 */

.awardslist p{
width: 400px;
float:left;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
border-bottom:solid gray 1px;
}
 
#awardslist{
width: 400px;
float:left;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
}

#awardslistRight{
width: 400px;
float:right;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
}


 
div.button.hover {
	background: url(http://valums.com/wp-content/uploads/ajax-upload/button.png) 0 56px;
	color: #95A226;	
}
#button2.hover, #button4.hover {
	text-decoration:underline;
}

.floatright{
	float:right;
}

.honform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 10px 8px 0;
padding-left: 500px; /*width of left column containing the label elements*/


}

.honform label{
font-weight: bold;
float: left;
margin-left: -500px; /*width of left column*/
width: 500px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.honform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 354px;
border:none;
border-bottom:grey 1px solid;
}

.honform textarea{
width: 350px;
height: 150px;
border:grey 1px solid;
}

div.market{
width: 350px;
margin-left: 520px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.about-height{
	height:335px;
}

.colour { z-index: 100; }

.container { top:100px;}

.container img { position: absolute;}

.float{
	float:left;
	margin-right: 10px;
}

.gallery{
	margin: 2px;
	display: block;
	width:333px;
	float: left;
}

.height{
	height:335px;
}

.height1{
	height:220px;
}

.height2{
	height:132px;
}

.height3{
	height:301px;
	overflow-y: scroll;
}

.logos{
	clear:both:
	height:auto;
	vertical-align: middle;
	display: block;
	height:57px;
}

.logos img{
	float: left;
	margin-left: 10px;
}

.logos p{
	padding-top:9px;
	float:left;
	width:360px;
}

.logos p.top{
	padding-top:0px;
}

.nav{
	margin: 2px;
	display: block;
	width:250px;
	float: left;
}

.small{
	font-size: 11px;
}

.through{
	margin: 5px 10px;
	display: block;
	width:497px;
	float: left;
}

.tickets{
	margin: 5px 10px;
	display: block;
	width:333px;
	float: left;
}

.white{
	color:#ffffff;
}

.winners{
	margin: 5px;
	display: block;
	width:497px;
	float: left;
}

.winnerlist p{
width: 300px;
float:left;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
border-bottom: solid gray 1px;
}

.winnerlist p span{
	color: #666666;
}