/* CSS oh yah! */
body{ 
margin:0 0 0 0;
background:#0c4453 url(http://bonjones.com/img/bg.jpg) repeat;
color:#666;
font: bold 14px Helvetica, sans-serif;
line-height:18px;
}

p{
color:#666;
font: bold 14px Helvetica, sans-serif;
padding:2px 6px 6px 6px;
line-height:18px;
}

a{
color:#32c1eb;
text-decoration:none;
}

a:hover{
color:#52d1fb;
text-decoration:none;
}


h2{
color:#fff;
margin:0;
padding:12px 2px 12px 10px;
font:bold 18px Helvetica, sans-serif;
}

h1{
color:#669900;
padding:2px;
font:bold 16px Helvetica, sans-serif;
}

h4{
margin:0;
padding:0;
background:url(http://bonjones.com/img/subtitle_sidebar.jpg) no-repeat;
width:241px;
height:46px;
clear:both;
}

.title{
color:#fff;
padding:20px 2px 2px 10px;
font:bold 18px Helvetica, sans-serif;
}

#submit{
color:#ffffff;
background:transparent url(http://bonjones.com/img/submit_bg.png) no-repeat;
border:0;
font:bold 14px Helvetica, sans-serif;
text-align:center;
width:109px;
height:35px;
}

#more a{
display:block;
margin:0px;
padding:10px 6px 0 0;
text-decoration:none;
color:#ffffff;
background:url(http://bonjones.com/img/submit_bg.png) no-repeat;
font:bold 14px Helvetica, sans-serif;
text-align:center;
width:109px;
height:35px;}


#sidebar_form table{
margin:20px auto 0 auto;
}

#sidebar_form table p{
color:#32c1eb;
font:bold 14px Helvetica, sans-serif;
padding:2px;
margin:0;}

/* structure*/


#logoholder{
width:802px;
margin:0 auto 0 auto;
}

#logo{
	position: absolute;
	width:245px;
	height:58px;
	z-index:1000;
	top:3px;
}

#banner{
width:100%;
height:289px;
background:#01799c url(http://bonjones.com/img/banner_bg.jpg) repeat-x; 
clear:both;
}

#flash{
clear:both;
margin:0 auto 0 auto;
padding-top:73px;
width:803px;
height:166px;
}

#nav{
width:100%;
position: absolute;
padding-top: 0px;
z-index:2000;
}

#nav ul {
font:bold 20px Helvetica, sans-serif;
display:block;
text-align:center;
padding-left:18px;
height:47px;
line-height:10px;
color:#ffffff;
text-decoration:none;
}



#nav ul a{
color:#ffffff;
text-decoration:none;
background: url(http://bonjones.com/img/nav_bullet_hor.jpg) no-repeat;
background-position:left;
padding:5px 18px 5px 18px;
}

#nav ul a:hover{
color:#c5c5c5;
text-decoration:none;
padding:5px 18px 5px 18px;
}

#nav li{
list-style-type:none;
display:inline;
}


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

#left_contentTop{
background:url(http://bonjones.com/img/contentTop.jpg) no-repeat;
width:530px;
float:left;
margin-top:20px;
}

#left_contentTop .left_contentBottom{
background:#ffffff url(http://bonjones.com/img/contentBotm.jpg) bottom no-repeat;
padding:2px 10px 8px 20px;
margin:0 0 20px 0;
}

#right_sidbarTop{
background:url(http://bonjones.com/img/sideTop.jpg) no-repeat;
width:241px;
margin-top:20px;
float:right;
}

#right_sidbarTop .right_sidbarbottom{
background:#ffffff url(http://bonjones.com/img/sideBotm.jpg) bottom no-repeat;
padding:0;
margin:0 0 20px 0;
float:right;
width:241px;
}

#sidebar_links{}
#sidebar_links ul{
list-style-type:none;
margin:0;
padding:10px;
width:221px;
}

#sidebar_links li a{
color:#32c1eb;
font: bold 14px Helvetica, sans-serif;
padding: 0 15px 5px 15px;
background: url(http://bonjones.com/img/bullet.jpg) no-repeat;
line-height:22px;
text-align: center;
text-decoration:none;
}

#sidebar_links li a:hover{
color:#99CCCC;
}

#sidebar_links p{
padding: 0 15px 5px 15px;
font: 14px Helvetica, sans-serif;
text-decoration:none;
}

#sidebar_custom{}
#sidebar_custom a{
color:#32c1eb;
font: bold 14px Helvetica, sans-serif;
text-decoration:none;
}

#sidebar_custom a:hover{
color:#99CCCC;
}

#sidebar_custom p{
padding: 0 15px 5px 15px;
font: 14px Helvetica, sans-serif;
text-decoration:none;
}


#sidebar_form{}

#footer{
width:100%;
clear:both;
height:231px;
bottom:0;
background:#01799c url(http://bonjones.com/img/footer_bg.jpg) repeat-x;
}

#feature{
width:211px;
height:210px;
float:right;
}

#floatbtn{
	position: relative;
	width:109px;
	height:35px;
	z-index:1000;
	top:-50px;
	left:25%;
}

#examplePic{
float:right;
background:#CCCCCC;
border: 7px solid #CCCCCC;
margin:10px;
}


#news{
width:802px;
clear:both;
margin:0 auto 0 auto;
position: relative;
text-align:center;
bottom:-30px;}

#news p{
color:#ffffff;
margin:0;
padding:0 10px 0 10px;}

#news h2{
color:#ffffff;
font-size:22px;
font-weight:bold;
font-family:Helvetica, sans-serif;
margin:0;
padding:0 10px 0 10px;}

#copyright{
width:802px;
margin:60px auto 0 auto;
text-align:left;
bottom:0;
}

.textfield_medium {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #99CC00;
	padding: 3px;
	width: 200px;
	border: 1px solid #CCCCCC;
}

label {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	display:block;
	clear:both;
}

input {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #99CC00;
	clear:both;
	display:block;
	border: 1px solid #CCCCCC;
}

textarea {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #99CC00;
	clear:both;
	display:block;
	border: 1px solid #CCCCCC;
}

select {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #99CC00;
	clear:both;
	display:block;
	border: 1px solid #CCCCCC;
}