/* Style sheet for IRCPS site, v.2 (February 2004) by Michael Ullyot

Sources:
http://www.alistapart.com/articles/dropdowns
http://www.htmldog.com/articles/suckerfish/example/
http://www.utoronto.ca/massey/css/massey.css
http://www.cssplay.co.uk/menus/flyout5.html
*/

body {
color: #000;
background: url(../images/backgrounds/bg_parchmnt2.jpg);
}
#header {
position: absolute;
margin-top: -22px;
top: 5px;
left: 200px;
width: 750px;
height: 50px;
text-align: left;
}
#header h1 {
font-family: "Bitstream Vera Sans", verdana, sans-serif;
font-size: 20px;
}

#main {
position: absolute;
top: 80px;
left: 220px;
width: 700px;
height: auto;
font-family:  Georgia, "Bitstream Vera Serif", serif;
font-size: 85%;
background: #FFFFCC;
border: 4px double #7d6340;
padding: 0 1em 2em 0;
}

#interpretatio
{position: absolute;
left: 190px;
top: 145px;
width: 500px;
}

#main ul{
padding: 0 0 0 2em;
}

#leftmain {
float: left;
padding: 1em;
}
#leftmain .mini {
border: 0;
margin: 0 0 0 0;
padding: 0 0 0 2em;
}


#leftside {
display: inline; /* IE Hack */
position: absolute;
top: 80px;
left: 30px;
width: 210px;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
font-size: 11px;
}

* html #leftside {height:300px} /* IE Min-Height Hack */

#menu {
width: 160px;
height: auto;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
font-size: 11px;
background: #FFFFCC;
border: 4px double #7d6340;
z-index:1000;

#menu ul li {
position: relative;
}

}
#menu ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: 1em;
}


#menu ul.submenu1 {
display:none;
position:absolute;
top:11em;
left:8em;
padding-left: 0.20em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border:4px double #7d6340;
}

#menu ul ul li:hover ul,
#menu ul ul a:hover ul {
display: block;
background:#FFFFCC;
}



ul.submenu2 {
display:none;
position:absolute;
top:33.9em;
left:85px;
padding-left: 0em;
padding-right: 0.6em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border:4px double #7d6340;
z-index:2000;
width: 125px;
}

ul.directory li:hover ul,
ul.directory a:hover ul {
display: block;
background:#FFFFCC;
}





* html .menu li {margin-left:-16px; margin-lef\t:0;}

#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; 
font-size:1em; width:0; height:0;}

<!--[if IE 7]>
#menu li {float:left;}
<![endif]-->

#belowmenu {
height: auto;
font-size: 8px;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
text-align: left;
}


#footer {
position: absolute;
top: 480px;
left: 220px;
width: 700px;
height: auto;
font-size: 70%;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
text-align: center;
}

p {
margin: 1em 0 0 1em;
padding: 0 0 0 0;
}


p.single-indent {
text-indent: 3em;
}


p.double-indent {
text-indent: 4em;
margin: 0;
}

p.triple-indent {
text-indent: 6em;
margin: 0;
}



p.sidetext {
font-family: verdana;
font-size: .8em;}

.payform {
margin: 1em; 
}

.payform2 {
margin: 2em; 
}

h1 {
font-family: "Bitstream Vera Sans", verdana, sans-serif;
font-size: 18px;
padding: 0.5em 0 0 0.8em;
}

h2 {
text-align: left;
font-size: 16px;
letter-spacing: 0.1em;
color: #A03737;
padding: 0.5em 0 0 0.8em;
}

h3 {
text-align: left;
font-size: 15px;
letter-spacing: 0.1em;
color: #000;
padding: 0.5em 0.5em 0 2em;
}
.span {
width: 100%;
clear: both;
max-height: 50px;
}

h4 {
text-align: center;
font-size: 15px;
letter-spacing: 0.1em;
color: #000;
padding: 0.5em 0.5em 0 2em;
}
.span {
width: 100%;
clear: both;
max-height: 50px;
}



/* Form settings */
form {
width: 600px;
}
#formindent1 {
margin: 0em 1em;
}
#formindent2 {
margin: 0em 3em;
}

.leftcolumn, .rightcolumn {
 width: 46%;
  position: relative;
 font-size: 93%;
 line-height: 17px;
 padding: 7px;
}
.leftcolumn h2 {padding: 15px 0 0 0; color: #990000;} 
.rightcolumn h2 {padding: 15px 0 0 0; color: #990000;}

.leftcolumn {float: left; text-align: left;}
.rightcolumn { float: right; text-align: left;}

/* Link settings */
a {
text-decoration: none;
}
a:link {
color: #0d48ad;
}
a:visited {
color: #8c24a0;
}
a:active {
color: #e01634;
}
a:hover {
text-decoration: underline;
}

/* For Interpretatio Books Published Page */
#bookbox {
float: left;
width: 150px;
height: auto;
background: #4949C1;
margin-left: 30px;
padding: 0 0 0 0;
}
#bookbox p{
margin: 0.5em 0.5em;
}
#bookdetails {
float: left;
padding: 1em;
width: 450px;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #4949C1;
}
#bookdetails p{
margin: 0.5em 0.5em;
}
#bookdetails h3{
padding: 0 0 0 0.5em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}
.spacer {
width: 90%;
padding: 0em 1em 0.5em 0;
clear: left;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
text-align: right;
margin: 0em 0.5em 0.5em 0;
}



/* For Volume 1 */
.reviewbox {
float: left;
width: 150px;
height: auto;
background: #B33D3D;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent p{
margin: 0.2em 0 0.3em 1em;
}
.indent a {
font-size: 11px;
}
.reviewbox h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}
.reviewdetails {
float: left;
padding: 1em;
width: 450px;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #B33D3D;
}
.column {
float: left;
width: 210px;
padding: 0.5em;
}
.column h3 {margin: 1em 0 1.3em 0;}
.top h3{margin: -0.7em 0em 1.3em 0em;}

.reviewdetails p{
margin: -1em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
.reviewdetails h3{
padding: 0em 0em 0em 0em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}

/*For Volume 2*/
.reviewbox2 {
float: left;
width: 150px;
height: auto;
background: #C75C5C;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox2 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent2 p{
margin: 0.2em 0 0.3em 1em;
}
.indent2 a {
font-size: 11px;
}
.reviewbox2 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails2 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #C75C5C;
}
.column2 {
float: left;
width: 210px;
padding: 0.5em;
}
.column2 h3 {margin: 1em 0 1.3em 0;}
.top2 h3{margin: -0.7em 0em 1.3em 0em;}

.reviewdetails2 p{
margin: -1em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
.reviewdetails2 h3{
padding: 0em 0em 0em 0em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}

/*For Recent Reviews Page*/

.reviewbox3 {
float: left;
width: 150px;
height: auto;
background: #D48282;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox3 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent3 p{
margin: 0.2em 0 0.3em 1em;
}
.indent3 a {
font-size: 11px;
}
.reviewbox3 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails3 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #D48282;
}
.column3 {
float: left;
width: 210px;
padding: 0.5em;
}
.column3 h3 {margin: 1em 0 1.3em 0;}
.top3 h3{margin: -0.7em 0em 1.3em 0em;}

.reviewdetails3 p{
margin: -1em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
.reviewdetails3 h3{
padding: 0em 0em 0em 0em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}




/*For Books Received Page*/



.reviewbox4 {
float: left;
width: 640px;
height: auto;
background: #B33D3D;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox4 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent4 p{
margin: 0.2em 0 0.3em 1em;
}
.indent4 a {
font-size: 11px;
}
.reviewbox4 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails4 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #B33D3D;
}
.column4 {
float: left;
width: 210px;
padding: 0.5em;
}
.column4 h3 {margin: 1em 0 1.3em 0;}
.top3 h3{margin: -0.7em 0em 1.3em 0em;}


.reviewbox5{
float: left;
width: 640px;
height: auto;
background: #C75C5C;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox5 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent5 p{
margin: 0.2em 0 0.3em 1em;
}
.indent5 a {
font-size: 11px;
}
.reviewbox5 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails5 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #C75C5C;
}
.column5 {
float: left;
width: 210px;
padding: 0.5em;
}
.column5 h3 {margin: 1em 0 1.3em 0;}
.top3 h3{margin: -0.7em 0em 1.3em 0em;}


.reviewbox9{
float: left;
width: 640px;
height: auto;
background: #CE6F6F;  
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox9 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent9 p{
margin: 0.2em 0 0.3em 1em;
}
.indent9 a {
font-size: 11px;
}
.reviewbox9 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails9 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #CE6F6F;
}
.column9 {
float: left;
width: 210px;
padding: 0.5em;
}
.column9 h3 {margin: 1em 0 1.3em 0;}
.top3 h3{margin: -0.7em 0em 1.3em 0em;}


.reviewbox10{
float: left;
width: 640px;
height: auto;
background: #D48282;  
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox10 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent10 p{
margin: 0.2em 0 0.3em 1em;
}
.indent10 a {
font-size: 11px;
}
.reviewbox10 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails10 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #D48282;
}
.column10 {
float: left;
width: 210px;
padding: 0.5em;
}
.column10 h3 {margin: 1em 0 1.3em 0;}
.top3 h3{margin: -0.7em 0em 1.3em 0em;}




.reviewbox12{
float: left;
width: 640px;
height: auto;
background: #E1A8A8;  
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox12 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent12 p{
margin: 0.2em 0 0.3em 1em;
}
.indent12 a {
font-size: 11px;
}
.reviewbox12 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails12 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #D48282;
}
.column12 {
float: left;
width: 210px;
padding: 0.5em;
}
.column12 h3 {margin: 1em 0 1.3em 0;}
.top3 h3{margin: -0.7em 0em 1.3em 0em;}




/*For Volume 3*/

.reviewbox6 {
float: left;
width: 150px;
height: auto;
background: #CE6F6F;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox6 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent6 p{
margin: 0.2em 0 0.3em 1em;
}
.indent6 a {
font-size: 11px;
}
.reviewbox6 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails6 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #CE6F6F;
}
.column6 {
float: left;
width: 210px;
padding: 0.5em;
}
.column6 h3 {margin: 1em 0 1.3em 0;}
.top6 h3{margin: -0.7em 0em 1.3em 0em;}

.reviewdetails6 p{
margin: -1em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
.reviewdetails6 h3{
padding: 0em 0em 0em 0em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}


/*For Volume 4*/

.reviewbox8 {
float: left;
width: 150px;
height: auto;
background: #D48282;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox8 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent8 p{
margin: 0.2em 0 0.3em 1em;
}
.indent8 a {
font-size: 11px;
}
.reviewbox8 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails8 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #D48282;
}
.column8 {
float: left;
width: 210px;
padding: 0.5em;
}
.column8 h3 {margin: 1em 0 1.3em 0;}
.top8 h3{margin: -0.7em 0em 1.3em 0em;}

.reviewdetails8 p{
margin: -1em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
.reviewdetails8 h3{
padding: 0em 0em 0em 0em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}



/*For Volume 5*/

.reviewbox11 {
float: left;
width: 150px;
height: auto;
background: #E1A8A8;
margin-left: 30px;
padding: 0 0 0 0;
}
.reviewbox11 p{
margin: 0.2em 0 0.3em 0.5em;
}
.indent11 p{
margin: 0.2em 0 0.3em 1em;
}
.indent11 a {
font-size: 11px;
}
.reviewbox11 h3{
padding: 0.5em 0 0 0.5em;
margin: 0 0 0 0;
text-align: left;
font-size: 11px;
letter-spacing: 0.1em;
color: #000;
}

.reviewdetails11 {
	float: left;
	padding: 1em;
	width: 450px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #E1A8A8;
}
.column11 {
float: left;
width: 210px;
padding: 0.5em;
}
.column11 h3 {margin: 1em 0 1.3em 0;}
.top8 h3{margin: -0.7em 0em 1.3em 0em;}

.reviewdetails11 p{
margin: -1em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}
.reviewdetails11 h3{
padding: 0em 0em 0em 0em;
text-align: left;
font-size: 12px;
letter-spacing: 0.1em;
color: #000;
}





/*Decorative elements*/
.rightbox, .leftbox, .centrebox {
 margin: 1% 0% 1% 3%;
 padding: 5px;
 position: relative;
	border:1px dashed #999;
}
#centre {margin: 1em 0em 0.5em 0em; padding:0px; text-align:center;	}
.centrebox {
	width: 85%;
	margin:0px auto;
	text-align:left;
	}
.centrebox p {margin: 0; padding: 0;}
.rightbox {width: 24%; float: right;}
.leftbox {width: 20%; float: left;}
.rightbox h2{
	color: #003366;
	font-size: 1.1em;
}
.leftbox h2{
	color: #003366;
	font-size: 1.1em;
}

p.banner {
margin-top:-.7em;
}




.clear{clear:both;}

/* Style graveyard--replaced after tutorial on http://www.mako4css.com/Tutorial.htm*/
#menu_original {
width: 16%;
float: left;
font-size: 70%;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
background: #FFFFCC;
border: 4px double #7d6340;
padding: 0.5em;
}

#main_original {
width: 78%;
float: right;
font-family: "Bitstream Vera Serif", Georgia, serif;
font-size: 80%;
background: #FFFFCC;
border: 4px double #7d6340;
padding: 0.5em;
}
#belowmenu_original {
width: 20%;
float: left;
font-size: 70%;
font-family: "Bitstream Vera Sans", verdana, sans-serif;
text-align: center;}

p.updated {font-size: 0.8em; margin-left: -0.1em;}