@charset "utf-8";

/* Links */

a:link {
	color: green;
	text-decoration: none;
	border-bottom: 1px dashed green;	
}

a:visited {color: #999;}

a:hover {
	color: #777;
	border-bottom: 1px solid #777;	
	text-shadow: white 2px 2px 2px;
}

a.imageLink {border-bottom: none;}

/* Lists */

ul {
	margin: 1em 0 1.5em 0;
	padding-left: 2.5em;
	text-align: left;
	list-style: disc;
}

li {
	margin-bottom: 1em;
	padding: 0 0.5em 0 1em;
}

/* Universal styles ------------- */

body {
	margin: 0;
	padding: 0;
	font-size: 100.01%; /* IE 7- & Opera fix */
	text-align: center; /* IE div centering workaround */
	color: #333; /* Normal text colour */
}

img {
	border: none;
	vertical-align: text-bottom;
}

img.scalable {max-width: 100%;}

hr {margin: 1em 0 0 0;}

input,
select,
fieldset {margin-bottom: 12px;}

input#s, input.optional, input.required {
	border: 1px solid gray;
	background-repeat: repeat-x;
	background-image: url(images/field_background.gif);
}

input.optional {border-style: inset;}
input.required {border-style: ridge;}
input.valid {background-image: url(images/field_background_valid.gif);}
input.invalid {background-image: url(images/field_background_invalid.gif);}

/* Form styles ------------------- */

.submitButton {margin-bottom: 16px;}

.submitButton,
form label,
fieldset {margin-top: 12px;}

/* Main layout Div Ids ------------------- */
#growMain {
	min-width: 1000px;
	max-width: 1300px;
	min-height: 400px;
	margin: 0 auto;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	background-color: white;
}

#growCenter {margin: 0 152px 5px 164px;}

#ribbonBar {
	margin-bottom: 5px;
	background-image: url(images/ribbon_background.png);
}

#growRibbonWrapper {
	padding: 10px 0 0 0; 
	overflow: hidden;
}

#growRightColumn {	
	float: left;
	width: 144px;
	min-height: 100px;
	margin: 0 0 0 -144px;
}

#growRightColumn ul,
#growRightColumn li {
	margin-bottom: 0;
	padding: 0 0 0 2em;
}

#growRightColumn > .growWidget li {
	line-height: 1.2em;
	padding-top: 1em;	
	padding-left: 8px;
}

#growLeftColumn {	
	float: left;
	width: 160px;
	min-height: 100px;
	margin: 0 0 0 -100%;
}

#growLeftColumn .growWidget{margin-left: 13px;}

/* Left Menu Styles --------------*/

#growLeftColumn ul {
	margin-bottom: 0;
	padding-left: 3px;
	list-style: none;
}

#growLeftColumn li {
	margin-bottom: 0;
	padding: 0.7em 0 0.7em 3em;
	letter-spacing: normal;
	background: url(images/button_standard.png) no-repeat 0 0.4em;	
}

#growLeftColumn .contactButton {background: url(images/button_contact.png) no-repeat 0 0.4em;}
#growLeftColumn .homeButton {background: url(images/button_home.png) no-repeat 0 0.4em;}
#growLeftColumn .moneyButton {background: url(images/button_money.png) no-repeat 0 0.4em;}
#growLeftColumn .searchButton {background: url(images/button_search.png) no-repeat 0 0.4em;}
#growLeftColumn .faqButton {background: url(images/button_faq.png) no-repeat 0 0.4em;}

.contactButton {background: url(images/button_contact.png) no-repeat 0 0.4em;}
.homeButton {background: url(images/button_home.png) no-repeat 0 0.4em;}
.moneyButton {background: url(images/button_money.png) no-repeat 0 0.4em;}
.searchButton {background: url(images/button_search.png) no-repeat 0 0.4em;}
.faqButton {background: url(images/button_faq.png) no-repeat 0 0.4em;}

#footerBar {
	clear: left; 
	font-size: 0.85em;
	background-image: url(images/ribbon_background.png);	
}

#footerBar .content {
	padding: 2px 5px;
	line-height: 1.8em;
}

/* Ribbon Menu Divs ------------- */
.growRibbonElement {
	float: left;
	min-width: 70px;
	height: 40px;	
	margin: 0 auto 0 auto;
	padding: 15px 5px 0 5px;
	text-align: center;	
	background: url(images/ribbon_sprite.png) -16px 0px;
}

.growRibbonElement a {
	color: #EDFAEB;
	text-decoration: none;
	font-weight: bold;
	border-color: #EDFAEB;		
}

.growRibbonElement a:hover {
	color: white;
	border-bottom: 2px solid white;
	text-shadow: black 2px 2px 2px;
}

.growRibbonEnd {
	float: left;
	width: 11px;
	height: 55px; 	 
	background: url(images/ribbon_sprite.png);
}

.growRibbonSeperator {
	float: left;
	width: 5px;
	height: 55px;	 
	background: url(images/ribbon_sprite.png) -11px 0;
}

/* Rounded corner divs ------------*/
.bl {background: url(images/corner_bl.gif) 0 100% no-repeat;}
.br {background: url(images/corner_br.gif) 100% 100% no-repeat;}
.tl {background: url(images/corner_tl.gif) 0 0 no-repeat;}
.tr {background: url(images/corner_tr.gif) 100% 0 no-repeat;}

.blGreen {background: url(images/corner_green_bl.gif) 0 100% no-repeat;}
.brGreen {background: url(images/corner_green_br.gif) 100% 100% no-repeat;}
.tlGreen {background: url(images/corner_green_tl.gif) 0 0 no-repeat;}
.trGreen {background: url(images/corner_green_tr.gif) 100% 0 no-repeat;}
.clear {
	font-size: 0;
	height: 0;
}

.growContentWrapper {padding: 14px;}

/* Rounded Header formatting ---------------*/
.growBar {
	margin: 0 0 5px 0;
	background: url(images/header_background.png) repeat top right;
}

.growBar > .content,
.growBar > .content > .t,
.growBar > .b,
.growBar > .b > div {background: transparent url(images/header_border.png) no-repeat top right;}

.growBar .content {position: relative;}

/* Top + left vertical slice */
.growBar > .content > .t {	
	position: absolute;
	left: 0;
	top: 0;
	width: 12px; /* top slice width */
	height: 100%;	
	background-position: top left;
}

/* Bottom Div */
.growBar > .b { 	
	width: 100%;
	background-position: bottom right;
}

.growBar > .b,
.growBar > .b > div {
	height: 12px; /* height of bottom cap/shade */
	font-size: 0;
}

.growBar > .b > div {	
	width: 12px; /* bottom corner width */
	background-position: bottom left;
}

/* Rounded widget formatting ---------------*/
.growWidget {
	min-width: 100px;
	max-width: 400px; /* Background image size */
	margin: 0 2px 4px 10px;
	color: #333;
}

.growWidget > .content,
.growWidget > .content > .t,
.growWidget > .b,
.growWidget > .b > div {background: transparent url(images/widget_background.png) no-repeat top right;}

.growWidget .content {
	min-height: 130px;
	max-height: 770px;
	position: relative;
	padding: 0 12px 0 0;
	font-size: 12px;
}

/* Top + left vertical slice */
.growWidget > .content > .t {	
	position: absolute;
	left: 0;
	top: 0;
	width: 12px; /* top slice width */
	height: 100%;		
	margin-left: -12px;	
	background-position: top left;
}

/* Bottom Div */
.growWidget > .b { 	
	width: 100%;
	background-position: bottom right;
}

.growWidget > .b,
.growWidget > .b > div {
	height: 35px; /* height of bottom cap/shade */
	font-size: 0;
}

.growWidget > .b > div {	
	width: 12px; /* bottom corner width */
	margin-left: -12px;
	background-position: bottom left;
}

.growWidget h3,
.growWidget p {
	margin: 0; /* Margins mess up background */
	padding: 14px 0 0 0;
}

.growWidget h3 {
	padding-bottom: 14px;	
	text-align: center;
	font-size: 1em;
	color: #FFF;
}

.growWidget .excerpt {
	font-size: 0.9em;	
}

/* Center Div Formatting --------------------- */
.growCenterDiv {
	width: 100%;
	height: 100%;
	margin: 0 0 5px 0;
	background: #EAEAEA;
}

.growCenterDiv .content {
	padding: 10px 12px;	
}
.growCenterDiv > .content,
.growCenterDiv > .content > .t,
.growCenterDiv > .b,
.growCenterDiv > .b > div {background: transparent url(images/header_border.png) no-repeat top right;}
.growCenterDiv .content {position: relative;}

/* Top + left vertical slice */
.growCenterDiv > .content > .t {	
	position: absolute;
	left: 0;
	top: 0;
	width: 12px; /* top slice width */
	height: 100%;	
	background-position: top left;
}

/* Bottom Div */
.growCenterDiv > .b { 	
	width: 100%;
	background-position: bottom right;
}

.growCenterDiv > .b,
.growCenterDiv > .b > div {
	height: 12px; /* height of bottom cap/shade */
	font-size: 0;
}

.growCenterDiv > .b > div {	
	width: 12px; /* bottom corner width */
	background-position: bottom left;
}

.growCenterDiv p {
	margin: 0; /* margins will blow out backgrounds, leaving whitespace. */
	padding: 0.5em 0 0.5em 0;
	line-height: 1.4em;
}

.growCenterDiv h1 {
	color: #900;
	margin: 0;
	padding: 20px 0 8px 0;
	text-align: center;
	letter-spacing: -0.02em;
}

.growCenterDiv h2 {
	margin: 0.8em 0;
	text-align: left;
	font-size: 1.2em;
	letter-spacing: 0.03em;	
}

.growCenterDiv h3 {
	margin: 0.4em 0 0.4em 0;
	padding: 0.6em 0 0.2em 0;
	text-align: left;
	font-size: 1em;
	letter-spacing: -0.01em;
}

.bigRed {
	font-size: 2em !important;
	color: #900 !important;
}

.growCenterDiv h4 {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	text-align: left;
}

.growCenterDiv .memberHome {
	padding-left: 0.2em;
	list-style: none;
}

.growCenterDiv .memberHome li {
	padding: 0.7em 0 0.7em 3.5em;
	background: url(images/button_standard.png) no-repeat 0 0.4em;
}

.growLabel {line-height: 2em;}

.growComment {font: 12px italic;}

/* -------------------------------*/
.growText {
	margin: 0.2em 0.2em 0 0.2em;
	padding: 0.2em 0.2em 0 0.2em;
	text-align: justify;
}

.growFeedback {
	margin: 0 20% 12px 20%;
	text-align: center;
	color: #FFF;	
	background: #60BB55;
}

.growFeedbackError {background: #CC0000;}

.growArticle {
	min-width: 400px;
	margin: 12px 0 12px 0;
}

.growArticleFree {background: #BDE2C2;}
.growArticleFull {background: #D7D898;}

.articleMini {
	margin-bottom: 10px;
	border-bottom: 1px solid gray;
	padding-bottom: 15px;
}

.articleMini .articlePic {
	float: left; 
	width: 80px; 
	height: 80px; 
	margin-right: 10px;
	border: 1px solid green;
}

.growPic {padding-bottom: 0.8em;}

.picLeft {
	float: left;
	margin: 0 14px 0 0;
}

.picRight {
	float: right;
	margin: 0 0 0 14px;
}

.picCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.growTextRight {
	float: right;
	clear: right;
	width: 400px;		
	margin: 14px 0 14px 14px;
	border: 1px solid green;
	padding: 0 0 15px 0;
	background: white;	
	overflow: hidden;		
}

.growTextRight h2 {
	margin: 15px 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.growTextRight h4 {
	padding: 0 0 10px 0;
}

.growTextRight > div {
	padding: 0 15px;
	max-height: 400px;
	overflow-y: scroll;
}

.growFloatClear {
	clear: both;
	height: 0;
	line-height: 0;
}

/* Article display table styles */
.growTable{max-width: 700px;}

.growTitleColumn {	
	min-width: 20px;
	max-width: 150px;	
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: gray;
	padding: 0.2em 2em 0.2em 1em;
	text-align: left;
	vertical-align: middle;
}

.growDetailColumn {	
	min-width: 50px;
	width: auto;
	min-height: 2em;
	border-width: 0 0 1px 1px;
	border-style: dotted;
	border-color: gray;
	padding: 0.2em 0 0.2em 2em;
	text-align: left;
	vertical-align: middle;
}

.registerCheck {
	margin-left: -20px;
	list-style: none;
}
.registerCheck li {
	line-height: 27px;
	padding-left: 45px;
	background: url(images/green-tick-bullet.png) no-repeat 0 0;
}

.registerArrow {
	margin-left: -20px;
	list-style: none;
	
}
.registerArrow li {
	line-height: 30px;
	padding-left: 45px;
	background: url(images/bullet-arrow-left.png) no-repeat 0 -9px;
}
/* ---------------------------- */