@font-face {
	src: url(trebuc.ttf);
}

html {
	min-width: 902px;
}

body {
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}

body, textarea, input, select, h2, h3, h4, h5, h6 {
	font: 83%/1.4 trebuchet ms, arial, helvetica, sans-serif;
}

input {
	line-height: 1;
}

/***** Common Content Formatting *****/

a {	color: #2e8a25; outline: none; }
a:visited { color: #2e8a25; }
a:hover, a:focus { color: #2e8a25; }
a:active { color: #2e8a25; }

strong, b, .bold, label, legend { font-weight: bold; }
img { border: 0; }
td { vertical-align: top; }
p {	line-height: 1.4; }
form { clear: left; margin: 0; }

.hidden {
	display: none;
}

.pic {
	background: #fafafa;
	border: 1px solid #eee;
	padding: 8px;
	margin: 0px;
	color: #999;
}

.border {
	border: 1px solid #eee;
}

a.more {
	padding-right: 20px;
	background: url(../images/arrow.gif) 100% no-repeat;
}

ul.compact {
	margin: 0;
	padding-left: 20px;
}

/* Colors */

.blu { color: #006699 !important; }
.red { color: #f00 !important; }
.grn { color: #2e8a25 !important; }
.lgrn { color: #7db121 !important; }
.gry { color: #666 !important; }
.dgry { color: #333 !important;}
.lgry { color: #999 !important; }
.blk { color: #000 !important; }
.wht { color: #fff !important; }

/* Heading */

h2 {
	margin: 0 0 0.2em 0;
	font-size: 185%;
	letter-spacing: -1px;
	font-weight: normal;
	clear: left;
	color: #4E463F;
}

h2 span, h3 span {
	color: #999;
	white-space: nowrap;
}

h3 {
	margin: 0;
	font-size: 135%;
	letter-spacing: -0.03em;
	clear: left;
	color: #4E463F;
}

/***** Template *****/

#header {
	width: 850px;
	height: 80px;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 20px;
}
#header.none { border-bottom: 0px; }

#logo {
	float: left;
	margin: 0;
	width: 250px;
	cursor: hand;
} 

#headerHeadline {
	float: right;
	width: 470px;
	padding: 15px 10px 0 20px;
	text-align: justify;
	font-weight: bold;
	color: #666;
	font-size: 110%;
}

#headerHeadline form {
	font-size: 85%;
}

#outer {
	width: 850px;
	text-align: left;
	margin: 10px auto;
}

#footer {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
	text-align: left;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#footer a {
	color: #105CB6;
}

.pageBlockLeft {
	padding-right: 0px;
}

.pageBlockRight {
	float: right;
	width: 280px;
	clear: left bottom;
}

/***** Compact News Articles *****/

/* Toolbar Style */

.small {
	font-size: 85%;
}

.menuBar {
	position: relative;
	clear: both;
	min-height: 2.5em;
	margin-bottom: 5px;
}

.tool {
	display: block;
	float: left;
	background: url(../images/tool-divider.gif) 100% 50% no-repeat;
	white-space: nowrap; /*need for IE6*/
}

.tool.last {
	background-image: none;
}

.menuBar .tool {
	padding: 7px;
}

.hint {
	display:none;
	position: absolute;
	left: 50%;
	width: 200px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 10px 12px;
	background: #ffc url(../images/pointer.gif) -100px -100px no-repeat;
}

.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(../images/pointer.gif) left top no-repeat;
}

/* Boxes */

.boxGroup {
	background: #e7eee0;
	border: 1px solid #d9d9d9;
	color: #666;
	padding: 5px;
	margin-right: 10px;
}

.boxGroup.Yellow {
	background: #ffff99;
	border: 1px solid #e1e14c;
}

.boxGroup p {
	margin: 0.3em 0 0 0;
}

.boxGroup h2 {
	font-size: 125%;
	color: #000;
	font-weight: bold;
}

.boxNew {
	clear: left;
	border: 1px solid #90a81f;
	background: #e6ecca;
	margin-bottom: 10px;
}

.boxNew p {
	margin: 5px;
}

.boxNew h2 {
	padding-left: 5px;
	font-size: 125%;
	color: #fff;
	font-weight: bold;
	background: #90a81f;
}

/* Message stack*/

.messageStack {
	background: #FFFCF5;
	border: 1px solid #C8AD91;
	margin-bottom: 1em;
	color: #465584;
}

.messageStack div {
	padding: 15px;
}

/* Join */

#join1, #join2 {
	position: relative;
	background: url(../images/content/join_banner.jpg) top left no-repeat;
	height: 180px;
	margin-top: 2px;
	font-weight: bold;
}
#join2 {
	background: url(../images/content/join_banner_3.jpg) top left no-repeat;
}
#join1 .left, #join2 .left {
	position: absolute;
	top: 60px;
	left: 575px;
	width: 250px;
}
#join1 .right, #join2 .right {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 250px;
}
#join1 .right.full {
	width: 380px;
}
#join1 .right hr {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}

/* List */

.list {
	clear: left;
	width: 370px;
	padding: 5px;
}

.list .pic {
	width: 45px;
}

.list.juicecasts {
	background: #ebf5dd;
	height: 150px;
}

.list.juicecasts strong {
	color: #7db121;
}

.list strong {
	font-size: 120%;
	font-weight: bold;
}

.list dl {
	float: left;
	width: 60px;
	margin: 3px 12px 0 0;
}

.list dt {
	margin: 0;
}

.list dd {
	margin: 0;
	font-size: 80%;
}

.list dd .view {
	margin-top: 2px;
	color: #666;
}

.list .more {
	float: right; 
	padding-right: 3px;
}

.profile_jc dl {
}

.profile_jc dt {
	float: left; 
	margin: 0px;
	clear:left;
}

.profile_jc dd {
	margin: 0;
	font-size: 80%;
}

.profile_jc dd .view {
	margin-top: 2px;
	color: #666;
}

.profile_jc .pic {
	width: 50px;
	margin-right: 5px;
}


/* Side menu */

.sidebar {
	float: left;
}

.main {
	float: right;
	padding-right: 0px;
}

.bl {
	border-left: 1px solid #aaa;
}

.side-menu, .side-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu {
    border-top: 1px solid #b1cde7;
    margin-bottom: 1.5em;
    width: 250px;
}

.side-menu a {
    display: block;
    border-bottom: 1px solid #b1cde7;
    padding: 4px 10px 4px 10px;
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
    text-transform: lowercase;
   	position: relative;
   	left: 0px;
   	margin-left: 0px;
   	width: 230px;
} /*ie6*/

* html .side-menu a {
	height: 1px;
}

.side-menu a.current {
    background-color: #a5cc7a;
    color: #fff;
    margin: -1px 0 1px 0;
    border-bottom: none;
    width: 230px;
}

.side-menu em {
    float: right;
    color: #c00;
    font-style: normal;
    font-weight: normal;
}

.side-menu span {
    color: #999;
    font-style: normal;
    font-weight: normal;
    padding-left: 0.2em;
}

.side-menu .current em, .side-menu .current span {
	color: #fff;
}

/* Faq */

.faq {
	margin-top: 1em;
	margin-bottom: 2em;
	clear: left;
}

.faq a {
	text-decoration: none;
}

.faq h4 {
	letter-spacing: -0.03em;
	line-height: 1;
	margin: 0 0 0.4em 0;
	font-weight: normal;
}

.faq p, .faq div {
	font-weight: normal;
	line-height: 1.4;
}

.faq div {
	margin: 0.2em 0 1.5em 0;
}

.faq ul {
	padding-left: 20px;
}

/* Fieldset */

fieldset {
	border: 1px solid #999;
	margin: 1em 0;
	padding: 15px;
	clear: left;
}
* html fieldset { padding-top: 0; }

legend {
	font-size: 135%;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 1;
	color: #73be1e;
	padding: 0 0.5em; /* Top and Bottom for IE7 */
}
* html legend { margin-bottom: 15px; padding: 0 0.5em; }

fieldset fieldset legend {
	font-size: 105%;
	font-weight: bold;
}

legend span {
	color: #999;
	font-size: 90%;
	letter-spacing: 0;
}

/* Form Elements */

.form-large {
	margin-top: 0;
	margin-bottom: 0;
}

.form-large ol {
	margin: 0;
	padding: 0;
}

.form-large ol li {
	list-style: none;
	margin: 0;
	clear: left;
}

.form-large label {
	float: none;
	display: block;
	font-size: 105%;
	font-weight: bold;
	letter-spacing: -0.03em;
	color: #817A71;
	margin: 0.7em 0 0.1em 0;
}

.form-large label span {
	font-size: 80%;
	font-weight: normal;
	color: #999;
	letter-spacing: 0;
}

.form-large label.fieldLabel {
	display: inline;
}

.form-large textarea, .form-large select {
	padding: 2px;
}

.form-large input.disabled,
.form-large textarea.disabled {
	/*background: #eee;*/
	background: #ffffff;
	border: 1px solid #ccc;
	color: #666;
	font-size: 85%;
	width: 60%;
}

.form-large textarea {
	height: 7em;
	width: 60%;
}

.form-large input, .form-large select {
	font-size: 126%;
	padding: 3px 7px !important;
}

.form-large input.wide, .form-large select.wide {
	width: 40%;
}

input.button1 {
	font-size: 135%;
	margin-top: 2px;
	padding: 3px 10px;
}

input.button2,
input.button3 {
	font-size: 85%;
	margin-top: 2px;
	padding: 3px 10px;
}

input.button3 {
	color: #666;
}

.form-large em {
	color: #FF0000;
	font-size: 9px;
	margin-left: 2px;
}

.form-large .note {
	font-size: 95%;
	color: #999;
	margin-bottom: 0.3em;
	margin-top: 0;
	display: block;
}

.field-count {
	font: bold 105% sans-serif;
	margin-top: 4px;
	color: #3B9300;
}

.field-count-over {
	color: #c00;
}

/* Page Numbers */

.pages {
    clear: left;
    font-size: 85%;
	float: right;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #79b04c;
    font-weight: bold;
    background: #79b04c;
    color: #fff;
}

.pages a {
    border: 1px solid #b1d6b7;
    text-decoration: none;
	color: #666;
}

.pages a:hover {
    border-color: #79b04c;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
	border: 1px solid #ddd;
	color: #999;
}

#tbContent a{
border:1px solid #CCCCCC;
padding-top:3px;padding-bottom:3;
width:64;color:#000099;font: bold 13px Verdana;
text-decoration: none;display: block;}
#tbContent a:hoover{color: #ff33ff;}

#flutterPromo {
	margin: 1.5em auto 0;
	text-align: center;
	width: 30em;
	border: 1px solid #cbcbcb;
	background: #f8f8f8;
	padding: .25em;
}