/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 21 Sep 2009 & 11am
 * Author: Joshua Deidun <www.ivt.com.au>
*/

 @import url("other.css");

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/


/*	1. COLORS
 *	----------------------------------------------
 *	red			=		#e81e25
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	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; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none; 
		}	
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0; 
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}


/*	3. LINKS
 *	----------------------------------------------
*/

    a {
		text-decoration: none;
	   }	 
	
	a:link, a:active, a:visited, a:hover {
		color: #e81e25;
		outline: none;
		}
		
	a:hover {
		text-decoration: underline;
		}			

		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/


	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		color: #e81e25;
		}
		
	h1 {
		font-size: 3.5em;
		color: #004776; 
		}
		
	h2 {
		font-size: 2.1em;
		 color: #ccc;
		}
		
	h3 {
		font-size: 1.3em;
		margin: 0 0 .5em;
		line-height: 1;
		color: #004776;
		}
		
	#main h1, h4 {
		font-size: 1.6em;
		margin: 0 0 .3em;
		color: #e81e25;
		}	
		
	h5 {
		font-size: 1.3em;
		margin: 0 0 .5em;
		color: #2d7faa;
		}				
		
	p { margin: 0 0 1em; }
	
	textarea {
		font-size: .9em;
		font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica;
		}
	
				
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	
	
	body {
		margin: 0;
		padding: 0;
		font: 62.5%/1.5 "Trebuchet MS", "Lucida Grande", Arial, Helvetica;
		color: #004776;
		background: #2d7faa;
		}
		
	/*----------------------------------------*/
	/*-------------- CONTAINER ---------------*/
	/*----------------------------------------*/
		
		#container {	
			background: #fff url(../images/body-bg.gif) repeat-x;
			}
	
		/*-------------------------------------*/
		/*-------------- HEADER ---------------*/
		/*-------------------------------------*/
			#header { 
				position: relative; 
				height: 110px; 
				}
		
			/* --- logo */
			#header h1 a { float: left; color: #094a79; width: 310px; margin: 27px 0 0; }
			
			/* vision */
			#header h2 { float: right; margin: 40px 12px 0; }
			
			/* --- navigation */
			#header ul { position: absolute; bottom: 0; right: 0; width: 640px; height: 32px; padding: 0; overflow: hidden; }
			#header ul li { float: left; height: 32px; }
			#header ul li a { float: left; display: block; height: 32px; background-image: url(../images/nav-bg.gif); background-repeat: no-repeat; text-indent: -999em; cursor: pointer; }
			
				/* ---- off state */
				#header ul li a.about { width: 92px; background-position: 0 0; }
				#header ul li a.chaplains { width: 97px; background-position: -92px 0; }
				#header ul li a.creteachers { width: 117px; background-position: -189px 0; }
				#header ul li a.resourceshop { width: 130px; background-position: -306px 0; }
				#header ul li a.support { width: 102px; background-position: -436px 0; }
				#header ul li a.contact { width: 102px; background-position: -538px 0; }
				
				/* ---- over state */
				#header ul li a.about:hover { width: 92px; background-position: 0 -32px; }
				#header ul li a.chaplains:hover { width: 97px; background-position: -92px -32px; }
				#header ul li a.creteachers:hover { width: 117px; background-position: -189px -32px; }
				#header ul li a.resourceshop:hover { width: 130px; background-position: -306px -32px; }
				#header ul li a.support:hover { width: 102px; background-position: -436px -32px; }
				#header ul li a.contact:hover { width: 102px; background-position: -538px -32px; }
				
				/* ---- on state */
				#header ul li a.about-on{ width: 92px; background-position: 0 -32px; }
				#header ul li a.chaplains-on{ width: 97px; background-position: -92px -32px; }
				#header ul li a.creteachers-on { width: 117px; background-position: -189px -32px; }
				#header ul li a.resourceshop-on { width: 130px; background-position: -306px -32px; }
				#header ul li a.support-on { width: 102px; background-position: -436px -32px; }
				#header ul li a.contact-on { width: 102px; background-position: -538px -32px; }
		
		/*-------------------------------------*/
		/*-------------- BANNER ---------------*/
		/*-------------------------------------*/
		#banner { position: relative; height: 200px; width: 640px; float: left; background: #3c83a3; overflow: hidden; }
						
		#banner div.corners {
				position: absolute;
				top: 0;
				left: 0;
				width: 640px;
				height: 200px;
				background: url(../images/corners.png) no-repeat;
				z-index: 99;
				}		
		
		/*-------------------------------------*/
		/*-------------- UPDATE ---------------*/
		/*-------------------------------------*/
		
		#update { width: 230px; margin: 20px 0 0; padding: 0 15px; float: left; font-size: 1.2em; }	
		#update img#update_img { border: 5px solid #3c82a4; }
		#update div#update_desc { margin: 5px 0 10px 5px; }
		#update #btn_donate { float: right; }
		#update .button { margin: 0 5px; float: left; }
		#update h3 { margin: 0 0 .7em .2em; }
		
		/*--------------------------------------*/
		/*-------------- CONTENT ---------------*/
		/*--------------------------------------*/
		
			
		#inner {
			width: 902px; 
			margin: 0 auto;
			}
			
		#content {
			position: relative;
			width: 902px;
			background: url(../images/content-bg2.gif) 0 200px no-repeat;
			font-size: 1.1em;
			}			
		
		#content .left {
			position: relative;
			float: left; width: 262px;
			font-size: 1.1em;
			margin-top: 200px;
			z-index: 1;
			}
			
			/*-------------------------------------*/
			/*--------------- MENU ----------------*/
			/*-------------------------------------*/
			
			
			
			#content .left div#menu, #content .left #login {
				width: 252px;
				margin: 0 0 0 4px;
				}
			#content .left h3 {
				text-transform: lowercase;
				background: #c9dde5 url(../images/bg-h3-corners.gif) top left no-repeat;
				padding: 9px 17px;
				margin: 0;
				letter-spacing: .5px;
				}
				
			#content .left h3 span {
				color: #2d7faa;
				}	
			
			#content .left div#menu ul {
				
				width: 218px;
				margin: 0;
				padding: 10px 17px 20px;
				background: #e2edf1 url(../images/bg-ul-bottom.gif) bottom left no-repeat;
				}
				
			#content .left div#menu ul ul {
				background-image: none;
				padding: 0 17px;
				width: 200px;
				}	
				
			#content .left div#menu ul li {
				display: block;
				width: 200px;
				}	
			
			#content .left div#menu ul li a {
				font-size: 1.1em; 
				padding: 4px 0 4px 15px;
				font-weight: bold;
				display: block;
				}
				
			#content .left div#menu ul li li a {
				padding: 2px 0 2px 13px;
				font-weight: normal;
				font-size: 1.1em;
				display: block;
				}	
			
			#content .left div#menu ul li.off a {
				color: #004776;
				background: url(../images/arrow-off.gif) 0 10px no-repeat;
				}
				
			#content .left div#menu ul li.on a {
				background: url(../images/arrow-on.gif) 0 12px no-repeat;
				}
				
			#content .left div#menu ul li.on li.off a {
				background: url(../images/arrow-off.gif) 0 7px no-repeat;
				}	
				
			#content .left div#menu ul li.on li.on a {
				background: url(../images/arrow-on.gif) 0 9px no-repeat;
				}
				
				
			/* cart */
			#content div.left div#cart {
				background: #fff url(../images/cart-bg2.gif) no-repeat;
				height: 192px;
				padding-bottom: 10px;
				}
			
			#content div.left div#cart h3 {
				color: #fff;
				background: url(../images/cart-icon.gif) 17px 22px no-repeat;
				padding: 20px 0 8px 45px;
				display: block;
				}
			
			#content div.left div#cart div#items {
				width: 80px;
				height: 63px;
				float: left;
				margin: 15px 10px 10px 20px;
				padding: 10px 0;
				font-size: 1.1em;
				display: inline;
				}	
				
			#content div.left div#cart span {
				font-weight: bold;
				font-size: 1.4em;
				line-height: 1;
				}	
				
			#content div.left div#cart div#total {
				display: inline;
				width: 110px;
				float: right;
				height: 63px;
				margin: 15px 29px 10px 0;
				padding: 10px 0;
				font-size: 1.1em;
				}
				
			#content div.left div#cart #cart_links { 
				margin: 5px 22px; 
				}		
					
			#content div.left div#cart #cart_links a {
				color: #004776;
				font-size: 1.1em; 
				}	
			
			#content div.left div#cart div {
				text-align: center;
				float: left;
				display: block;
				}
				
			#content div.left div#cart #total, #content div.left div#cart #items { position: relative; }
			#content div.left div#cart div#total button { height: 20px; position: absolute; bottom: 0; left: 0; width: 110px; margin: 0; padding: 0; background: none; border: 0; text-indent: -999em; cursor: pointer; }	
			#content div.left div#cart div#items button { height: 20px; position: absolute; bottom: 0; left: 0; width: 81px; margin: 0; padding: 0; background: none; text-indent: -999em; cursor: pointer; border: 0; }	
			#content div.left #mini_cart { text-indent: 0; }
			
			#content div.left div#cart #mini_cart { text-align: center; width: 100%; }
			#mini_cart h3, #mini_cart tr.mini_cart_odd td { display: none!important; }			
			#mini_cart tr.mini_cart_odd td.mini_cart_total { display: block !important; text-transform: lowercase; }
			#mini_cart tr.mini_cart_odd td.mini_cart_total:first-letter { text-transform: uppercase; }	
			
			/* --- login form */  
		
			#content .left #login h3 { text-transform: none; }
			#content .left #login form, #content .left #login #login_details { width: 205px; height: 180px; margin: 10px 17px; padding: 0; display: inline; float: left; }
			#content .left #login form ol { margin: 0; padding: 0; float: left; display: block; width: 205px; }
			#content .left #login form fieldset { margin: 0; padding:0; }
			#content .left #login form li { margin: 0; padding: 0 0 10px; float: left; display: inline-block; width: 146px; height: 26px; }
			#content .left #login form li input { width: 192px; margin: 0; padding: 4px 5px; border: 2px solid #c9dde5; background: #fff; color: #e81e25; }
			#content .left #login button { width: 64px; height: 27px; margin: 5px 2px 0; padding: 0; border: 0; background: url(../images/login-btn.png) no-repeat; cursor: pointer; overflow: hidden; color: #fff; text-indent: -999em; display: block; border-collapse: collapse; float: right;  }
			#content .left #login a#logout { width: 64px; height: 27px; margin: 5px 2px 0; padding: 0; border: 0; background: url(../images/logout-btn.png) no-repeat; cursor: pointer; overflow: hidden; color: #fff; text-indent: -999em; display: block; border-collapse: collapse; float: left;  }
			#content .left #login a#myaccount, #content .left #login a#help { height: 27px; width: 48px; float: left; margin: 0; padding: 0; margin: 5px 0 0 2px; }
			#content .left #login strong span { color: #e81e25; font-style: italic; margin: .5em 0; display: block; }
			
			#content .left #login ul { margin: 10px 5px; padding: 0; }
			#content .left #login ul li { padding: 4px 0 4px 18px; background: url(../images/square.gif) 0 11px no-repeat; color: #2d7faa; }
			#content .left #login ul li a {	color: #2d7faa;	}
			
			#content .extras { float: left; width: 620px; background: url(../images/extras-bg.gif) no-repeat; color: #3e84a4; font-size: 1.3em; font-weight: bold; padding: 6px 5px 0 15px; height: 30px; }
			#content .extras p { float: left; }
			#content .extras ul { float: right; display: block; }
			#content .extras ul li { float: left; display: block; background: url(../images/extra-li-bg.gif) left no-repeat; }
			#content .extras ul li.noline { background: none; }	
			#content .extras ul li a { float: left; display: inline-block; margin: 0 7px 1px 12px; color: #3e84a4; }	
			
		
		
		#content .right {
			float: right;
			width: 640px;
			font-size: 1.1em;
			}
			
			/*-------------------------------------*/
			/*-------------- INTRO ---------------*/
			/*-------------------------------------*/
			#content .right #intro { position: absolute; top: 0; left: 0; height: 189px; width: 262px; color: #333; font-size: 1.2em; margin-top: 9px; color: #e81e25; clear: both; z-index: 1; background: #fff; }
			#content .right #intro h3 { margin: 0 20px; padding: 17px 0 0; line-height: 1em; color: #fff; font-size: 1.3em; }
			#content .right #intro div#title_bg { 	
							position: relative;
							background: url(../images/h3-intro-bg.gif) repeat-y; 
							display: block; 
							min-height: 42px; 
							height: auto !important; 
							height: 41px;
						}
						
			#intro div#top {
				background: url(../images/h3-intro-bg-top.gif) no-repeat;
				height: 6px;
				width: 262px;
				font-size: 1px; 
				}
			
			#intro div#bottom {
				background: url(../images/h3-intro-bg-bottom.gif) no-repeat;
				height: 6px;
				width: 262px;
				font-size: 8px;
				margin-bottom: .3em; 
				}
							
			#content .right #intro #intro_desc { padding: 10px 20px; }
			#content .right #intro a { color: #e81e25; text-decoration: underline; }	
				
			
			#content .right #main {
				position: relative;
				float: left;
				width: 580px;
				padding: 25px 30px 0;
				font-size: 1.1em;
				z-index: 1;
				}
				
			#content .right #main ul {
				margin: 10px 5px;
				padding: 0;
				}
				
			#content .right #main ul li {
				padding: 4px 0 4px 18px;
				background: url(../images/square.gif) 0 11px no-repeat;
				color: #2d7faa;
				}
				
			#content .right #main ul li a {
				color: #2d7faa;
				}
				
			/* record list */
			
			#content .right #main table.knowledge_list_table td .appeal_thumb { float: left; margin: 0 20px 10px 18px; }
			#content .right #main table.knowledge_list_table td .appeal_thumb img { border: 4px solid #e3edf2; }
			#content .right #main table.knowledge_list_table td a { margin: 0; color: #2d7faa; font-weight: bold; display: block; }
			#content .right #main table.knowledge_list_table td { margin: 0; padding: 15px 0; border-bottom: 1px solid #dedede; } 
			#content .right #main table.knowledge_list_table td .record_list_desc { float: left; width: 300px; margin: 0 15px 10px; }	
			#content .right #main table.knowledge_list_table td .record_list_desc a { margin-bottom: .5em; }	
			#content .right #main table.knowledge_list_table td .btn_more_info { float: left; margin: 0 0 0 15px; padding: 0; }			
			#content .right #main table.knowledge_list_table td .btn_donate { float: right; margin: 0 15px 0 0; padding: 0; }
			#content .right #main table.knowledge_list_table td .donate_btns { float: left; width: 100%;  }
				
			/* --- sitemap */
	#content .right #main ul.sitemap_level1 { margin: 0 25px; padding: 0; display: block; float: left; }
	#content .right #main ul.sitemap_level1 li { margin: 0; padding: 0 0 0 18px; background: url(../images/square.gif) 0 7px no-repeat; }
	#content .right #main ul.sitemap_level1 li.sitemap_level1 a { color: #004776; font-size: 13px; font-weight: bold; margin: 0; padding: 0; }
	#content .right #main ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 a { font-weight: 100; font-size: 13px; margin-top: -10px; font-weight: bold; color: #2d7faa; }
	#content .right #main ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2, #content ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 { margin: 0; padding-bottom: 0; }
	#content .right #main ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 a { font-weight: 100; font-size: 11px; margin-top: -10px; color: #e81e25; }
	#content .right #main ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 { margin: 0; }
	
	/* << --------- SERACH FORM ------------- */
	#content .right #main .search_form { margin: 15px 0; float: left; }
	#content .right #main .search_form fieldset { height: 27px; margin: 0; padding: 0; }
	#content .right #main ul.search_list { margin: 5px 0; }
	#content .right #main ul.search_list li { margin: 0; padding: 4px 0 4px 18px; background: url(../images/square.gif) 0 11px no-repeat; border-bottom: 1px solid #dedede; }
	#content .right #main ul.search_list a { font-style: normal; font-weight: bold; text-decoration: none; }
	#content .right #main .search_form button { width: 64px; height: 27px; margin: 0 5px; padding: 0 !important; border: 0; background: transparent url(../images/search-btn.png) no-repeat; cursor: pointer; color: transparent; /* ff fix */ overflow: hidden; color: #fff; text-indent: -999em; border-collapse: collapse; font-size: 0; line-height: 0; float: right; }
	#content .right #main .search_form form { background: url(../images/mag-glass.gif) 6px 6px no-repeat; margin: 0 0 10px; vertical-align: middle; }
	#content .right #main .search_form form input { width: 450px; margin: 0; padding: 4px 5px 3px 25px; border: 2px solid #c9dde5; background: none; float: left; }
	#content .right #main .search_form legend, .search_form label { display: none; }
	
	/* my account */
	table#loginDetails { margin: 0 0 15px; }
	table#loginDetails th,  table#loginDetails td { text-align: left; padding: 5px 25px 5px 0; }
	a.logout { width: 64px; height: 27px; margin: 25px 0 0; padding: 0; border: 0; background: url(../images/logout-btn.png) no-repeat; cursor: pointer; overflow: hidden; color: #fff; text-indent: -999em; display: block; border-collapse: collapse; }
	
	/* update details form */
	#update-form { margin: 15px 0; }
	#update-form legend { display: none; }
	#update-form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; background: none; font-size: 12px; }
	#update-form select { margin: 3px 0; }
	#update-form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; display: block; font-weight: bold; }
	
	#update-form ol li { clear: both; }
	#update-form button { width: 64px; height: 27px; margin: 10px 0 0 115px; padding: 0 !important; border: 0; background: transparent url(../images/btn-submit.gif) no-repeat; cursor: pointer; color: transparent; /* ff fix */ overflow: hidden; color: #fff; text-indent: -999em; display: block; border-collapse: collapse; font-size: 0; line-height: 0; }
	
	/* change password form */
	#passwordForm ol { display: inline-block; }
	#passwordForm ol li { display: inline-block; }
	#passwordForm label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }
	#passwordForm input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; background: none; font-size: 12px; float: left; }
	#passwordForm button { width: 64px; height: 27px; margin: 5px 0 0 115px; padding: 0 !important; border: 0; background: transparent url(../images/btn-submit.gif) no-repeat; cursor: pointer; color: transparent; /* ff fix */ overflow: hidden; color: #fff; text-indent: -999em; display: inline-block; border-collapse: collapse; float: left; }
	
	
	
			
			/* events */
			.events_table { width: 200px; }

			/* hidden elements */
			iframe, .addthis, .path, .noshow { display: none; }
		
		/*-------------------------------------*/
		/*-------------- FOOTER ---------------*/
		/*-------------------------------------*/
		#footer { background: url(../images/footer-bg.gif) repeat-x; height: 135px; }
		#footer div.wrapper { font-size: 1.1em; width: 900px; padding: 0; margin: 0 auto; color: #fff; }
		#footer a { color: #fff; }
		#footer p { float: right; padding: 17px 20px 0 20px; line-height: 1.2; }
		#footer p#copyright { float: left; }
		
		
		
		/* ckeditor: 
			body
			{
				margin: 0;
				padding: 20px;
				font-size: 12px;
				color: #004776;
				background: #ffffff;
			}
		*/	
		
		/* ckeditor:
			h1
			{
				font-size: 21px;
				margin: 0 0 .3em;
				color: #e81e25;
			}
		*/