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

 GET TRIPPY CSS (SCREEN) 2007
  
------

COLORS

lime	A4C408
mLime	C9DC6E

b1		F6F2ED
b2		E1D4C4

Pink	F2B
Cyan	0AF

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

/* BASE STYLES */
body { 
	font-family:Trebuchet MS, Arial, sans-serif; 
	font-size:80%;
	line-height:1.4em; 
	color:#000;
	margin:0;
	padding:0;
	background:#F6F2ED url(/images/gen/bk/bk.gif) center 135% no-repeat !important;
	background-position:center 120%;
	position:relative;
}

div, table, form, img, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
}
img {
	display:block;
}

/* Base Container/Holder Elements */
#entire {
	width:960px;
	margin:0 auto; /* Center for splash */
}
#top {
	width:100%;
	height:40px;
	background:transparent url(../images/gen/bk/hdrBk.gif) repeat-x;
	}
.gfg {
	position:absolute;
	left:0px;
	top:0px;
	width:340px;
	height:140px;
	background:transparent url(../images/gen/bk/gfg.gif) no-repeat;
	z-index:0;
	}
#logo {
	width:572px;
	height:250px;
	margin:0 auto;
	background:transparent url(../images/gen/bk/gettrippy.gif) no-repeat;
	z-index:10;
}
#logo h1 {
	display:none;
}
#trth {
	width:860px;
	padding:1em 0;
	margin:0 auto;
	text-align:center;
	z-index:10;
}

#content {
	width:350px !important;
	width:360px;
	padding:20px 5px 20px 20px;
	margin:0 auto;
	}
#footer {
	background:#E1D4C4;
	width:100%;
	overflow:hidden;
}
#footer {
	padding:10px 5px 10px 15px;
	font-size:.9em;
	line-height:1em;
	color:#000;
	position:absolute;
	left:0px;
	bottom:0px;
}
#right {
	width:132px;
	float:left;
	margin-top:20px;
}


/* LINK STYLES */
a {
	color: #000;
	font-weight: bold;
	text-decoration: none; 
}
a:hover {
	color:#555;
	}
/* Top Link */
#top a {
	color:#6D8205;
}
#top a:hover {
	color:#000;
}
#top a.current {
	color:#FFF;
}
/* GREEN Top Link */
#top a {
	color:#59B083;
}
#top a:hover {
	color:#000;
}
#top a.current {
	color:#FFF;
}

/* logStatus Link */
.logStatus a {
	color:#59B083;
	text-decoration:underline;
}
.logStatus a:hover {
	color:#000;
}



/* Bk'd Link */
#content a, #footer a, dd a {
	color: #000; 
	text-decoration:none; 
	font-weight: bold;
	padding:0 2px;
	border-bottom:1px dotted #0AF;
	}
#content a:hover { 
	color:#FFF;
	background:#0AF;
	border-bottom:1px solid #0AF;
	}

/* STRIP ALL STYLES */
.nLink, .addLink {
	background:transparent !important;
	border:0 !important;
	padding:0;
	margin:0;
}
.addLink {
	float:left;
}
/* Footer */	
#footer a, dd a {
	color:#FFF;
	border-bottom:1px solid #FFF;
	}
dd a {
	border-bottom:1px solid #000;
	}
#footer a:hover, dd a:hover { 
	background:#A4C408;
	border-bottom:1px solid #A4C408;
	}

/* LINKS FINISH */


/* Font Styles */
h1, h2, h3, h4, h5, h6, p {
	line-height:1.4em;
	margin:0;
	margin-bottom:.4em;
	padding:0;
}
h1 {
	font-size:2em;
	line-height:1em;
	margin-top:-2px;
	}
h1 em {
	font-size:.8em;
	color:#00793c;
	}
h2 {
	margin-top:.8em;
	font-size:1.5em;
	line-height:1em;
	}
h2 em {
	color:#F2B;
	}

#trth h2 {
	font-size:4em;
	line-height:1em;
	font-style:italic;
	letter-spacing:-4px;
	color:#7b4600;
	font-weight:bold;
}
h2 span {
	font-style:normal;
	font-size:.7em;
	line-height:1.1em;
	letter-spacing:-2px;
	color:#0AF;
	}
#trth h2 em {
	color:#F2B;
}
h3 {
	margin-top:.8em;
	font-size:1.2em;
	line-height:1em;
	}
th h3 {
	margin:0;
	}
h4 {
	font-size:1.7em;
	font-weight:bold;
	font-style:italic;
	color:#A4C408;
	line-height:.6em;
	margin-top:.8em;
	padding-bottom:.2em !important;
	padding-bottom:.3em;
	border-bottom:1px solid #C9DC6E;
	margin-bottom:.4em;
	}
h4 em {
	font-size:.8em;
	font-weight:bold;
	color:#000;
}
#GREEN h4 {
	color:#00793C;
}
h5 {
	font-size:1.2em;
	line-height:1em;
	margin-top:.3em;
	}
h6 {
	font-size:1em;
	line-height:1em;
	text-transform:uppercase;
	}
.intro {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:.6em;
	}
.intro em {
	font-style:normal;
	color:#A4C408;
	}
.message {
	font-style:italic;
	font-weight:bold;
	color:#F2B;
	}
.tight {
	font-size:.8em;
	color:#963;
	}
hr, #GREEN hr {
	background:#C9DC6E;
	color: #C9DC6E;
	height:1px;
	margin:1em 15px 1.5em 0;
	border:0;
}
#GREEN hr {
	background:#00793C;
	color: #00793C;
}
ul {
	margin:0 0 5px 11px !important;
	margin-left:13px;
	padding:0 15px 0 3px;
	list-style:square outside;
}
ul ul {
	margin-bottom:.1em;
	list-style-image:url(../images/limeBullet.gif) !important;
	list-style-image:url(../images/limeBulletie.gif);
	}
ul ul ul {
	list-style-image:url(../images/mLimeBullet.gif) !important;
	list-style-image:url(../images/mLimeBulletie.gif);
	}
li {
	margin:0;
	padding:0 0 .2em;
}
li em {
	font-style:normal;
	font-weight:bold;
	}

/* DL DT DD */
dl {
	font-size:1.2em;
	line-height:1.5em;
	margin:.5em 15px 0 0;
	border-left:3px solid #C9DC6E;
	background:#F4F8E1;
	clear:left;
	font-weight:bold;
	color:#000;
	}
dt {
	padding:5px 10px;
	background:#FFF;
	}
dd {
	font-size:.8em;
	padding:.3em 0 .3em 10px;
	float:left;
	display:inline;
	}
/* GREEN DL */
#GREEN dl {
	border-left:3px solid #00793C;
	background:#E4F1EB;
	}


/* Images in holder */
.imgL, .imgLs {
	float:left;
	width:140px;
	margin:0 10px 5px 0;
	text-align:center;
	}
.imgR, .imgRs {
	float:right;
	width:140px;
	margin:0 0 5px 10px;
	text-align:center;
	}

.imgLs, .imgRs {
	width:70px;
	}
.imgB { 
	border: 1px solid #000;
	}
	
/* ++ Helper styles */
.fc:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.fc { 
display: inline-table;
height: 1%;
display: block; 
}

/* Misc Styles */
.fl-r {
	float:right !important;
	}
.fl-l {
	float:left !important;
	margin-right:10px;
	}
.cl {
	clear:both !important;
	}
.ta-r {
	text-align:right !important;
	}
.ta-l {
	text-align:left !important;
	}
.ta-c {
	text-align:center !important;
	}

/* --- NAVIGATION ----------------------------- */

.nav {
	width:155px;
	margin:0 !important;
	padding:0 0 11px;
	background:#C9DC6E url(../images/nav/navBk.gif) right bottom no-repeat;
	list-style:none;
	overflow:hidden;
	}
.nav li {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	background:transparent;
	display:block;
}
.nav li a {
	width:145px;
	height:21px;
	display:block;
	font-size:14px;
	line-height:1em;
	text-decoration:none;
	margin:0 !important;
	padding:8px 0 0 10px;
	color:#FFF;
	background-image:url(../images/nav/liBk.gif);
}
.nav li a:hover {
	color:#000;
	background-image:url(../images/nav/liBkHov.gif);
}
.nav li.first a {
	background-image:url(../images/nav/liFirstBk.gif);
}
.nav li.first a:hover {
	background-image:url(../images/nav/liFirstBkHov.gif);
}
.nav li.after a {
	padding-top:15px;
	background-image:url(../images/nav/liAfterBk.gif);
}
.nav li.after a:hover {
	background-image:url(../images/nav/liAfterBkHov.gif);
}

.nav li.selected a {
	width:100%;
	height:28px;
	padding-top:12px;
	padding-left:0;
	font-size:17px;
	color:#A4C408;
	background:#FFF;
}
.nav li.selected a:hover {
	color:#A4C408;
	background:#FFF;
	}


/* ALL GENERIC Form Elements */
input, select, textarea {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	border:1px solid #963;
	border-right:0;
	background-color:#FFF;
	color:#000;
	height:15px !important;
	height:23px;
	width:237px !important;
	width:256px;
	padding:2px 4px 1px !important;
	padding:0 2px;
	font-size:12px;
	margin-bottom:1px;
	}
select {
	padding:0 0 0 2px !important;
	height:auto;
	line-height:1em;
}
textarea {
	height:auto;
	}
label {
	width:80px;
	float:left;
	clear:left;
	font-size:12px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:3px 0 8px;
	color:#000;
	}
.r { font-weight:bold; }
.button, .button-r {
	border:1px solid #963;
	height:auto !important;
	background:#FFF;
	color:#0AF;
	padding:1px 10px 1px !important;
	padding:0;
	font-weight:bold;
	width:auto !important;
	}
.button-r {
	float:right;
	margin-right:5px;
	}
.button:hover, .button-r:hover {
	color:#FFF;
	background-color:#0AF;
	}
.noborder {
	border:0;
	}
.no-mr {
	margin-right:0px;
	}
.fs {
	width:auto;
	overflow:hidden;
	padding-bottom:5px;
	}
.cb {
	/*margin-left:10px;*/
}
.cb input {
	border:0;
	width:auto;
	padding:0;
	margin:2px 5px 0 0;
	height:auto !important;
	height:10px;
	float:left;
	clear:left;
	background:transparent;
	}
.cb label {
	float:left;
	width:75%;
	clear:none;
	display:inline;
	line-height:1em !important;
	line-height:.7em;
	}
	
/* ORDER FORM LOGIN */

/* Error echo */
.Err {
	color:D00;
	font-style:italic;
	font-weight:normal;
	font-size:.8em !important;
	font-size:.7em;
	line-height:1em !important;
	padding:0;
	margin:0;
	float:left;
	}