body {
	margin: 0px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#666666;
	top:0px;
	background:#fef8eb url('../../../images/green_pattern.jpg') repeat;
}


div.hr {
	width:100%;
	background-color:#c9cabd;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}

div.hr hr {
	display:none
}

hr {
	height:1px;
} 

.active {
	text-decoration:underline !important;
}
 
img {
	border:0px;
}

a, img {
	outline:none;
}
 
a {
	text-decoration: none;
	color:#00B0E6;
}

a:hover {
	text-decoration: underline;
}


/* reset */
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin:0px;
	padding:0px;	
}

p.website-intro {
	display:none; 
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


/*	
	Logo
	-------------------------------- */

h1.logo {
	margin: 0;
	margin-top:20px; 
	position:absolute;
}

h1.logo,
h1.logo a {
	width: 169px;
	height: 179px;
}

h1.logo a {
	display: block;
	background: url('../../../images/logo.png') no-repeat;
}

h1.logo a span {
	display:none; 
}




/*	
	Strapline
	-------------------------------- */

div.strapline {
	margin: 0; 
	margin-top:14px;  
	margin-left:289px;
	position:absolute;
	width: 470px;
	height: 128px;
	display: block;
	z-index:1;
	background:url('../../../images/hub_menu_grid_470x128.png') no-repeat top left;
}


.menu_1_hover {
	margin: 0; 
	margin-top:14px;  
	margin-left:289px;
	position:absolute;
	width: 470px;
	height: 128px;
	display: block;
	background:url('../../../images/hub_menu_grid_470x128.png') no-repeat top left;
	background-position:0px -128px !important;
}

.menu_1_active {
	margin: 0; 
	margin-top:14px;  
	margin-left:289px;
	position:absolute;
	width: 470px;
	height: 128px;
	display: block;
	background:url('../../../images/hub_menu_grid_470x128.png') no-repeat top left;
	background-position:0px -256px !important;
}

.menu_2_hover {
	margin: 0; 
	margin-top:14px;  
	margin-left:289px;
	position:absolute;
	width: 470px;
	height: 128px;
	display: block;
	background:url('../../../images/hub_menu_grid_470x128.png') no-repeat top left;
	background-position:0px -384px !important;
}

.menu_2_active {
	margin: 0; 
	margin-top:14px;  
	margin-left:289px;
	position:absolute;
	width: 470px;
	height: 128px;
	display: block;
	background:url('../../../images/hub_menu_grid_470x128.png') no-repeat top left;
	background-position:0px -512px !important;
}


/* 
	Website container
	-------------------------------------*/
#container {
	width:947px;
	margin:0 auto;
}

#main-window {
	width:100%;
	float:left;
	margin-bottom:30px;
}


#content{
	width:607px;
	float:left;
	margin-top:20px;
}

#content h2 {
	color:#1d591f;
	font-weight:bold;
	font-size: 30px;
	margin-bottom:30px;
}
	
#content h3 {
	color:#024c97;
	font-weight:bold;
	font-size: 20px;
	margin-bottom:15px;
}

#content p {
	color:#706f5f;
	font-size:16px;
	line-height:1.3;
	margin-bottom:30px;
}

#content ul, #content ol {
	margin-left:22px;
	margin-bottom:15px;
}

#right-panel {
	width:310px;
	float:right;
	margin-top:15px;
}

ul.submenu {
	margin:0px;
	padding:0px; 
	list-style-type:none;
	margin-bottom:20px;
}

ul.submenu li, ul.submenu li a {
/*	width:310px;*/
	height:45px;
	display:block;
	background-position:left;
}

ul.submenu li a.active {
	background-position: right !important;
}

/*ul.submenu li a:hover {
	background-position: -310px 0px !important;
}

ul.submenu li a:focus {
	background-position: -620px 0px !important;
}*/


ul.submenu li a span {
	display:none;
}

#top-wrapper {
	width:100%;
	float:left;
}

/*
	Header
	-------------------------------------*/
#header {
	width:100%;
	height:200px;
	float:left;
}


#footer-wrapper {
	width:100%;
	min-height:226px;
	
}

#footer {
	width:100%;
	background:url('../../../images/footer_shadow.png') repeat-x top;
	float:left;
}

#footer-inner {
	width:947px;
	margin:0 auto;
}

#copyright {
	border:1px solid yellow;
	width: 100%;
}


#foot-menu-wrapper {
	padding:0px;  
	margin-top:0px;
	width:100%;
	clear:right;
	margin-bottom:5px;
	float:left;
} 

/*
	Foot menu
	-------------------------------------*/
ul#foot-menu {
	list-style-type:none;
	display:block;
	width:100%;
	clear:both; 
	float:left;
	margin-top:15px;
	margin-bottom:25px; 
} 

ul#foot-menu li {
	padding-right:10px;
	list-style-type:none;
	float:left;
	font-size:10px;
	margin-right:10px;
	border-right: 1px solid #fff;
}


ul#foot-menu a {
	font-size:11px;
	color:#FFF;
	text-decoration: none;
}

ul#foot-menu a:hover {
	text-decoration: underline;
}

ul#foot-menu a.active { 
	text-decoration: underline;
}


li:last-child, .last-item, .last {
	border-right:0px !important;
	padding-right:0px !important;
	margin-right:0px !important;
	padding-right:0px !important;
} 


 
/*	 
	Small Logo 
	-------------------------------- */
div.organix-foot-logo {
	margin: 0;
	width: 184px;
	height: 49px;
	margin-right:0px;
	line-height:49px;
	background: url('../../../images/organix_logo_2.png') no-repeat;
}

div.organix-foot-logo a {
	width: 184px;
	height: 49px;
	display:block
}

div.organix-foot-logo a span {
	display:none; 
}

#foot-logos {
	width:92px;    
	float:right;
	margin-top:15px;
}
 
#foot-logos div {
	margin-bottom:15px;
	text-align:right
}

div.foot-box  {
	float:left; 
	width:166px; 
	margin-right:22px;
}

div.foot-box h4 {
	text-transform:uppercase;
	font-size:11px;
	color:#FFF;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
	padding-bottom:10px;	
}
 
ul.bottom-menu {
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-top:10px;
}

ul.bottom-menu li {
	padding-bottom:2px;
}

ul.bottom-menu li a {
	color:#FFF;
	font-size:11px;
	text-decoration:none;
}

ul.bottom-menu li a:hover{
	text-decoration:underline; 
}


#top-menu-wrapper {
	text-align:right;
	width:300px;
	margin-top:15px;
	z-index:99;
	float:right;
}



/*
	Top menu
	-------------------------------------*/
ul#top-menu {
	list-style-type:none;
	display:block;
	width:auto;
}

ul#top-menu li {
	padding-right:10px;
	list-style-type:none;
	float:left;
	margin-right:10px;
}

div.panel {
	width:300px;
	display:block;
	margin-bottom:30px;
}

div.read-more {
	position:absolute;
	z-index:2;
	display:block;
	margin-top:-25px; 
	margin-left:150px; 
	width:114px;
	height:35px;
} 

/** BUTTON CLASSES */
a.button-medium {
	display:block;
	width:114px;
	height:35px;
	background-position:left;
}

a.button-medium:hover {
	background-position: -114px 0px !important;
}

a.button-medium:focus {
	background-position: -228px 0px !important;
}

a.button-medium span {
	display:none;
}


#file-list {
}

#file-list td.icon {
	vertical-align:middle;
	width:48px;
}


#file-list td.desc div{
	padding-left:20px;
	padding-right:40px;
}
 
#file-list td.desc p.file-list-title {
	color:#1D591F;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

#file-list td.desc p {
	font-size:10px;
	margin:0px;
	padding:0px;
}


#fs-list {
}

.rounded-list {
    border: 1px solid #97BF0D !important;
    -webkit-border-radius: 12px !important; 
    -moz-border-radius: 12px !important;
}

#fs-list td.icon {
	vertical-align:middle;
	width:48px;
}


#fs-list td.desc div{
	padding-right:80px;
}
 
#fs-list td.desc p.file-list-title { 
	color:#024c97;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

#fs-list td.desc p {
	font-size:12px;
	margin:0px;
	padding:0px;
} 

td.label { 
	font-size:13px;
	color:#959379;
	padding-left:10px;
	padding-top:10px;
}

td.field {
	background:url('../../../images/con-bck-1.png') no-repeat;
	width:504px;
	height:45px;
}

td.field2 {
	background:url('../../../images/con-bck-2.png') no-repeat;
	width:504px;
	height:145px;
}


td.field div, td.field2 div {
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
}

td.field input[type=text], td.field2 div textarea {
	width:460px;
	background-color:#959379;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	border:0px;
}

td.field2 div textarea {
	height:118px;
}

.error {  
	
	background-color:#FF9191;
	padding:10px;
	border:1px solid #F00;
	margin-top:15px;
	margin-bottom:15px;
	width:402px;
}

.error p {
	color:#FFF !important;
}

.success {
	color:#000 !important;
	background-color:#0C0;
	padding:10px;
	border:1px solid #090;
	margin-top:15px;
	margin-bottom:15px;
	width:402px;  
}

.success p {
	color:#000 !important;
}

.home {
	background:url('../../../images/little_boy.png') no-repeat top left !important;
}


ul.graphic_gallery {
	list-style:none;
	float:left;
	margin:0px !important;
	padding:0px !important;
}

ul.graphic_gallery li {
	height:210px; 
	width:250px;
	float:left;
	text-align:center;
	line-height:180px;
	margin-right:50px;
	margin-bottom:30px
}

ul.graphic_gallery li div.back {
	background:url('../../../images/gallery_image_back.jpg') no-repeat top center;
	height:180px; 
	width:250px;
}

ul.graphic_gallery li div.back img {
	margin-top:10px;
}

ul.graphic_gallery li p.desc {
	margin-top:15px !important;
	text-align:left !important;
	height:40px !important;
	
	font-size:12px !important;
	margin:0px !important;
	padding:0px !important;
	margin-left:10px !important;
}



/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display:none;
	width:742px !important; 
	height:434px !important;
	min-width:742px  !important; 
	min-height:434px  !important; 
	background:url('../../../images/register/registering_background.png') no-repeat bottom center;
	color:#000;
	border-bottom:0px;
    position: fixed;
    top: 10%;
    left: 50%;  
    
    margin-left: -361px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
} 

.jqmWindow input[type=text] {
	border:1px solid #949CC8;
	width:184px;
	font-size:14px;
	padding:3px;
	color:#CFD0D2;
	font-weight:bold
}

div.reg-boxes {
	float:left;
	width:100%;
}

div.reg-box-1 {
	margin-left:136px; 
	margin-top:29px;
	width:335px;
	float:left;
}

div.reg-box-1 div {
	margin-bottom:10px;
}

div.reg-box-2 {
	margin-left:100px; 
	margin-top:35px;
	float:left;
	width:190px
}

div.reg-box-2 div {
	margin-bottom:10px;
}

div.reg-button {
	width:114px;
	height:35px;
	float:right;
	margin-right:0px;
	margin-top:15px;
}

div.reg-foot-txt {
	float:left;
	font-size:11px;
	width:288px;
	color:#9C9D9F;
	margin-left:22px;
}

div.reg-result {
	display:none;
}

.reg_ok {
	background:url('../../../images/register/thank_you_background.png') no-repeat bottom center !important;
}

#close_btn {
	width:23px;
	height:23px;
	display:block;
	background:url('../../../images/register/close_button.png') no-repeat;
	float:right;
	margin-top:22px;
	margin-right:0px;
	cursor:pointer;
}

.close-button {
	margin-top:331px;
	margin-left:563px;
}














/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow1 {
    display:none;
	width:499px !important; 
	height:343px !important;
	min-width:499px  !important; 
	min-height:343px  !important; 
	color:#000;
	border-bottom:0px;
    position: fixed;
    top: 10%;
    left: 50%;
	
    margin-left: -250px;
}

.dialog_vote_top {
	background:url('../../../images/popup_window_top.png') no-repeat top center;
	height:29px;
	width:100%;
	float:left;
}

.dialog_vote_btm {
	background:url('../../../images/popup_window_bottom.png') no-repeat top center;
	height:29px;
	width:100%;
	float:left;
}

.dialog_vote_inner {
	background:url('../../../images/popup_window_cont.png') repeat-y top center;
	float:left; width:100%;
}

.jqmOverlay1 { background-color: #000; }


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow1 {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
} 

.jqmWindow1 input[type=text] {
	border:1px solid #949CC8;
	width:184px;
	font-size:14px;
	padding:3px;
	color:#CFD0D2;
	font-weight:bold
}



.radio {
	height: 21px;
	width: 19px;
	clear:left;
	float:left;
	margin: 0 0 0px;
	padding: 0 0 0 0px;
	background: url("../../../images/radio.png");
	background-repeat:no-repeat;
	cursor: default;
}

.checkbox input,.radio input {
	display: none;
}
.checkbox input.show,.radio input.show {
	display: inline;
}
.selected {
	background-position: 0 -21px;
}




/* Bar Graphs */
					#vote_thx {
						color:#A09F9F; font-size:25px; margin-bottom:10px;
					}
					
					#vote_res_for_quest_txt {
						color:#A09F9F; font-size:14px;
					}
					
					#vote_question {
						color:#F08900; 
						margin-top:10px; 
						margin-bottom:10px; 
						padding-right:100px; 
						font-size:22px;
						font-weight:bold; 
						font-family:'Trebuchet MS', Arial, Helvetica, sans-serif
					}
					
					#vote_results_wrap {
						float:left; 
						width:100%; 
						line-height:20px
					}
					#vote_results_wrap_inner {
						 margin:0 auto; 
						 width:700px; 
						 line-height:20px
					}
					
					.vote_answer_wrap {
						width:100%;
						float:left;
						margin-bottom:15px;
					}
					
					.vote_answer_wrap p {
						color:#A09F9F;
						font-weight:bold;
						font-size:12px;
					}
					
					.vote_answer_wrap p span {
						color:#F08900;
						font-weight:normal !important;
					}
					
					#vote_val_left {
						 width:60px; 
						 float:left; 
						 text-align:right; 
						 font-weight:bold;
						 color:#b83e00;
						 font-size:28px;
					}
					#vote_val_right {
						float:right; 
						width:60px; 
						text-align:left; 
						font-weight:bold;
						color:#00562b;
						font-size:28px;
					}
					
					#vote_graph {
						width:430px; 
						float:left; 
						margin-left:10px;
						margin-right:10px;
						margin-top:5px;
					}
					
					#vote_graph_inner {
						float:left; 
						width:100%; 
						line-height:10px
					}
					
					div.graph_bar_wrapper {
						width:430px;
						border:1px solid #F08A00;
						background-color:#FFF;
						height:28px;
					}
					
					div.graph_bar {
						width:0%;		
						text-align:center; 
						height:28px;
						float:left; 
						background-color:#F08A00; 
					}
					
					.graph_bar span {
						display:none;
					}