/* CSS Document */

/* -----Main Stuff----- */

body {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
}

body, a, div, span, p, td {
	font-style: normal;
	font: 12px Palatino, Times New Roman, serif;
	color: #000000;
}

p {
	color: #000000;
	line-height: 14px;
	text-align: left;
	font-weight: bold;
}

h2 {
	font-family: Palatino, Times New Roman, serif;;
	color: #666666;
	font: 17px;
}

/* -----Link Stuff----- */
a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}     
a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}  
a:hover {
	color:#ffffff;
	text-decoration: none;
}   
a:active {
	color: #ffffff;
}

/* -----Psuedo Classes----- */

a.cross:link {
	color: #000;
	text-decoration: underline;
}

a.cross:visited {
	color: #000;
	text-decoration: underline;
}

a.cross:hover {
	color:#00F;
	text-decoration: underline;
}

body.logo {
	background-image: url(images/thumbs/insp_bg.gif);
	background-repeat: repeat;
}

span.title {
line-height: 16px;
	font-size: 13px;
	font-weight: bolder;
}

span.cap {
	font-size: 12px;
	font-weight: normal;
}

span.tCent {
	font-size: 13px;
	font-weight: bolder;
	text-align: center;
}

span.upd {
	color: #990000;
	font-weight: bold;
}

img.thumb {
	vertical-align: text-top;
	border:2px solid #000000;
}
img.thumb:hover {
	vertical-align: text-top;
	border:2px solid #ffcc66;
}

img.gallery {
	vertical-align: middle;
}

a.noborder {
	border: 0px;
}

img.ins {
	padding-bottom: 4px;
}


/* -----Contents----- */

/* -----INSPIRATION page----- */

#ins_head, #ins_title, #ins_topbg, #ins_text, #ins_table {
	position: absolute;
}

#ins_main {
	width: 800px;
	height: 600px;
	position: relative;
}

#ins_head {
	top: 35px;
	left: 180px;
	width: 435px;
	height: 105px;
}

#ins_title {
	top: 155px;
	left: 30px;
	width: 265px;
	height: 35px;
}

#ins_topbg {
	background-image: url(images/thumbs/ins_clouds.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 225px;
	z-index: -1;
}

#ins_text {
	top: 190px;
	left: 30px;
	width: 260px;
	height: 350px;
}

#ins_table {
	top: 155px;
	left: 305px;
	width: 450px;
	height: 400px;
}

#ins_cell1 {
	width: 140px;
	height: 370px;
	vertical-align: top;
	text-align: center;
}

#ins_cell2 {
	width: 145px;
	height: 185px;
	vertical-align: top;
	text-align: center;
}

/* -----SYMBOLS OF CHRIST page----- */

#sym_title, #sym_text, #sym_caption, #det_christ, #PRE_christ {
	position: absolute;
}

#sym_main {
	width: 800px;
	height: 600px;
	position: relative;
}

#sym_title {
	top: 36px;
	left: 25px;
	width: 335px;
	height: 25px;
}

#sym_text {
	top: 220px;
	left: 25px;
	width: 335px;
	height: 350px;
}

#sym_caption {
	top: 543px;
	left: 388px;
	width: 375px;
	height: 25px;
}

#det_christ {
	top: 62px;
	left: 108px;
	width: 170px;
	height: 150px;
}

#PRE_christ {
	top: 36px;
	left: 388px;
	width: 375px;
	height: 505px;
}

/* -----MOBY DICK page----- */

#moby_title, #moby_text1, #moby_text2, #moby_caption, #moby_det1, #moby_det2, #PRE_moby {
	position: absolute;
}

#moby_main {
	width: 800px;
	height: 600px;
	position: relative;
}

#moby_title {
	top: 30px;
	left: 20px;
	width: 230px;
	height: 35px;
}

#moby_text1 {
	top: 65px;
	left: 20px;
	width: 230px;
	height: 195px;
}

#moby_text2 {
	top: 277px;
	left: 168px;
	width: 230px;
	height: 290px;
}

#moby_caption {
	top: 555px;
	left: 430px;
	width: 345px;
	height: 35px;
}

#moby_det1 {
	top: 80px;
	left: 265px;
	width: 142px;
	height: 179px;
}

#moby_det2 {
	top: 295px;
	left: 20px;
	width: 125px;
	height: 255px;
}

#PRE_moby {
	top: 45px;
	left: 430px;
	width: 345px;
	height: 505px;
}

/* -----LORD SAVE ME page----- */
#lord_text, #lord_cap, #PRE_lord {
	position: absolute;
}

#lord_main {
	width: 800px;
	height: 600px;
	position: relative;
}

#lord_text {
	top: 35px;
	left: 35px;
	width: 325px;
	height: 540px;
}

#lord_cap {
	top: 545px;
	left: 380px;
	width: 375px;
	height: 35px;
}

#PRE_lord {
	top: 35px;
	left: 380px;
	width: 375px;
	height: 505px;
}

/* -----LOGO page----- */

#logo_main {
	width: 800px;
	height: 600px;
	position: relative;
	
}

#logo_title {
	left: 20px;
	top: 22px;
	width: 265px;
	height: 30px;
	position: absolute;
}

#logo_text1 {
	left: 20px;
	top: 53px;
	width: 265px;
	height: 125px;
	position: absolute;
}

#logo_text2 {
	left: 20px;
	top: 400px;
	width: 265px;
	height: 190px;
	position: absolute;
}

#logo_text3 {
	left: 515px;
	top: 20px;
	width: 275px;
	height: 170px;
	position: absolute;
}

#logo_text4 {
	left: 515px;
	top: 358px;
	width: 275px;
	height: 225px;
	position: absolute;
}

#logo_det1 {
	left: 47px;
	top: 196px;
	width: 144px;
	height: 147px;
	vertical-align: middle;
	position: absolute;
}

#logo_det2 {
	left: 560px;
	top: 210px;
	width: 144px;
	height: 147px;
	vertical-align: middle;
	position: absolute;
}

#PRE_logo {
	left: 283px;
	top: 22px;
	width: 230px;
	height: 588px;
	position: absolute;
}


