/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	background:#31312F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#969696;
}

a{
	color:#969696;
	text-decoration:underline;
}

a:hover, a:active{
	text-decoration:none;
}	

#wrap{
	width:948px;
	margin:0px auto;
}

#masthead{
	background:#31312F url(../images/masthead.jpg) no-repeat;
	width:948px;
	height:113px;	
}

#top-left{
	width:287px;
	height:259px;
	float:left;
}

#content{
    background:url(../images/bg_slice.jpg) repeat-y;
    width:948px
}

/* Vertical Sprite Nav

 * ------------------------------------------------------------------------- */

#nav {
position: relative;
background: url(../images/nav.jpg) top left no-repeat;					
width: 287px;		/* Width of buttons, not entite image (or half of entire image) */
height: 259px;		/* Height of entire image */
margin-bottom:0;
	}

#nav li span { display: none; }

#nav li {
float: left;
list-style: none;
	}

#nav li, #nav a { 
height: 46px;			/* Each button must have the same height, define it here */
display: block;
}


/* Increments of each button height defined above */

#nav-01 { top:   0px;  margin-top:24px; }	/* must use margin-top for this attribute only */
#nav-02 { top:  46px }
#nav-03 { top:  91px }
#nav-04 { top: 137px }
#nav-05 { top: 183px }

/* width set here should be same width set in #nav */

#nav-01, #nav-02, #nav-03, #nav-04, #nav-05{ left: 0px; width: 253px; }



/* Changed values should match "top" numbers specified above */

#nav-01 a:hover { background: transparent url(../images/nav.jpg) -287px  -24px no-repeat; }
#nav-02 a:hover { background: transparent url(../images/nav.jpg) -287px  -70px no-repeat; }
#nav-03 a:hover { background: transparent url(../images/nav.jpg) -287px  -116px no-repeat; }
#nav-04 a:hover { background: transparent url(../images/nav.jpg) -287px -162px no-repeat; }
#nav-05 a:hover { background: transparent url(../images/nav.jpg) -287px -208px no-repeat; }

/***** end nav *******/

#top-right{
	background:#31312F url(../images/banner.jpg) no-repeat;
	width:661px;
	height:259px;
	float:left;
}

#top-clear{
	background:#31312F url(../images/top-clear.jpg) no-repeat;
	width:948px;
	height:38px;	
	clear:both;
}

#leftcol{
	width:287px;
	padding-bottom:10px;
	float:left;
}
	
	#leftcol p.white-txt{
		color:#FFF;
	}
		
	#leftcol p{
		color:#969696;
		margin:15px 31px 0px 21px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
#rightcol{
	width:661px;
	padding-bottom:10px;
	float:left;
}

	#rightcol-contentwrap{
		width:457px;
		float:right;
		padding-bottom:10px;
	}
	
	#rightcol-contentwrap p{
		margin:0px 32px 15px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
	}
	
	#rightcol form{
    width:400px;
	
	}
#clear{
	background:url(../images/bottom-clear.jpg) no-repeat;
	width:948px;
	height:18px;
	clear:both;
}

#footer{
	background:#3B4546;
	width:947px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#969696;
	margin-left:1px;
	padding-bottom:4px;
}

	#footer p{
		margin-right:20px;
	}
	
#rights-info{
	text-align:right;
	margin-right:20px;
}

/****** form ********/

form{
	margin-left:10px;
}

input, textarea{
	border:none;
	background-color:#FFF !important;
	margin:5px 0px;
	width:347px;
}

input#submit-button{
	width:100px;
}

label{
	color:#FFF;
	font-size:11px;
}

input#paypalbutton{
    width:100px;
}