/* CSS reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/* Basic CSS Styles */
body {
	font-family: Helvetica, Arial, sans-serif;
	background: #4c4b4b;
	color: #656464;
	font-size:12px;
    line-height:22px;
}

#wrapper {
	width:980px;
	margin:0 auto 0 auto;
	text-align:left;
	
	}

.content {
width: 960px;
padding: 0px 0px 0px 10px;

}

p {
margin-top: 0;
margin-bottom: 1em;

}

h3 {
	margin-bottom: 1em;
	
	}
	
/* Header Area */

#header {
	
	padding: 15px 10px 10px 10px;
	margin: 0 auto;
}

.logo a {
	background: url(images/logoPink.jpg) 0px 0px no-repeat;
	width: 167px;
	height: 81px;
	overflow: hidden;
	float: left;
	text-indent: -900em;
	position: relative;
	top: 0px;
	left: 0px;
}

.icons a {
	background: url(images/myspacePink.jpg) 0px 0px no-repeat;
	width: 149px;
	height: 38px;
	overflow: hidden;
	float: right;
	text-indent: -900em;
	position: relative;
	top: 17px;
	right: 0px;
}

.top_right {
	background: url(images/logos.jpg) 0px 0px no-repeat;
	width: 176px;
	height: 22px;
	overflow: hidden;
	text-indent: -900em;
}

/* Content */

#sidebar {
float: right; 
width: 450px; 
margin-left: 0px; 
margin-bottom: 0px;
padding: 12px 0px 0px 0px;
} 

#content1 {
margin-right: 162px;
padding: 12px 0px 10px 18px;
}

#sidebar2 {
float: right; 
width: 220px; 
margin-left: 0px; 
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
} 

.content2 {
margin-right: 240px;
padding: 0px 0px 0px 0px;
}

#sidebar3 {
float: right; 
width: 220px; 
margin-left: 0px; 
margin-bottom: 0px;
padding: 20px 0px 0px 0px;
} 

#content3 {
margin-right: 240px;
padding: 0px 0px 0px 0px;
}

/* Navigation */

#main_nav {
padding: 10px 0px 0px 10px;
}

#main_nav a.home {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.about {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.curric {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.antarctica {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.re {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.buy {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.contact {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#main_nav a.list_end {
	background-repeat: no-repeat;
	
	display: block;
	height: 37px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}


#nav {padding:0; margin:0; list-style:none; height:37px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; }
#nav li.top {display:block; float:left;}
#nav li a.home {display:block; float:left; height:37px; width:99px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.about {display:block; float:left; height:37px; width:106px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.re {display:block; float:left; height:37px; width:135px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.curric {display:block; float:left; height:37px; width:175px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.buy {display:block; float:left; height:37px; width:93px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.contact {display:block; float:left; height:37px; width:107px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.list_end {display:block; float:left; height:37px; width:245px; text-decoration:none; padding:0; background:url(images/list_end2.jpg);}
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(images/homebutton2.jpg);}
#nav li a.about {background:url(images/aboutbutton2.jpg);}
#nav li a.re {background:url(images/re_button2.jpg);}
#nav li a.curric {background:url(images/curric_button2.jpg);}
#nav li a.buy {background:url(images/buy_button2.jpg);}
#nav li a.contact {background:url(images/contact2.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 0 37px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav .sub2 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub2
{left:0; top:37px; background: #00b7e3; width:175px; height:auto; z-index:300;}
#nav :hover ul.sub2 li
{display:block; height:37px; position:relative; float:left; width:175px; font-weight:normal;}
#nav :hover ul.sub2 li a
{display:block; height:37px; width:175px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub2 li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.jesus {background:url(images/j.jpg);}
#nav :hover ul li a.together {background:url(images/together.jpg);}
#nav :hover ul li a.bible {background:url(images/bible.jpg);}
#nav :hover ul li a.test {background:url(images/test.jpg);}
#nav :hover ul li a.mary {background:url(images/mary.jpg);}

#nav :hover ul li a.antarctica {background:url(images/antarctica.jpg);}
#nav :hover ul li a.walkon {background:url(images/walkon.jpg);}
#nav :hover ul li a.plays {background:url(images/plays.jpg);}
#nav :hover ul li a.anzac {background:url(images/anzac_button.jpg);}

#nav :hover ul li a.orderonline {background:url(images/order.jpg);}
#nav :hover ul li a.orderform {background:url(images/orderform.jpg);}

#nav :hover ul.sub2 li a:hover 
{background-position: 0 37px; position:relative;}

body#veg li a.about
{background-position: 0 37px;}
/* rounded corners */

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#00b7e3}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #00b7e3;
  border-right:1px solid #00b7e3;
  background:#00b7e3}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #00b7e3;
  border-right:1px solid #00b7e3;
  background:#00b7e3}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #00b7e3;
  border-right:1px solid #00b7e3;}
.spiffy4{
  border-left:1px solid #00b7e3;
  border-right:1px solid #00b7e3}
.spiffy5{
  border-left:1px solid #00b7e3;
  border-right:1px solid #00b7e3}
.spiffyfg{
  height: 330px;
  background:#00b7e3}

/* box list */

ul#navlist
{
margin-left: 0;
padding-left: 0;

}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding:}

#navlist a:link, #navlist a:visited
{

text-decoration: none;
}

#navlist a:hover
{

text-decoration: none;
}

/* Bottom Links */

#bottom_links {
width: 960px;
padding: 0px 0px 0px 10px;
}

/* Footer */

#footer {
width: 960px;
padding: 0px 0px 20px 10px;
}

dl.left {
		
		margin: 0 0 0px 0px;
		padding: 0;
		background: #fff url(images/box_bottomBlue.gif) no-repeat bottom left;
		}

	dt.left {
		margin: 0 0 0px 0;
		padding: 10px 10px 10px 30px;
		
		background: url(images/box_topBlue.gif) no-repeat top left;
		}
		
dl.right {
		
		margin: 0 0 0px 0px;
		padding: 0;
		background: #fff url(images/box_bottom2Blue.gif) no-repeat bottom left;
		}

	dt.right {
		margin: 0 0 0px 0;
		padding: 10px 10px 10px 30px;
		
		background: url(images/box_top2Blue.gif) no-repeat top left;
		}

.box_content {
padding: 12px 30px 0px 30px;
}

.box_content ul {
list-style-type: none
}	

.box_contentWalk {
padding: 0px 30px 0px 30px;
}

.box_contentBand {
padding: 12px 30px 15px 30px;
}

.sidebox_content {
padding: 0px 0px 20px 31px;
}

.highlightit img{
border: 3px solid #4c4b4b;
}

.highlightit:hover img{
border: 3px solid #00b7e3;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#bottom_links li.top {
font-weight: bold;
color: #a2a1a1;
}

.bottom_sep {
padding: 10px 0px 20px 10px;
}

#bottom_links a:link { background-color: transparent; font-weight:bold;text-decoration: none;color:#00b7e3;}
#bottom_links a:visited { background-color: transparent; font-weight:bold;text-decoration: none;color:#00b7e3; }
#bottom_links a:hover { background-color: transparent; font-weight:bold;text-decoration: underline;color:#bbbaba;font-style:italic;}

.content a:link { background-color: transparent; font-weight:bold;text-decoration: none;color:#00b7e3;}
.content a:visited { background-color: transparent; font-weight:bold;text-decoration: none;color:#00b7e3; }
.content a:hover { background-color: transparent; font-weight:bold;text-decoration: underline;color:#fb4dfd;font-style:italic;}

#bottom_links ul {
	
	
	display: block;
}

#bottom_links li {
	display: block;
	float: left;
	padding: 0px 15px 0px 0px;
}

.footer2 {
clear: both;
}

.footer2 li {

color: #bbbaba;
}

#boxout {
background: #e6e6e6 url(images/boxout_corner.gif) top left no-repeat; 
float: right; 
width: 431px; 
margin-left: 30px; 
margin-bottom: 20px;
padding-top: 20px;
} 
#boxout img {
border: 1px solid #818181; 
margin-bottom: 1em;
} 
#boxout img, #boxout p {
margin-left: 10px;
margin-right: 10px;
}
#boxout p {
font-weight: bold;
font-size: 80%;
line-height: 1.2em;
color: #333333;
}

.boxoutBio {
background: #e6e6e6 url(images/boxout_corner.gif) top left no-repeat; 
float: right; 
width: 175px; 
margin-left: 30px; 
margin-bottom: 20px;
padding-top: 20px;
} 
.boxoutBio img {
border: 1px solid #818181; 
margin-bottom: 1em;
} 
.boxoutBio img, .boxoutBio p {
margin-left: 10px;
margin-right: 10px;
}
.boxoutBio p {
font-weight: bold;
font-size: 80%;
line-height: 1.2em;
color: #333333;
}

#boxoutWalk {
background: #e6e6e6 url(images/boxout_corner.gif) top left no-repeat; 
float: right; 
width: 224px; 
margin-left: 30px; 
margin-bottom: 10px;
padding-top: 20px;
} 
#boxoutWalk img {
border: 1px solid #818181; 
margin-bottom: 1em;
} 
#boxoutWalk img, #boxout p {
margin-left: 10px;
margin-right: 10px;
}
#boxoutWalk p {
font-weight: bold;
font-size: 80%;
line-height: 1.2em;
color: #333333;
}


.twocol {
width: 700px;
margin:0 auto;
text-align: left;
}
.leftC {
width: 350px;
float:left;
padding: 0px 0px 10px 20px;
}
.rightC {
width: 310px;
float:left;
padding: 0px 0px 0px 0px;
}
#albumsleftC {
width: 180px;
float:left;
padding: 0px 0px 10px 8px;
}
.walkleftC {
width: 380px;
float:left;
padding: 0px 0px 10px 8px;
}
.walkrightC {
width: 220px;
float:left;
padding: 0px 0px 0px 30px;
}
.walkrightC img {
border: 3px solid #4c4b4b;
}
#albumsleftCBottom {
width: 350px;
float:left;
padding: 0px 0px 10px 20px;
}
#albumsleftCBottom img {
border: 3px solid #4c4b4b;
}

.i {
font-style: italic;
}

.b {
font-weight: bold;
}

.ib {
font-style: italic;
font-weight: bold;
}


.lyr{
color:#00b7e3;
font-style: italic;
}


/* Spacers */

.spacer {
height: 20px;
clear: both;
}

.spacer2 {
height: 10px;
clear: both;
}

.clear {
clear: both;
}


