/* ******************* */
/* STANDARD COMPONENTS */
/* ******************* */

BODY{
	background-color : #E7E7E7;
	font-family : arial, helvetica, sans-serif;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : center;
	font-size : 0.75em;
}

A{
	color : #900;
	text-decoration : none;
}

A:hover{
	color : #900;
	text-decoration : underline;
	color : #900;
}

P{
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
}

H1{
	font-size : 180%;
	color : #848484;
	padding : 0 0 0 0;
	margin : 0 0 0.5em 0;
	text-transform : lowercase;
	font-weight : 550;
}

H2{
	font-size : 130%;
	color : #039;
	border-bottom : 1px dotted black;
	padding : 0 0 2px 0;
	margin : 0 0 0 0;
	font-weight : bold;
}

H3{
	font-size : 130%;
	color : #900;
	border-bottom : 1px dotted black;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;
}

H4{
	font-size : 110%;
	color : #039;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;
}

H5{
	font-size : 110%;
	color : #900;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;	
}

H6{
	font-size : 100%;
	color : black;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;		
}

HR{
	border : 1px solid black;
	background-color : #fc0;
	color : #f90;
	height : 5px;
	margin : 0 0 1em 0;
}

form{
	display : inline;
}

Label{
	font-weight : bold;
}

UL, OL, Blockquote{
	margin : 0 30px 1em 30px;
}

UL{
	list-style-image : url(../furniture/bullet.gif);	
	list-style : square;
}

UL LI{
	margin : 2px 0 3px 0;
}




/* ******************************** */
/* ARCHITECTURE IDs */
/* ******************************** */


#stage{
	border : none;
	width : 750px;
	margin : 40px auto 0 auto;
	font-size : 100%;
	text-align : left;
}





/* ******************************** */
/* HEADER */
/* ******************************** */

#header{
	height : 70px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}


#secondHeader{
	padding : 0 0 5px 0;
	margin : 0 0 10px 0;
	display : block;
	float : left;
	width : 750px;
}

#secondHeader #title{
	width : 350px;
	margin : 0 0 0 246px;
	float : left;
	display : inline;
}

#secondHeader #buttons{
	float : right;
	margin : 0 0 0 0;
	display : inline;
	padding : 0;
	text-align : right;
	width : 50px;
}

#secondHeader #buttons DIV{
	font-size : 120%;
	font-weight : 700;
	padding : 0 0 0 0;
	margin : 8px 5px 0 0;
}

#secondHeader #buttons DIV A{
	color : #848484;
	text-decoration : none;
}

#secondHeader #buttons DIV A:hover{
	color : #900;
	text-decoration : none;
}

#secondHeader #backToThumbs{
	float : right;
	display : inline;
	margin : 4px 0 0 0;
	padding : 0 0 0 0;
	color : #848484;
	font-weight : bold;
	width : 80px;
	text-align : right;
}

#secondHeader #backToThumbs A{
	color : #848484;
	text-decoration : none;
}

#secondHeader #backToThumbs A:hover{
	color : #900;
	text-decoration : none;
}






/* ******************************** */
/* MENU */
/* ******************************** */

#menuBlock{
	display : inline;
	float : left;
	width : 200px;
	padding : 0 0 0 0;
	font-weight : 500;
}


.menuBox{
	width : 200px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

.menuBox UL{
	margin : 0 0 8px 0;
	padding : 0 0 0 0;
	font-size : 100%;
}

.menuBox UL LI{
	list-style : none;
	margin : 0 0 5px 0;
	padding : 0 0 0 0;
	color : #000;
	list-style-image : none;
}

.menuBox UL LI A{
	color : black;
	text-decoration : none;
}

.menuBox UL LI A:hover{
	color : #900;
	text-decoration : none;
}

.menuBox UL LI UL{
	margin : 5px 0 5px 0;
	padding : 0 0 0 0;
}

.menuBox UL LI UL LI{
	list-style : none;
	margin : 0 0 5px 0;
	padding : 0 0 0 18px;
	color : #000;
}

.menuBox UL LI UL LI A{
	color : #000;
	text-decoration : none;
}

.menuBox UL LI UL LI A:hover{
	color : #900; 
	text-decoration : none;
}

.menuBox .currentChapter A{
	color : #900;
	text-decoration : none;	
}	

.menuBox .currentPage{
	color : #848484;
}	













/* ******************************** */
/* CONTENT */
/* ******************************** */

#contentBlock{
	display : inline;
	float : right;
	width : 504px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align : justify;
}

#contentBlock UL{
	margin : 1em 0 1em 20px;
	padding : 0 0 0 0;
}


#contentBlock UL LI{
	background-image : url("../furniture/bullet.gif");
	background-position : 0 7px;
	background-repeat : no-repeat;
	margin : 0 0 0 0;
	padding : 0 0 0 15px;
	list-style : none;
	list-style-image : none;
}


#contentBlock OL, Blockquote{
	margin : 1em 0 1em 40px;
	padding : 0 0 0 0;
}


#contentBlock label{
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

#copyrightBlock{
	margin : 1em 6px 0 0;
	color : #626262;
	font-size : 90%;
	text-align : left;
}

#copyrightBlockSplash{
	margin : 1em 6px 0 0;
	color : #626262;
	font-size : 90%;
	text-align : center;
}







/* ********* Text ******** */

#textBlock{
	line-height : 1.7em;
	margin : 0;
	padding : 0;
}









/* ********* Details ******** */

#contentBlock #imageTitle{
	width : 500px;
	padding : 0 0 0 0;
	text-align : right;
	color : #C6C6C6;
	color : #848484;
	margin : 26px 0 0 0;
	font-size : 110%;
	font-weight : 600;
}

#contentBlock #imageDescription{
	width : 480px;
	padding : 12px 10px 12px 10px;
	text-align : right;
	background-color : #F3F3F3;
	color : #7F7F7F;
	margin : 0 0 0 0;
	line-height : 1.9em;
}

#contentBlock #homePageImageTitle{
	width : 329px;
	padding : 0 0 0 0;
	text-align : right;
	color : #C6C6C6;
	margin : 26px 0 0 0;
	font-size : 110%;
	font-weight : 600;
}








/* ********* Archive ******** */

#contentBlock #archiveCol1{
	width : 165px;
	margin : 0 5px 0 0;
	padding : 0 0 0 0;
	display : inline;
	float : left;
	font-size : 120%;
	color : #848484;
	font-weight : bold;
	text-transform : lowercase;
}

#contentBlock #archiveCol1 A{
	color : #848484;
	text-decoration : none;
}

#contentBlock #archiveCol1 A:hover{
	color : #900;
	text-decoration : none;
}


#contentBlock #archiveCol2{
	width : 325px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	display : inline;
	float : left;
}

#contentBlock .archiveCell{
	width : 165px;
	height : 150px;	
	margin : 0 0 20px 0;
	padding : 0 0 0 0;
}	












/* ********* Thumbs ******** */

#contentBlock #thumbsSingleCol{
	width : 168px;
	margin : 0 168px 0 168px;
	padding : 0 0 0 0;
	display : inline;
	float : left;
	font-size : 120%;
	color : #848484;
	font-weight : bold;
	text-transform : lowercase;
}

#contentBlock #thumbsTwoCols{
	width : 336px;
	margin : 0 84px 0 84px;
	padding : 0 0 0 0;
	display : inline;
	float : left;
	font-size : 120%;
	color : #848484;
	font-weight : bold;
	text-transform : lowercase;
}

#contentBlock #thumbsThreeCols{
	width : 504px;
	margin : 0 0px 0 0;
	padding : 0 0 0 0;
	display : inline;
	float : left;
	font-size : 120%;
	color : #848484;
	font-weight : bold;
	text-transform : lowercase;
}

#contentBlock #thumbsBlock{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	background-color : pink;
	1display : block;
	float : left;
	1width : 100%;
}

#contentBlock .thumbsCell{
	width : 150px;
	height : 150px;
	margin : 0 20px 22px 0;
	padding : 0 0 0 0;
	border : 1px solid #C7C2C2;
	text-align : center;
	float : left;
}

#contentBlock .thumbsCellNoRightMargin{
	width : 150px;
	height : 150px;
	margin : 0 0 22px 0;
	padding : 0 0 0 0;
	border : 1px solid #C7C2C2;
	text-align : center;
	float : left;
}

#contentBlock .thumbsCell IMG{
	margin : 0;
	padding : 0;
}
















/* ********* Zoom'd In ******** */

#largeArea{
	width : 750px;
	margin : 0;
	padding : 0;
	1text-align : center;
}

#largeBar{
	width : 750px;
	float : left;
	margin : 24px 0 0 0;
	padding : 0 0 0 0;
	background-color : #C6C6C6;	
}


#largeBar #largeImageTitle{
	width : 650px;
	padding : 7px 10px 7px 10px;
	text-align : right;
	color : #fff;
	margin : 0 0 0 0;
	font-size : 120%;
	font-weight : 600;
	float : right;	
}

#largeBar #backButton{
	padding : 7px 10px 7px 10px;
	background-color : #B7B7B7;
	color : #fff;
	margin : 0 0 0 0;
	font-size : 120%;
	font-weight : 600;
	float : left;
}


#largeArea A{
	color : #fff;
	text-decoration : none;
}


#largeArea A:hover{
	color : #900;
	text-decoration : none;
}






/* ********* Splashin' ******** */

#splash{
	width : 750px;
	margin : 0;
	padding : 0;
	text-align : center;
}

















.clear{
	clear : both;
	font-size : 1px;
	height : 1px;	
}