/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-position: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
	background:#7bc143 url(body-background.gif) no-repeat center 200px !important;
}

div
{
	border:0;
}

table
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;	
}
	
#container {
background:#ffffff  url(container-background.gif) repeat-y center center;
position: absolute;
width: 810px;
left: 50%;
padding:0 33px;
margin-left: -438px;
}


#logo {
	margin: 22px 0px 10px 0px;
width: 800px;
text-align: right;

}

#nav {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	position:relative;
	top:-35px;
}

#nav a {
	text-decoration: none;
	color: #333333;
}

#nav a:hover {
	text-decoration: none;
	color: #6EBB1F;
}

.navselect {
	color: #6EBB1F;
}

.betweennav {
	text-align: center;
	width: 21px;
}

#contentpos {
	margin: 0px 0px 0px 0px;
	width:810px;
	position:relative;
}

.columnleft {
	margin-left:10px;
	float: left;
	width: 370px;
}

.bodytop {
	top:-14px;
	position:relative;
	padding:10px 25px;
	margin:0px -24px 0 -23px;
	/*margin:0px 0px;*/
	width:805px;
	_width:857px;
	
	background-color:#eee;
	border: 1px solid #ddd;
	z-index:20;

}


.columnright {
	float: right;
	width: 370px;
	margin:0  10px 0 0;	
}

.columnsingle {
	margin-left:0px;
	float: left;
	width: 600px;
}

.title {
	/*color: #6EBB1F;*/
	color: #55AF0A;
	font-weight: bold;
	font-size: 17px;
	margin: 10px 0px 5px 0px;
	background-image: url(bg_title.gif);
	background-repeat: no-repeat;
	height: 23px;
}

.head {
	color: #000000;
	font-weight: bold;
}

.bodytext {
	margin: 0px 0px 20px 0px;
}

.bodytext a {
	font-weight: bold;
	text-decoration: none;
	color: #4FAF00;
}

.bodytext a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #74DF1B;
}

.mybullet {
	margin: 0px 0px 0px 8px;
	
	padding: 0px 0px 0px 8px;
	padding-left: 15px;
}

.mybullet ul {
	margin: 0px;
	padding: 0px;
}

.mybulletcon {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
}

.box, .boxfocus, .boxselect {
	width:320px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	cursor:hand;
}

.boxfocus {
	background-color: #E7ECE3;
}

.boxselect {
	background-color: #E7ECE3;
}

.boximage {
	float: left;
	width: 65px;
	text-align: left;
	margin: 5px 0px 5px 0px;
	border-right: 1px solid #999999;
}

.boximage img {
	border: 1px solid #999999;
}

.boxtext {
	float: right;
	width: 240px;
	margin: 5px 0px 5px 0px;
}

.boxhead {
	font-weight: bold;
	font-size: 12px;
}

#footer {
                padding: 5px 30px 30px 0px;      
                margin:0 0px 0 -33px ;
                _margin:0 -33px 0 -33px ;
                width:845px;
                position:relative;
                _width:875px;
                background: url(footer-shadow.gif) no-repeat 0 0;
                text-align: right;
}


.totalitems {
	float: left;
	margin: 0px 0px 10px 0px;
	width: 119px;
	font-weight: bold;
	text-align: center;
}

.previous {
	float: left;
	margin: 0px 0px 10px 0px;
	width: 100px;
}

.next {
	float: right;
	margin: 0px 0px 10px 0px;
	padding-right:35px;
	width: 100px;
	text-align:right;
}

.previous a, .next a {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

.previous a:hover, .next a:hover {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #6EBB1F;
}

.demonstrate, .demonstrate a {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

.demonstrate a:hover {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #6EBB1F;
}

.textlink, .textlink a {
	font-weight: bold;
	text-decoration: none;
	color: #6EBB1F;
}

.textlink a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #6EBB1F;
}

.examplebig {
	margin: 0px 0px 10px 0px;
}

#subnavcontainer {
	position: absolute;
	width: 710px;
	left: 50%;
}

.subnavpos {
margin-left:266px;
padding-top:6px;
position:relative;
top:-35px;

}

.heading {
	font-weight: bold;
	font-size: 12px;
}

.inputfield2 {
	color : #000000; 
	height: 20px;
	padding-left: 3px;
	font-size: 12px;
	border: 1px solid #999999;
}



.inputfields {
	width: 265px;
	color : #000000; line-height : 14px;
	border-left : 1px solid #999999; 
	border-top : 1px solid #999999;
	border-right : 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 3px;
}

.formstyle {
	display: inline;
}

.formbutton {
	border: 1px solid #999999;
	background-color: #DAE3D1;
	font-weight: bold;
	color: #333333;
}

.alert {
	color: #cc0000;
	font-weight: bold;
}
.style2 {
	text-align: center;
	width: 63px;
	height: 24px;
}

.style2 a {
	background-color: #F5F5F6;
	width: 100%;
	height: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}
.style2 a:hover {
	background-color: #DFE5D9;
	width: 100%;
	height: 100%;
}

img {
	border: 0px;
}

.style1 td {
  background-color: #F5F5F6;
  padding: 0px;
}