/* CSS Document for Just Christmas */
body {
	background-image: url(imgs/background3.gif);
	background-repeat: repeat-x;
	background-color:#D8D8D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	text-align: center; /*to centre the content in IE*/
	margin: 0px auto; /*to centre the content in Firefox*/
	padding: 0px;
	border: 0px;
}

h1 {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #7AC141;
	font-weight: bold;
	padding-bottom:2px;
	padding-top:0px;
	margin-top: 0px; /*need this to stop content div moving down from header when header is 1st line*/
}

h2 {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #7AC141;
	font-weight: bold;
	padding-bottom:2px;
	padding-top:0px;
	margin-top: 0px; /*need this to stop content div moving down from header when header is 1st line*/
}

h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #666666;
	font-weight: bold;
	padding-bottom:2px;
	padding-top:0px;
	margin-top: 0px; /*need this to stop content div moving down from header when header is 1st line*/
}


p {
	margin-top:0px; /*need this to stop content div moving down from header when paragraph tags on 1st line*/
	line-height: 1.3em;
}

blockquote {
	font-style:italic;
}

.source {
	font-size: 0.7em;
	font-style:normal;
}

#breadcrumblinks {
	font-size: 1.1em;
	color: #7AC141; /*green*/
	font-weight:bold;
}
#breadcrumblinks a{
	text-decoration:none;
}
.redtext{
	color:#E5173A;
}

.pagenav {
	text-align:right;
	padding-top:30px;
	font-style:italic;
}
.pagenavtext {
	vertical-align:top;
}

.big {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #7AC141;
	font-weight: bold;
	padding-top:0px;
	margin-top: 0px; /*need this to stop content div moving down from header when header is 1st line*/
}

#outline {
	position:relative;
	border-top: 0px;
	border-bottom: 0px;
	border-left: #D8D8D8 2px solid;
	border-right: #D8D8D8 2px solid;
	background-color: #FFFFFF;
	margin: 0px auto; /* the auto part is needed to centre the box in firefox */
	padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px;
	text-align: left;
	width: 745px;
	height:100%;
	/*min-height:900px;		/*to set minimum height but allow more content to stretch height*/
    /*height:auto !important;	/*to set minimum height but allow more content to stretch height*/
    /*height:900px;			/*to set minimum height but allow more content to stretch height*/
	
}

#skipnav {
	background-color:#FFFFFF;
	color:#FFFFFF;
	text-decoration: none;
	text-indent: -9999px;
	font-size:1px;
	height:0px;
}

#header {
	position:relative; left:0px; top:0px; 
	width:745px; 
	height:210px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	overflow:hidden;
}

#content {
	position:relative; left:0px; top:0px;
	width: 745px;
	height:100%;
	background-color:#FFFFFF;
	border: 0px;
	margin: 0px;
	padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;
}

#textcontent {
	position:relative; left:280px; top:10px;
	width: 440px;
	background-color:#FFFFFF;
	padding-left: 0px; padding-right: 25px; padding-top: 0px; padding-bottom: 30px;
	margin-top: 0px; margin-bottom: 0px;
	/*height:100%;*/
	min-height:550px;		/*to set minimum height but allow more content to stretch height*/
    height:auto !important;	/*to set minimum height but allow more content to stretch height*/
    height:550px;			/*to set minimum height but allow more content to stretch height*/
}

.address {
	position:relative;
	width:360px; 
	min-height:80px;		/*to set minimum height but allow more content to stretch height*/
    height:auto !important;	/*to set minimum height but allow more content to stretch height*/
    height:80px;			/*to set minimum height but allow more content to stretch height*/
	background: #CCCCCC;
	padding-top:20px; padding-left:20px; padding-bottom:10px;
	margin-bottom:10px;
	font-weight:bold;
}
.imageline {
	padding-bottom:5px; 
	margin-bottom:10px; 
	border-bottom:4px solid #ECECEC;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #003399;
	border: #999999 1px solid;
	background-color: #FFFFFF;
	margin: 20px; 
	padding-left: 15px; padding-top: 10px; padding-right: 5px; padding-bottom: 0px;
	text-align: left;
}

table li {
	list-style-image: url(imgs/bullet_table.gif);
	padding-bottom: 0px;
}

.quoteref {
	font-size: 0.8em;
	color: #003399;
	font-weight:bold;
}

/*-------------------start of main navigation styles----------------*/
#navbar {
	/*position:relative; left:0px; top:0px;*/
	position:absolute; left:0px; top:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border:0px; 
	width: 260px;
	height:275px;
}
#navbar li {
	display: block;
	border: 0px; margin: 0px; padding: 0px;
	list-style-type: none;
}
#navbar li a {
	width: 260px;		
	height: 55px;
	border: 0px; margin: 0px;padding: 0px;
	color: #000000;
	text-decoration: none;
	display: block; 
	text-align: left;
	text-indent: -9999px;
	font: bold 12px/22px Arial, Helvetica, sans-serif;
}

li#nav_1 {
	position:absolute; top:0px; left: 0px; width: 260px; 
}
li#nav_1 a{
	background: url(imgs/justchristmas.gif) top left no-repeat;
}
li#nav_1 a:hover, #nav_1 a.selected {
	background: url(imgs/justchristmas.gif) no-repeat;
	background-position: 0 -55px;
}
li#nav_2 {
	position:absolute; top:55px; left: 0px; width: 260px; 
}
li#nav_2 a{
	background: url(imgs/justworship.gif) top left no-repeat;
}
li#nav_2 a:hover, #nav_2 a.selected {
	background: url(imgs/justworship.gif) no-repeat;
	background-position: 0 -55px;
}
li#nav_3 {
	position:absolute; top:110px; left: 0px; width: 260px; 
}
li#nav_3 a{
	background: url(imgs/justconsider.gif) top left no-repeat;
}
li#nav_3 a:hover, #nav_3 a.selected {
	background: url(imgs/justconsider.gif) no-repeat;
	background-position: 0 -55px;
}
li#nav_4 {
	position:absolute; top:165px; left: 0px; width: 260px; 
}
li#nav_4 a{
	background: url(imgs/justgive.gif) top left no-repeat;
}
li#nav_4 a:hover, #nav_4 a.selected {
	background: url(imgs/justgive.gif) no-repeat;
	background-position: 0 -55px;
}
li#nav_5 {
	position:absolute; top:220px; left: 0px; width: 260px; 
}
li#nav_5 a{
	background: url(imgs/justshare.gif) top left no-repeat;
}
li#nav_5 a:hover, #nav_5 a.selected {
	background: url(imgs/justshare.gif) no-repeat;
	background-position: 0 -55px;
}


/*----------------- end of navigation styles---------------*/
li#donatenow {
	list-style-type: none;
	list-style-image:none;
	display:block;
	border: 0px; margin: 0px; padding: 0px;
	padding-top:10px; /*added 4 oct to move this down*/
	position:relative; top:0px; left: 90px;
	width: 144px;  height:52px;
}
li#donatenow a{
	list-style-type: none;
	display: block;
	border: 0px; margin: 0px; padding: 0px;
	text-decoration: none;	 
	text-align: left;
	text-indent: -9999px;
	width: 144px;  height:52px;
	background: url(imgs/donatenow.gif) top left no-repeat;
}
li#donatenow a:hover, #donatenow a.selected {
	background: url(imgs/donatenow.gif) no-repeat;
	background-position: 0 -52px;
}
li#donateonline {
	list-style-type: none;
	list-style-image:none;
	display:block;
	border: 0px; margin: 0px; padding: 0px;
	padding-top:10px; /*added 4 oct to move this down*/
	position:relative; top:0px; left: 82px;
	width: 160px;  height:52px;
}
li#donateonline a{
	list-style-type: none;
	display: block;
	border: 0px; margin: 0px; padding: 0px;
	text-decoration: none;	 
	text-align: left;
	text-indent: -9999px;
	width: 160px;  height:52px;
	background: url(imgs/donateonline.gif) top left no-repeat;
}
li#donateonline a:hover, #donateonline a.selected {
	background: url(imgs/donateonline.gif) no-repeat;
	background-position: 0 -52px;
}

#footerlinks {
	position:relative; left:0px; top:30px;
	width:745px;
	padding-top: 15px; padding-bottom:10px;
	font-size: 1.1em;
	color: #7AC141;
	font-weight:bold;
	text-align: center;
	
}
#footerlinks a{
	text-decoration:none;
}

#footer {
	position:relative; left:0px; top:20px;
	width:745px;
	padding-top: 10px; padding-bottom: 5px;
	font-size: 0.8em;
	text-align: center;
}
#footer a{
	text-decoration:none;
}

li {
	list-style-image: url(imgs/bullet.gif);
	padding-bottom: 4px; 
}

li ul li{
	list-style-image: url(imgs/bullet_green.gif);
	padding-bottom: 0px; padding-top: 2px;
}

a:link {
	color: #7AC141;
}

a:visited{
	color:#999999;
}
	
a:active, a:hover{
	/*color:#999999;*/
	color:#E5173A;
}