/* @override 
	http://www.fochta.org.au/css/default.css */

/* @group reset styles */

/* -------------------------------------------------------------- 
  
   * Resets default browser CSS styles.
   
   Original by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* @end */



/* -------------------------------------------------------------- 
  
   default.css
   Default stylesheet for fochta.org.au
   
   by Gerry Quach
  
-------------------------------------------------------------- */


/* @group body elements */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #6B8E23;
/*	background-color: #DFE1DC;
	background-image: url("/images/layout/body_bg.gif");
	background-repeat: repeat-x;	*/
  	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  	font-size: 0.8125em;
  	line-height: 1.5; /* Unitless for proper inheritance */	
}


a:link,
a:visited { 
	color: #993333;
	outline: none;
}

a:hover,
a:active,
a:focus,
#main-content .categories-list a:hover,
#main-content .categories-list a:focus,
#main-content .categories-list a:active,
#main-content .next-prev-entries-box a:hover,
#main-content .next-prev-entries-box a:focus,
#main-content .next-prev-entries-box a:active { 
	color: #000;
	background-color: transparent;
}


a img {
	border: none;
}

/* images that are linked must have a class="image-link" assigned to prevent strange border-bottom display problems */
img.left-image-link,
img.right-image-link {
	float: left;             /* must float, else you get weird border-bottom display problem */
	margin: 3px 15px 15px 0;
	padding: 4px;
	border: 1px solid #125AA7;
	background-color: transparent;
}

img.right-image-link {
	float: right;
	margin: 3px 0 15px 15px;
}

a img.left-image-link:hover,
a img.left-image-link:active,
a img.left-image-link:focus,
a img.right-image-link:hover,
a img.right-image-link:active,
a img.right-image-link:focus {
	border-color: #000;
	background: #000;
}



p {
  line-height: 1.5;
  margin-bottom: 1.5em;
}

ul, ol {
	margin-bottom: 1.5em;		/* match the margin-bottom of p */
	margin-left: 1.8em;
}

ul {
	list-style-type: disc;
}

ul ul {			/* for sub lists, we don't want a bottom margin else it looks weird, e.g. Site Map */
	margin-bottom: 0;
}

li {
/*	margin-bottom: 0.7em; */
}

dl {
	margin-top: 0;
	margin-bottom: 1em;	
}

dt {
	width:  8em;
	margin-right: 1em;
/*	margin-bottom: 0.7em; */
	text-align: right;
	float: left;
	font-weight: bold;
}

dd {
	margin-left: 9em;
/*	margin-bottom: 0.7em;	*/
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	clear: both;
	font-style: italic;
	margin: 0 30px 1em 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* @end */



/* @group page containers */


#page-container {
	margin: 0 auto;
	width:  960px;
/*	border: 1px solid #777; */
	border-top: none;
	color: inherit;
	background-color: #FFF7E0;
/*	background-color: #FDFBF2; */
/*	background-image: url("/images/layout/page_container_bg.gif");
	background-repeat: repeat-y;		*/
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 7px; 
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 7px;	
	box-shadow: rgba(0,0,0,0.7) 0px 0px 7px;
}

#banner {	
	overflow: hidden;
	height: 200px;
	background-image: url("../images/layout/default_banner_bg.jpg");
	background-repeat: no-repeat;	
	border-bottom: 1px solid #777;	
}

#banner.homepage {	
	height: 360px;
	background-image: url("../images/layout/homepage_banner_bg.jpg");
	background-repeat: no-repeat;		
}

#banner a {
	width: 100%;
	height: 74px;
	background-image: url("../images/layout/fochta_header.png");
	background-repeat: no-repeat;			
	display: block;
}

#banner a:hover,
#banner a:focus,
#banner a:active {
	background-image: url("../images/layout/fochta_header_hover.png");
}


#breadcrumb-bar {
	padding: 5px 15px;
/*	height: 30px; */
/*	border-top: 1px solid #000;
	border-bottom: 1px solid #000; */
	border-top: 1px solid #DDD;
	border-bottom: 2px solid #CCC;	
	color: #555;
	background-color: #EFEFEF;
	background-image: url("../images/layout/breadcrumb_bar_bg.gif");
	background-repeat: repeat-x;			
	font-weight: bold;
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;		

}

#breadcrumb-bar a {
	color: #888;
	background-color: transparent;
/*	margin: 0 0.4em; */
	text-decoration: none;
}

#breadcrumb-bar a,
#breadcrumb-bar .inactive-item {
	padding: 3px 7px 2px 7px;
}


#breadcrumb-bar a:hover,
#breadcrumb-bar a:focus,
#breadcrumb-bar a:active {
/*	color: #000;
	background-color: transparent; */
	color: #FFF;
	background-color: #000;
	text-decoration: none;	
}


/* @end */





/* @group nav-bar */

#nav-bar {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	width: 200px;
	color: #736962;
	background-color: transparent;			
/*	background-color: #FBF5E3; */
}

#nav-bar a {
/*	color: #86846A; */
	color: #444;
	background-color: transparent;		
/*	background-color: #FFF7E0; */
	text-decoration: none;
	
}


#nav-bar ul {
	display: block;
	margin-left: 0;
	margin-bottom: 0;	
	padding-bottom: 30px;
/*	border-bottom: 1px solid #DDD; */
	list-style: none;
}

#nav-bar ul li {
	margin: 0;
}

#nav-bar ul li a {
	display: block;
	padding: 7px 15px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.2;
	background-image: url("../images/layout/dotted_bg.gif");
	background-position: bottom left;
	background-repeat: no-repeat;		
/*	border-bottom: 1px dotted #B7B08C; */
}



#nav-bar ul a#active-menu-item,
#main-content.sitemap a#active-menu-item {
	color: #EFEBE8;
	background-color: #736257;
	background-image: none;
/*	border-bottom: 1px solid transparent;	*/
}

#main-content.sitemap a#active-menu-item {
	border-color: #736257;
}

#main-content.sitemap a#active-menu-item:hover,
#main-content.sitemap a#active-menu-item:active,
#main-content.sitemap a#active-menu-item:focus {
	color: #FFF;
	background-color: #000;
	border-color: #000;
}


#nav-bar ul li a:hover,
#nav-bar ul li a:focus,
#nav-bar ul li a:active,
#nav-bar ul a#active-menu-item:hover,
#nav-bar ul a#active-menu-item:focus,
#nav-bar ul a#active-menu-item:active {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	background-image: none;	
/*	border-bottom: 1px solid transparent; */
}

#nav-bar ul ul {
	font-size: 80%;
	padding-bottom: 0;
	border-bottom: none;
	color: inherit;
	background-color: transparent;		
/*	background-color: #EFEBE0; */
}

#nav-bar ul ul a {
	color: #666;
	background-color: transparent;	
}

#nav-bar ul ul ul a {
	color: #666;
	background-color: transparent;	
}

#nav-bar ul ul ul {
	font-size: 100%;
	color: #AFA68B;
	background-color: transparent;		
/*	background-color: #FFFBEF; */
}


#nav-bar ul ul li a {
	padding: 7px 15px 7px 30px;
}

#nav-bar ul ul ul li a {
	padding: 7px 15px 7px 45px;
}


#nav-bar .content-block {
	border-top: 1px solid #EFE6CA;
	margin-bottom: 0;
	padding: 15px;
	padding-bottom: 0;
	font-size: 85%;
/*	font-weight: bold;
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;		*/
}

#nav-bar .first.content-block {
	border-top: 0;
	margin-top: 2em;
	padding-top: 0;
}

#nav-bar .content-block a {
	color: #736962;
	background-image: none;
	line-height: 1.5;
}

#nav-bar .content-block ul {
	padding-bottom: 0;
	margin-bottom: 1em;
}

#nav-bar .content-block h2,
#nav-bar .content-block h3,
#nav-bar .content-block h4,
#nav-bar .content-block h5,
#nav-bar .content-block h6 {
	font-family: Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #9F938B;
	letter-spacing: 2px;
	margin-bottom: 1em;
}


/* @end */








/* @group main-content */


#main-content,
body.mceContentBody {
	width: 719px;
	float: left;
	padding: 20px;
/*	color: #5C5F4B; */
	color:  #333;
	background-color: transparent;
}

#main-content.sitemap {		/* sitemap has no nav-bar */
	width: auto;
	float: none;
	clear: both;
}


body.mceContentBody {
	background: none;
	background-color: #FDFBF2;
	border-right: 3px dashed #EFE6CA;	/* border lets writer see where content ends */
	border-bottom: 3px dashed #EFE6CA;	
}


#main-content .intro-block {
	padding: 15px;
	padding-top: 0;
/*	font-size: 120%;
	font-weight: bold; */
	color: #76735D;
	background-color: transparent;
}

#main-content .intro-block h2 {
/*	color: #945D3B; */
	color: #828F62;
	background-color: transparent;
	font-size: 160%;
	font-weight: bold;	
	font-family: Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;	
	line-height: 1.2;
	margin-bottom: 0.5em;
/*	letter-spacing: -1px; */
}


#main-content .intro-box {
	float: left;
	overflow: hidden;
	margin-right: 18px;
	margin-bottom: 20px;
	width: 320px;
	height:  119px;
	padding: 15px;
	color: #555;
/*	background-color: #EBEECD; */
/*	background-color: #F0EFDF; */
	background-color: #EFE6CA;
	font-size: 85%;
	font-weight: normal;
}

#main-content .last-in-row.intro-box {
	margin-right: 0;
}

#main-content .intro-box a {
	color: #555;
	text-decoration: none;	
}


#main-content .intro-box a img {
	float: right;
	margin: 0 0 10px 10px;
/*	border: 1px solid #CCC; */
	padding: 1px;	
	border: 2px solid #DFD6B5;		
}


#main-content .intro-box a img:hover,
#main-content .intro-box a img:focus,
#main-content .intro-box a img:active,
#main-content .intro-box a img:hover,
#main-content .intro-box a img:focus,
#main-content .intro-box a img:active {
	color: #FFF;
	border-color: #000;
	background-color: #000;
}



#main-content .intro-box h2 {
	font-size: 210%;
	font-weight: bold;
	font-family: Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;	
	line-height: 1;
	margin-bottom: 10px;
/*	color: #848F6B; */
	color: #736962;
	background-color: transparent;
}

#main-content .intro-box h2 a {
	color: #736962;
	text-decoration: none;
}

#main-content .intro-box a:hover,
#main-content .intro-box a:focus,
#main-content .intro-box a:active,
#nav-bar .content-block a:hover,
#nav-bar .content-block a:focus,
#nav-bar .content-block a:active {
	color: #000;
}

#main-content h1,
body.mceContentBody h1 {
/*	color: #945D3B; */
	color: #828F62;
	background-color: transparent;
	font-size: 200%;
	font-weight: bold;	
	font-family: Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;
/*	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; */
	line-height: 1.2;
	margin-bottom: 0.5em;
/*	letter-spacing: -1px; */
}

#main-content h2,
body.mceContentBody h2 {
	color: #8D9B70;
	background-color: transparent;	
	font-size: 160%;
	font-weight: normal;	
/*	font-family: Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;	*/
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

#main-content h3,
body.mceContentBody h3 {
	color: #495F17;
	background-color: transparent;	
	font-size: 130%;
	font-weight: bold;	
	font-family: Univers, "Helvetica Neue", Arial, Helvetica, sans-serif;	
	line-height: 1.2;
	margin-bottom: 0.5em;
}

#main-content h4,
body.mceContentBody h4 {
	color: #9AA97A;
	background-color: transparent;	
	font-size: 100%;
	font-weight: bold;	
	line-height: 1.2;
	margin-bottom: 0.5em;
}


.image-left,
.image-right,
.image-centre {
	background-color: transparent;	
} 

.image-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.image-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

a .image-left,
a .image-right,
a .image-centre {
	padding: 2px;	
	border: 2px solid #EFE5C2;		
}

a .simple-thumbnails {
	background-color:#fff;
	padding:3px;
	border:1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.image-centre {
	display: block;
	float: none;
	clear: both;
	margin: 1em auto;
	text-align: center;
	padding: 0;	
}

a .image-left:hover,
a .image-left:focus,
a .image-left:active,
a .image-right:hover,
a .image-right:focus,
a .image-right:active,
a .simple-thumbnails:hover,
a .simple-thumbnails:focus,
a .simple-thumbnails:active,
.scrollable a:hover,
.scrollable a:focus,
.scrollable a:active,
.scrollable a.active {
	color: #FFF;
	border-color: #000;
	background-color: #000;
}

.scrollable a:hover,
.scrollable a:focus,
.scrollable a:active,
.scrollable a.active {
	border-width: 4px;
}

/* @end */




/* @group jQuery Tools Scrollable */

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url("../images/scrollable/arrow/hori_large.png") no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:55px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url("../images/scrollable/arrow/vert_large.png") no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	






/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	float:  left;
	position:relative;
	overflow:hidden;
	width: 635px;
	height:138px;

	/* custom decorations */
/*	border:2px solid #EFE6CA; */
	border:1px solid #BBB;
	background:url("../images/scrollable/h300.png") repeat-x;	
	margin-bottom: 1em;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */

.scrollable a {
	float: left;	
	margin: 16px 0px 15px 10px;
	background-color: #222;
/*	padding:3px 3px 2px 3px; */
	padding: 1px;
	border:4px solid #DEDEDE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.scrollable img {
/*	float:  left; */		/* have to float img too, otherwise a becomes too tall */
/*	cursor:pointer;
	width:100px;
	height:75px;
	padding: 0; */
	margin:  0;
	padding: 0;
	background-color: #000;	
	
}


/* active item */
.scrollable .active {
/*	border:2px solid #000; */
	z-index:9999;
	position:relative;
}


/* @end */



/* @group News */

#main-content ul.news-listing,
#main-content .tabular-list,
#nav-bar .news-listing {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 1em;
	border-top: 1px solid #DFD5B5;		
	background-color: #FFF9E8;
}

#main-content ol.tabular-list {
	padding-left: 0;
	margin-left: 2.5em;
	list-style-type: decimal;
}

#main-content ul.news-listing li.even-row,
#main-content .tabular-list li.even-row,
#nav-bar .news-listing li.even-row {
	background-color: #FBF5E4;
}

#main-content ul.news-listing li a,
#main-content .tabular-list li a,
#nav-bar .news-listing li a {
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #DFD5B5;
	color: #000;	
}

#main-content ul.news-listing li a:visited,
#main-content .tabular-list li a:visited {
	color: #9F938B;
}


#nav-bar .news-listing li a {
	padding: 0.4em;
	color: #6F655E;	
}

#main-content ul.news-listing li a .inline-posted-date-time {
	width: 7.5em;
	display: block;
	float: left;
	color:  #9F938B;
	text-decoration: none;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
}

#main-content ul.news-listing li a:hover,
#main-content ul.news-listing li a:focus,
#main-content ul.news-listing li a:active,
#main-content .tabular-list li a:hover,
#main-content .tabular-list li a:focus,
#main-content .tabular-list li a:active,
#nav-bar .news-listing li a:hover,
#nav-bar .news-listing li a:focus,
#nav-bar .news-listing li a:active {
	color: #FFF;
	background-color: #000;	
}


#main-content .posted-date-time,
#main-content .last-updated {
	clear: both;
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;		
	color: #9F938B;
	background-color: transparent;
	margin-bottom: 0.2em;	
}


#main-content .categories-list {
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	
	color: #9F938B;
	background-color: transparent;
	margin-bottom: 1.5em;
}

#main-content .categories-list a {
	color: #9F938B;
	background-color: transparent;
	font-weight: bold;
	margin-left: 0.3em;
}

#main-content .next-prev-entries-box a,
#main-content .pagination a,
#main-content .pagination strong {
	font-weight: bold;
	padding: 3px 8px 4px 8px;
	color: #736962;
	text-decoration: none;
}

#main-content .next-prev-entries-box a:hover,
#main-content .next-prev-entries-box a:focus,
#main-content .next-prev-entries-box a:active {
	color: #FFF;
	background-color: #000;
}   

#main-content .next-prev-entries-box,
#main-content .pagination {
/*	margin: 0 -15px -15px -15px; */
	text-align: center;
	border-top: 1px dotted #9F938B;
	padding: 10px;
	color: #9F938B;
	background-color: transparent;
}

#main-content .pagination {
	border-top: none;
}

#main-content .pagination strong {	/* currently active page */
	color: #FFF;
	background-color: #736257;
	font-weight: normal;
}


#main-content .pagination a:hover,
#main-content .pagination a:focus,
#main-content .pagination a:active {
	color: #FFF;
	background-color: #000;	
}

#main-content .pagination .pagination-links b {
	padding: 2px 5px;
	margin: 0 1px;
	color: #FFF;
	background-color: #444;
	border: 2px solid #000;
}

#main-content .pagination .pagination-links {
	margin-left: 2em;
}

.sharethis {
	margin: 1em 0;
}

.sharethis a {
	border-bottom: 0;
	font-weight: bold;
}




/* @end */




/* @group FAQs */


#main-content h2.faq-question-drop-cap,
#main-content h2.faq-answer-drop-cap {
	clear: both;
	display: block;
	font-size: 200%;
	font-weight: bold;
	float: left;
	margin: -0.1em 0.4em 0 0;
	color: #777;
	
}


#main-content .faq-question {
/*	color: #911612; */
	font-weight: bold;
}

/* @end */








/* @group footer */

#footer {
	margin: 1.5em auto;
	padding: 0 10px;
	width:  960px;
	text-align: center;
  	font-family: Corbel, Calibri, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;		
  	color: #F3FBEC;
  	background-color: transparent;
  	line-height: 2;
}


.divider {
	margin: 0;
	color: #86AF2B;
	background-color: transparent;
}

#footer a {
	font-weight: bold;
	color: #F3FBEC;
	background-color: transparent;
	text-decoration: none;
	padding: 5px 7px 3px 7px;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}

#footer .note {
	color: #A0BF83;
	background-color: transparent;
}

/* @end */





/* @group miscellaneous */

.clear-float {
	clear: both;
	float: none;
}

/* For shifting page elements off-screen so that it's not visible but still can be read by screen readers and   text browsers. Please see: http://css-discuss.incutio.com/?page=ScreenreaderVisibility
*/

.off-left {
	position: absolute;
	left: -999px;
	width: 990px;

}


/* clearing without extra markup 
See: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block;
    height: 0;
    clear: both; 
    visibility: hidden;
}


.centre,
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* @end */




/* @group forms */
/* be sure to use a <br /> after each input field */

#main-content form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#main-content form legend {
	font-weight: bold;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

#main-content form label,
#main-content form input,
#main-content form select,
#main-content form textarea {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-right: 0.5em;
}


/* if we don't want to float a form element, set class="no-float" */
#main-content form label.no-float,
#main-content form input.no-float,
#main-content form select.no-float {
	float: none;
}


#main-content form label {
	text-align: right;
	width: 8em;
	margin-right: 1em;
}

#main-content form#contactusform label,
#main-content form#newslettersignupform label {
	text-align: right;
	width: 5em;
	margin-right: 1em;
}


#main-content form .indented {
	margin-left: 10em;
}

#main-content form#contactusform .indented,
#main-content form#newslettersignupform .indented {
	margin-left: 7em;
}

#main-content form br {
	clear: left;
}



/* forms which have no 2-column layout need a class="no-layout" */
#main-content form.no-layout {
	margin-bottom: 1em;
}


#main-content form.no-layout label,
#main-content form.no-layout input,
#main-content form.no-layout select {
	display: inline;
	float: none;
	margin: 0;
}

#main-content form.no-layout label {
	text-align: left;
	width: auto;
	margin: 0;
}

#main-content form.no-layout br {
	clear: none;
}

/* @end */





/* flexi buttons gor gofundraise.com.au */

#nav-bar .green.flexi-button,
#nav-bar .green.flexi-button:visited {
	background-color: #04930a;
	border: 1px solid #04930a;
}

#nav-bar .green.flexi-button:hover,
#nav-bar .green.flexi-button:focus,
#nav-bar .green.flexi-button:active {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;	
}

#nav-bar .flexi-button,
#nav-bar .flexi-button:visited,
#nav-bar .medium.flexi-button,
#nav-bar .medium.flexi-button:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,.25);
}

#nav-bar a.flexi-button,
#nav-bar a.flexi-button:visited {
/*  background: #222 url('/Content/images/button-overlay.png') repeat-x; */
	border: 1px solid #222;
	display: inline-block;
	padding: 5px 16px;
	color: #fff;
	text-decoration: none!important;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,.25);
	border-bottom: 1px solid rgba(0,0,0,.25);
	position: relative;
	cursor: pointer;
	margin: 0 3px;
	/* test */
}

#nav-bar .customized-buttons {
	text-align: center;
	width: 125px;
}