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

 _    _  ____  ______  _____  _____     __    _    _  ______
| \  | || ___||__  __||  ___||     \   /  \  | \  | ||__  __|
|  \ | || |__    | |  | |_   |    _/  |    | |  \ | |   | |
| |\\| ||  __|	 | |  |  _|  | |\ \   |    | | |\\| |   | |
| | \  || |__    | |  | |    | | \ \  |    | | | \  |   | |
|_|  \_||____|   |_|  |_|    |_|  \_\  \__/  |_|  \_|   |_|
          
File:     	nfStyle.css
Author:   	Greg Stephenson - Netfront Pty Ltd
Email: 		greg@netfront.com.au
Created:  	April 2009
Modified: 	8 June 2009

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

/* Global Styles - User Inputs and Headings
----------------------------------------*/	
	
body {margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;	
	position: relative;
	background: #a011a0 url("../images/bg-body.gif") repeat-x top left; }	 
	
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, div, img, table, th, td, tr, input, select, textarea 
{
	font-family: Arial, sans-serif; font-size: 1em; line-height: 1.2em; color: #333;}


/* Headings
----------*/	
	
h1 {font-size: 1.8em;
	font-weight: bold;
	color: #7d298b;
	padding: 0 0 0 0px;
	line-height: 30px;
	margin: 0 10px 30px 0px;
	/*background: transparent url("../ico/icon-safc.png") no-repeat top left;*/
	clear: both;}
	
h2 {font-size: 1.1em;
	color: #333;
	padding: 0;
	line-height: 30px;
	margin: 0 10px 10px 0;
	clear: both;}

/* Style Tags
---------------*/

li {
	list-style: circle;}
	
p {padding: auto; text-align: justify;}

.img {border: 0;}
	
a, a:link, a:active {color: #990099; text-decoration: underline;}
a:hover {color: #ABDD5B;}

/* top
----------------------*/
	
#top {margin: 0 auto 0 auto;
	text-align:center;
	width: 100%;
	height: 130px;}
	
#top #top-holder {
	margin: 0 auto 0 auto;
	width: 900px;
	position: relative;
	height: 130px;}

#top #top-holder #logo
{
	position: absolute;
	left: 0;
}

#top #top-holder #donation
{
	position: absolute;
	right: 0px;
}

#top #top-holder #girl
{
	position: absolute;
	right: -131px;
	top: 8px;
}

/* Main Holding Block 
----------------------*/
	
#main {margin: 30px auto 0 auto;
	padding: 0;
	width: 100%;
	text-align:left;}
	
/* Content Holding Block 
-------------------------*/

#main #content {
	margin:0 auto 0 auto; 
	width:100%;}
	
#main #content #content-block {
	margin:0 auto 0 auto; 
	width:900px;
	text-align: left;
	min-height: 400px;
	position:relative;}
	
/* Full Content Holding Block 
-------------------------------*/

#main #content #content-block #cFull {
	width:900px;
	margin:0 0 15px 0;
	padding:0;
	position: relative;
	float: left;
	clear: both;
	text-align:left;}
	
#main #content #content-block #cFull .cInfoFT{
	width:900px;
	height:20px;
	margin:0;
	background:url("../images/full-heading.png") no-repeat bottom left;
	}

#main #content #content-block #cFull .cInfo{
	width:870px;
	position: relative;
	margin:0;
	padding: 5px 15px 0 15px;
	background: #e9f6d5 url("../images/full-body.png") repeat-y left;
}

#main #content #content-block #cFull .cInfo .left-area{
	width: 500px;
	min-height: 300px;
	padding: 0 0px 0 10px;
	}	
	
#main #content #content-block #cFull .cInfo .full-area{
	width: 860px;
	min-height: 300px;
	padding: 0 0px 0 10px;
	}	
	
#main #content #content-block #cFull .cInfo .right-area{
	position: absolute;
	top: 5px;
	right: 25px;
	text-align: center;
	width: 350px;
	min-height: 300px;
	}	
		
#main #content #content-block #cFull .cInfoFB{
	width:900px;
	height: 20px;
	margin:0 0 10px 0;
	background:url("../images/full-footer.png") no-repeat top left;}

/* Left Content Holding Block 
-------------------------------*/

#main #content #content-block #cLeft {
	width:620px;
	min-height: 200px;
	margin:0 0 15px 0;
	padding:0;
	position: relative;
	float: left;
	clear: both;
	text-align:left;}
	
#main #content #content-block #cLeft .cInfoLT{
	width:620px;
	height:20px;
	margin:0;
	background:url("../images/left-heading.png") no-repeat bottom left;
	}

#main #content #content-block #cLeft .cInfo{
	width:590px;
	position: relative;
	margin:0;
	padding: 5px 15px 0 15px;
	background: url("../images/left-body.png") repeat-y left;
	text-align:left;}
	
#main #content #content-block #cLeft .cInfo .left-photos{
	position: absolute;
	right: 30px;
	top: 10px;
	width: 160px;
	min-height: 180px;
	}	
	
#main #content #content-block #cLeft .cInfoLB{
	width:620px;
	height: 20px;
	margin:0 0 10px 0;
	background:url("../images/left-footer.png") no-repeat top left;}

/* Right Content Holding Block 
---------------------------------*/
	
#main #content #content-block #cRight {
	position: relative;
	float: right;
	width:265px;
	margin: 0 0 0 0;
	padding:0;
	text-align:left;}

#main #content #content-block #cRight .cInfoRT{
	width:265px;
	height:20px;
	margin:0;
	background:url("../images/right-heading.png") no-repeat bottom left;
	}
	
#main #content #content-block #cRight .cInfoRTGirl{
	width:265px;
	height:125px;
	margin:0;
	background:url("../images/right-heading-girl.png") no-repeat bottom left;
	}

#main #content #content-block #cRight .cInfoR{
	width:236px;
	position: relative;
	margin:0;
	padding: 0 15px 0 15px;
	text-align:left;
	background: url("../images/right-body.png") repeat-y left;}
	
#main #content #content-block #cRight .cInfoR ul{
	margin-bottom: 0;}
	
#main #content #content-block #cRight .cInfoRB{
	width:265px;
	height: 20px;
	margin:0 0 10px 0;
	background:url("../images/right-footer.png") no-repeat top left;}

/* Right Footer Holding Block
------------------------*/
	
#main #content #content-block #cRight #rightFoot{
	width:255px;
	height: 10px;
	text-align: right;}
		
#main #content #content-block #cRight #rightFoot a,
#main #content #content-block #cRight #rightFoot a:link,
#main #content #content-block #cRight #rightFoot a:visited,
#main #content #content-block #cRight #rightFoot a:active,{
	color: #efbbef;}
	
#main #content #content-block #cRight #rightFoot a:hover{
	color: #FFF;}
	
/* Footer Holding Block
------------------------*/

#footer {
	margin:0 auto 0 auto; 
	width:900px;
	position: relative;
	text-align:right;
	padding:0;}
	
#footer #footer-left {
	margin:0 0 0 10px; 
	width:440px;
	font-weight: bold;
	color: #ccc;
	float: left;
	text-align:left;}
	
#footer #footer-right {
	margin:0 10px 0 0; 
	width:440px;
	float:right;}	
	
#footer a, #footer a:link, #footer a:visited 
	{font-size: 12px;
	color:#CCC; 
	margin: 0 3px 0 3px;
	line-height:20px; 
	text-decoration:none;}		        	
	
#footer a:hover {
	color:#999;  
	text-decoration:none;}