/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#646464;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#f2732d;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(images/list-bg.gif) no-repeat 0 9px; padding-left:14px; line-height:2.083em;}
.list2 li {background:url(images/list-bg2.gif) no-repeat 0 9px;}
.list2 li a {color:#628e3e; font-weight:bold;}

.link {background:url(images/link-bg.gif) no-repeat right 5px; padding-right:15px; font-weight:bold; color:#628e3e; display:inline-block; margin-top:20px;}
.linkleft {background:url(images/link-bg-left.gif) no-repeat left 5px; padding-left:15px; font-weight:bold; color:#628e3e; display:inline-block; margin-top:20px;}
.menulink {background:url(images/link-bg.gif) no-repeat right 5px; padding-right:15px; font-weight:bold; color:#628e3e; display:inline-block; float:right; margin-right:40px;}
.box .link {color:#4e4e4e;}
#page7 .box .link {color:#628e3e;}
.extra { margin:10px 0 0 20px;}

.list1 {padding:27px 0 0 8px;}
.list1 li {background:url(images/list1-bg.gif) bottom left repeat-x; padding-left:14px; line-height:1.333em; padding-bottom:12px; margin-bottom:5px;}
.list1 li div {padding-left:23px;}
.list1 a {display:block; color:#628e3e; font-weight:bold; text-decoration:none;}
.list1 a:hover {text-decoration:underline;}
.li1 div {background:url(images/li1.gif) no-repeat 0 3px;}
.li2 div {background:url(images/li2.gif) no-repeat 0 3px;}
.li3 div {background:url(images/li3.gif) no-repeat 0 3px;}
.li4 div {background:url(images/li4.gif) no-repeat 0 3px;}
.li5 div {background:url(images/li5.gif) no-repeat 0 3px;}

h2 {font-weight:normal; font-size:1.667em; line-height:1.15em; color:#626262;}
.title h2 {padding:15px 15px 11px 22px;}
.title1 {background:url(images/title1-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title2 {background:url(images/title2-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title3 {background:url(images/title3-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title4 {background:url(images/title4-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title5 {background:url(images/title5-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title6 {background:url(images/title6-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title7 {background:url(images/title7-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title8 {background:url(images/title8-bg.jpg) top left no-repeat; padding:8px 0 30px 53px;}

h3 {font-weight:normal; font-size:1.5em; line-height:1em; color:#779d58; letter-spacing:-1px; position:relative; margin:0 -10px 10px -10px; padding-top:5px;}

.imgindent {margin:0 20px 0 0; float:left;}
.border {border-right:1px solid #ededed;}

/* ============================= header ====================== */

.flash1 {margin:0 18px 0 30px;}
.flash2 {margin:0 18px 0 28px; border-bottom:2px solid #cdcdcd;}
object {vertical-align:top;}

/* ============================= content ====================== */

.col-pad {padding-right:27px;}
.col-pad2 {padding-left:25px;}

.box {background:#fff;}
.gradiented {background:url(images/box-gradient.gif) bottom repeat-x;}
.box .tail-bottom {background:url(images/box-tail-bg.gif) bottom repeat-x;}
.box .tail-top {background:url(images/box-tail-bg.gif) top repeat-x;}
.box .tail-right {background:url(images/box-tail-bg.gif) right repeat-y;}
.box .tail-left {background:url(images/box-tail-bg.gif) left repeat-y;}
.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box-indent {padding:5px;}
.box .indent {padding:20px 30px 10px 22px;}
.box .indent2 {padding:20px 30px 30px 22px;}

.line {border-bottom:1px solid #ececec; padding-bottom:20px; margin-bottom:20px;}
.line2 {background:url(images/list1-bg.gif) bottom left repeat-x; padding:0 0 20px 18px;}
.line3 {background:url(images/list1-bg.gif) bottom left repeat-x; padding-bottom:15px; margin-bottom:15px;}
.indent1 { padding:11px 0 20px 18px;}

.margin1 {margin-top:16px;}
.margin2 {margin-top:7px;}
.margin3 {margin-top:25px;}
.padding1 {padding-top:7px;}

.text2 {color:#646464;}
.phone {display:inline-block; width:78px;}

/* ============================= footer ====================== */

#foter {color:#424242;}
#footer a {color:#424242;}
#footer span {font-size:0.917em; color:#424242; margin-left:22px;}
#footer span strong {text-transform:uppercase;}
#footer .menu {padding:0 0 2px 0;}
#footer .menu li {display:inline; background:none; padding:0; line-height:1.5em;}
#footer .menu li a {color:#424242; margin:0 24px 0 21px; text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .indent {padding:21px 20px 15px 10px;}

/* ============================= forms ============================= */

#NewsletterForm {padding:12px 0 30px 28px;}
#NewsletterForm .input {width:181px; height:21px; border:1px solid #d2d2d2; background:#fff; padding:3px 0 0 5px; font-size:1em;}
.button {background:url(images/submit-bg.gif) no-repeat 0 0; display:inline-block; vertical-align:middle; color:#000; text-decoration:none; width:62px; text-align:center; padding:4px 0 4px 0; margin-left:5px;}

#ContactForm {padding:15px 0 0 0;}
#ContactForm .rowi {height:42px;}
#ContactForm .col-1 {width:280px !important;}
#ContactForm .col-2 {width:254px !important;}
#ContactForm .link {float:right; margin-left:27px;}

#RegisterForm {padding:15px 0 0 0;}
#RegisterForm .rowi {height:42px; text-align:right}
#RegisterForm .col-1 {width:380px !important;}
#RegisterForm .col-2 {width:380px !important;}
#RegisterForm .link {float:right; margin-left:27px;}

#payment {padding:15px 0 0 0;
	position:relative;
	}

#register {padding:15px 0 0 0;
		position:relative;}
			
#team {padding:15px 0 0 0;
		position:relative;}

.input {width:212px; height:19px; border:1px solid #b0b0b0; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:247px; height:103px; border:1px solid #b0b0b0; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

#smart {width:845px; background-image:url(images/piggy_smart_small.png);}

#registerMember{ width:300px; height:580px; position:absolute; float:right; 
background-image:url(images/join_bg.jpg); background-repeat:no-repeat; padding-top:100px; left:450px;}

/*#smart .col-1 {background-color:#FFFFFF; filter:alpha(opacity=25);}*/

.greenTextLg {font-weight:normal; font-size: 36px; line-height:2em; color:#779d58; letter-spacing:-1px;}
.greenTextMd {font-weight:normal; font-size: 25px; line-height:2em; color:#779d58; letter-spacing:-1px;}
.redText {font-weight:normal; font-size:1.5em; line-height:1em; color:#F00; letter-spacing:-1px; position:relative; padding-top:5px;}
.redTextMd {font-weight:normal; font-size: 25px; line-height:2em; color:#F00; letter-spacing:-1px;}
.redTextHeader {font-weight:bold; font-size: 32px; line-height:1em; color:#F00; letter-spacing:-1px;}
.msgText {font-weight:normal; font-style:italic; font-size:16px; line-height:1em; color:#33CC33; letter-spacing:-1px;}
.greenText {font-weight:normal; font-size:1.5em; line-height:1em; color:#779d58; letter-spacing:-1px; position:relative; padding-top:5px;}
.smallgreenText {font-weight:normal; font-size:18px; color:#779d58; letter-spacing:-1px; position:relative; padding-top:5px;}
.blackText {font-weight:normal; font-size:1.5em; line-height:1em; color:#000000; letter-spacing:-1px; position:relative; padding-top:5px;}
.blackTextMd {font-weight:normal; font-size: 20px; line-height:1em; color:#000000; letter-spacing:-1px;}
.blackTextLg {font-weight:normal; font-size: 25px; line-height:1em; color:#000000; letter-spacing:-1px;}
.blackTextLgBold {font-weight:bold; font-size: 25px; line-height:1em; color:#000000; letter-spacing:-1px;}
.blackTextHeader {font-weight:normal; font-size: 32px; line-height:1em; color:#000000; letter-spacing:-1px;}
.smallText {font-size:9px; color:#669933;}
.smallBlackText {font-size:14px; color:#000000;}
.tinyText {font-size:11px; color:#000000;}
.highlightedText{font-weight:normal; font-size: 20px; line-height:1em; color:#000000; letter-spacing:-1px; background-color:#FF0}

/* ============================= dhtml window ============================= */

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #66CC33;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #66CC33;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}