/* CSS Document */

/* ---------============= B O D Y ~ E L E M E N T S ========-------- */

body{
	background-color: #F8D678;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FF0033;
	line-height: 14px;
	}
bodyMain{
	background-color: #000;
	}
	
#bodyAdmin {
	}
	
/* ~~~~~~~~~ c e n t e r   c r i b ~~~~~~~~~~~~ */

#crib {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 760px;
	margin-left: -380px;
	margin-top: -250px;
	overflow: visible;
	background-color: #F8D678;
	}
	
/* ~~~~~~~~~ d i s p l a y   w i n d o w ~~~~~~~~~~~~ */


#window	{
	position:absolute;
	width: 550px;
	height: 420px;
	top: 60px;
	left: 210px;
	background-color: #fff;
	/*border: 1px solid #FBEDBB;*/
	}
#windowHome	{
	left: 0px;
	}

#windowInterest	{
	position:absolute;
	width: 550px;
	top: 60px;
	left: 210px;
	background-color: #fff;
	/*border: 1px solid #FBEDBB;*/
	}
	
#windowAdmin	{
	position:absolute;
	width: 760px;
	border: 1px solid #fff;
	}

/* ~~~~~~~~~ d i s p l a y   2  c o l ~~~~~~~~~~~~ */

#colLeft {
	position: absolute;
	width: 260px;
	}
#colRight {
	position: absolute;
	left:260px;
	width:500px;
	width: 260px;
	}
	

/* ~~~~~~~~~  c o n t e n t  ~~~~~~~~~~~~ */

#dspTxt_interest {
	position: relative;
	top: 20px;
	left: 200px;
	width: 300px;
	padding-bottom: 30px;
	font-size: 10px;
	}

#footer {
	position:absolute;
	margin-top: 40px;
	}
	
#footerMover {
	position:relative;
	top: 430px;
	width: 550px;
	color:#FF6633;
	left: 20%;
	}
#footerMover p {
	color:#FF9933;
	}

/* ~~~~~~~~~  i m a g e s  ~~~~~~~~~~~~ */

.dspImg { position: absolute; z-index:100;}

#imgInterest {position: absolute; top: 15px; }


/* ~~~~~~~~~ f o n t s ~~~~~~~~~~~~ */	
	
	
h1, h2, h4, h5, h6, p { margin: 0px;}

h1 {font-size: 18px;  color: #067A83; padding-bottom: 8px; font-weight: bold; line-height: 22px; }
h2 {font-size: 12px; font-weight: normal; color: #222; padding-bottom: 12px; line-height: 18px; }
h3 {font-size: 13px; color: #8B2b2b; font-weight: bold; letter-spacing: 0px;}
h4 {font-size: 9pt; color: #444; font-weight: bold; }
h5 {font-size: 10px; color: #888; font-weight: normal;padding-bottom: 4px;}
h6 {font-size: 8pt; color: #color: #000;; font-weight: normal;}
p {font-size: 11px; color: #444; line-height:16px; font-weight: normal; letter-spacing:1px; margin-bottom: 12px;}

#footer p, #footerHome p{font-size: 9px; color: #E3A75A; line-height:16px; font-weight: normal;}

span {color: #9A4C9C; font-weight: normal;}

.stepLabel {color: #9A4C9C; font-weight: normal; font-size:14px;}

#bodyAdmin p {color:#F97D61;}

#navLeft h4 { line-height: 30px;}


/* ~~~~~~~~~ l i n k s ~~~~~~~~~~ */


a:link {
	text-decoration: none;
	color: #222222;
	}
a:visited {
	color: #222222;
	text-decoration: none;
	}
a:hover {
	color: #CC0000;
	text-decoration: underline;
	}	
h2 a:link {
	color: #CC0000;
	text-decoration: none;
	}

#imgLink a:link {}

/* ~~~~~~~~~ l o g o s / i m a g e h e a d e r s ~~~~~~~~~~ */

#topicHeadImg {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 40;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~ n a v i g a t i o n ~~~~~~~~~~~~~~~~~~~~ */

#navOne, 
#navTwo,
#navThree,
#navFour,
#navFive,
#navSix {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	width: 110px;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	z-index:1;;
	}
#navOne {
	left: 210px;/* <<< h o m e <<< */
	}
#navTwo {
	left: 270px;/* <<< c o n t a c t <<< */
	}
#navThree {
	left: 360px;/* <<< p o r t f o l i o <<< */
	}
#navFour {
	left: 460px;/* <<< b o o k s <<< */
	}
#navFive {
	left: 590px;/* <<< i n t e r e s t <<< */
	}
#navSix {
	left: 700px;/* <<< e x t r a s <<< */
	}

#navContact {
	position: absolute;
	width: 200px;
	top: 200px;
	left: 15px;
	line-height: 30px;
	}

#navInterest {
	position: absolute;
	width: 200px;
	top: 160px;
	left: 0px;
	line-height: 30px;
	}
/* ~~~~~~~~~~~~~~   n a v i g a t i o n  - subNav ~~~~~~~~~~~~~~~~~~*/	

div.navBox, div.navBoxAdmin {
	position:absolute;
	z-index:10;
	background-color: #F8D678;
	}
 div.navBoxAdmin {
	border: solid 1px #fff;
	}
div.navMainElements {
	position:absolute;
	width:100px;
	height:20px;
	left: 100px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E0712D;
	line-height: 20px;
}
div.navSubElements {
	position:absolute;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #96C036;
	line-height: 20px;
}
div.navElements {
	position:absolute;
	width: 180px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #E0712D;;
}
div.navBoxHeading {
	position:absolute;
	left:15px;
	top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #96C036;
}
#elementsDiv_noTitle1 {
	position:relative;
	width: 180px;
	font-size:12px;
	font-weight: bold;
	color:#999;
	line-height:4px;
	
	}

/* ~~~~~~~~~ l i s t s ~~~~~~~~~~~~ */	

ul { list-style:none }
 
#linkExtras a:hover {visibility:visible;}



/* ~~~~~~~~~ t a b l e s ~~~~~~~~~~~~ */	

table {}
td {text-align:left; padding:4px 8px 0px 0px;}
	

	
/* ~~~~~~~~~ h o m e ~~~~~~~~~~~~ */

#imgHome {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 1;
	}
#linkContact,
#linkBooks,
#linkPortfolio,
#linkInterest,
#linkExtras {
	position: absolute;
	z-index: 5;
	}

#linkContact {top: 120px; left: 45px;}
#linkBooks {top: 260px; left: 120px;}
#linkPortfolio {top: 315px; left: 300px;}
#linkInterest {top:290px; left: 480px;}
#linkExtras {top: 90px; left: 570px;}

	

#imgHomeMap {
	position: absolute; z-index: 10;}
	
#footerHome {
	position:absolute;
	top: 550px;
	left:36%;}



/*       ---------============================================================---------
------------------========================  A D M I N ========================--------- 
		 ---------============================================================---------    
*/

#logoAdmin01,
#login {
	position: absolute;
	top:20px;
	left:50%;
	margin-left: -150px;
	}
#login {
	top: 250px;
	left:50%;
	margin-left: -75px;
	}
#logoAdmin02 {
	position: absolute;
	top:10px;
	left:50px;
	}


/*-------------    i m a g e L o a d e r    -------------*/	

#browse{}

#steps {
	position: absolute;
	top:20px;
	left:50px;
	}
#stepsLoader {
	position: absolute; 
	top: 110px; 
	left: 20px;
	}
#usrMessage {
	position: absolute;
	top: 160px;
	left: 20px;
	width: 230px;
	font-size:12px;
	color: #999;
	}
#usrImage {
	position: absolute;
	top: 320px;
	left: 50px;
	width:200px;
	height: 200px;
	}
#loadImage {
	position: absolute;
	width: 100px;
	}
#formArt {
	position: absolute;
	top: 100px;
	left: 320px;
	}
#confirm {
	position: absolute;
	top: 50px;
	left: 20px;
	width: 500px;
	background-color:#FFFFFF;
	padding: 0px 60px 50px 50px;
	margin-top: -30px;
	}
#confirm p {
	color: #bbb;
	font-size: 11px;
	}
#confirm span {
	line-height: 13px;
	font-weight: normal;
	}



/* ==================-------- E L E M E N T S --------=================== */

 select {
	font-size:11px;
	color: #666;
	}
.select150 {
	width: 150px;
	}
.submit {
	font-size:11px;	
	background-color: #067A83;
	color: #FFF;
	}
.submitRed {
	font-size:11px;	
	background-color: #BD4F4F;
	color: #FFCC33;
	}
#delete {
	position:absolute;
	font-size:11px;	
	background-color: #BD4F4F;
	color: #112130;
	top: 407px;
	left: 150px;
	}
textarea,
input {
	font-size: 12px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #AAA;
	padding: 2px 8px 2px 8px;
	margin-top: 2px;
	}
.input25 {
	width: 20px;
	}
.input50 {
	width: 50px;
	}
.input75 {
	width: 69px;
	}
.input150 {
	width: 135px;
	}
.input200 {
	width: 195px;
	}
.input300 {
	width: 297px;
	}
.input400 {
	width: 400px;
	}
.input450 {
	width: 450px;
	}
.input600 {
	width: 600px;
	}
hr {
	margin-bottom: 18px;
	}
.lineBottom {
	border-bottom: 1px solid #3A8696;
	width: 500px;
	}


/*******  Thomas DeVera - 5/18/06   Added the css code below to allow functionality for combined imageViewer/bookViewer  *******/

/* === IMAGEVIEWER ============================================ */
	
/*---  imageViewer ------------------------------*/
#imageViewer {
	position:absolute;
	width:540px; 
	height:100px; 
	z-index:1;
	margin-top: 0;
	top:0px;
	left:0px; 
	background-color:#fff;
	border-color:#fff;
	border-width:5px;
	border-style:solid;
	}

/*---  imageViewerSlide ------------------------------*/
#imageViewerSlide { 
	
	border-color: #fff;
	background-color:#fff;
	border-width:2px;
	border-style:solid;
	visibility:hidden;
	}

/*---  imageViewerImage ------------------------------*/
#imageViewerImage { 

	border-color:white;
	border-width:0px;
	border-style:solid;
	visibility:hidden;
	}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ L E F T  C O L U M N ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#subCatTitle {
	position: absolute;
	top: 145px;
	left: 35px;
	letter-spacing:2px;	
	}
#navColL {
	position:absolute;
	top: 177px;
	left: 40px;
	color:#777;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "Lucida Grande", Arial, Helvetica;
	list-style-type: circle;
	line-height: 20px;
	}
#divSlideText {
	position:absolute;
	top: 10px;
	left: 330px;
	color:#A87D2F;
	font-size: 12px;
	font-weight:normal;
	font-family: Arial, Helvetica;
	visibility:hidden;
	}
	
#viewerTitle {
	position: absolute;
	top: 222px;
	left: 55px;
	font-family:   Arial, Helvetica;
	font-size: 9px;
	font-weight:normal;
	color: #888;
	letter-spacing: 1px;	}
	

#pgNumbers{
	position: absolute;
	top: 100px;
	left: 0px;
	font-family: Arial, Helvetica;
	font-size: 9px;
	color: #888;
	font-style: normal;
	letter-spacing: 0px;
	font-weight: normal;
	width: 250px; 
	border-top: 0px solid #F88232;
	padding-top: 7px;
	z-index: 1;
	}
	
#arrowLeft,
#arrowRight {
	position: absolute;
	top: 115px;
	left: 412px;
	z-index:20;
	}
#arrowRight {
	left: 495px;
	}
	
/*---  imageDetail Display ------------*/

#imgDetailDiv {
	position:absolute;
	left:5px;
	top:115px;
	width: 400px;
	  /*---  height is also displayed INLINE to facilitate verticle centering of images -----*/
	/*--- border: 1px dotted #666;  -----*/
	background-color:;
	text-align:center;
	}
		
#detailImageElement {
	position:relative;
	top: 0px;
	height:300px;
	}

#pageTurner {
	position:absolute; 
	left:400px; 
	top:670px;
	width: 285px;
	text-align:center;
	font-size: 11px;
	font-weight:normal;
	color: #4b2b2b;
	}
	
	
/*---  textDetail Display ------------*/

#txtDetailDiv { 
	font-size: 14px; 
	font-weight: bold;     
	position:absolute; 
	left:412px; 
	top:160px;
	width:130px;
 	color: #8B2b2b; 
	font-weight: normal; 
	letter-spacing: 0px; 
	font-family: Arial, Helvetica, sans-serif;
	}
#detailTitle {
	font-size: 12px; 
	color: #8B2b2; 
	font-weight: bold; 
	letter-spacing: 0px; 
	margin-bottom: 6px;
	position: absolute
	left: 300px;
	top: 300px; 
	font-family: Arial, Helvetica, sans-serif;
	}
#detailDescr {
	font-size: 10px; 
	color: #444; 
	line-height:16px; 
	font-weight: normal;
	font-family: Tahoma, "Lucida Grande", Verdana;
	}	
	
/* ids for the display info (title, publisher, etc) */
#detailSubTitle,
#detailAuthor,
#detailDescr,
#detailPublisher,
#detailPubDate,
#detailISBN,
#detailAward1,
#detailAward2,
#detailAward3,
#detailReview,
#detailPurchase,
#detailProjectTitle,
#detailClient,
#detailPrice {
	position: relative;
	font-size: 12px;
	color: #888;
	line-height: 16px;
	}
#orderInfoLink {
	position: relative;
	top: 20px;
	font-size: 12px;
	color: #888;
	line-height: 16px;
	}

/*******  Thomas DeVera - End CSS 5/18/06  *******/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  A D M I N I S T A T I O N  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */