/* Glad CSS */
 {
 margin: 0;
 padding: 0;
}
body {  
 background: #dcdcdc  url(../images/bg_gradient.png) repeat-x;
 font: 12px/18px "Lucida Grande", Verdana, sans-serif;
 text-align: center;
 color: #333;  
} 
 /* content code */
p {text-indent: 20px;
}
a:link, a:visited {background: transparent;
 color: blue;
}
a:hover {
background: transparent;
color: red;
}
h1 {
 margin-bottom: 11px;
 margin-left: -108px;
 padding: 15px 0 21px 108px;
 border-bottom: 1px solid #ccc;
 font: normal italic 1.5em/18px Georgia, serif;
 color: #633;
 background: transparent;
}
h1, i{
	font: italic 3em  Georgia, serif;
}
.logo {
	margin: 0;
	position:  relative;
	top: 80px;
	right: 5px;
	 
	 width: 169px;
	 height: 189px;
	 background: url(../images/logo0207.gif) no-repeat;
	 
} 
h2, h3{
 font-weight: normal;
 font-size: 1em;
 line-height: 18px;
}
h2 {
 margin-left: -204px;
 padding: 10px 0 20px 204px;
 background: url(h2_ornament.gif) 3px 0 no-repeat;
 font-size: 1.25em;
 text-transform: uppercase;
 color:  green;
}
h3 {
 padding-bottom: 6px;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: -1px;
 color: #633;
 background: transparent;
}
h5 {
	text-align: center;
	margin-left: 20px;
}
i {
	font-size: x-small;
	color: gray;
	background: transparent;
}
#l li{ background: transparent;
color: green;
	 list-style: none 
}
/* side navagation */
#sidenav {
	background: #dcdcdc; color: green;  width: 144px;
}
#sidenav ul {
	 margin: 1em 1em 0 2em; padding: 0; 
}
#sidenav li {
	list-style: none;
}
#sidenav a {background: transparent; color: black; 
font: italic 1.15em Times, serif; text-transform:lowercase;  
	}
#lselect li {
		font-size: 85%; margin-bottom: 1.5em;
		 
	}
#lselect li a {
		display: block; font-weight: bold; letter-spacing: 0.2em; text-transform: lowercase;
	}
#lselect li a.c {
	display: inline;
	font: bold, 1em, Times, serif;
	letter-spacing: 0;
	 text-transform: none;
	 background: transparent;
	 color: #333;
} 
#larchives li, #lresources li {margin-bottom: 0.5em;}
#larchives li a, #lresources li a {color: green; background: transparent }
#larchives  a:visited, #lresources  a:visited {color: orange; background: transparent;  }
#larchives  a:hover, #lresources  a:hover {color: purple; background: transparent;  }
#sidel{ background: url(../images/design_list.gif) 100% 0 no-repeat;  
width:144px;
height:28px;}
.shows ul {
	background: transparent;
	color: green;
	font-family: "Informal Roman" "MS Sans Serif", Geneva, sans-serif; 
	font-size: 1.5%;
}
 
#page {
 margin: 0 auto;
 width: 960px;
 background: #dcdcdc;
 text-align: left;
}
#header {
 height: 190px;
 background: #ff69b4 url(../images/glad_header01.gif) bottom no-repeat;
}
#header p {
 float: left;
 padding: 60px 30px 24px 130px;
 font-size: 3.5em;
 line-height: 1em;
 color: blue;
 background: transparent;
}
#header ul {
 padding-top: 62px;
 padding-right: 12px;
 text-align: right;
 list-style: none;
}
#header li {
 display: inline;
 margin: 0 12px;
}
#header li a {
 font-size: 1.75em;
 line-height: 1em;
 text-decoration: none;
 color: yellow;
 background: transparent;
}
#header li a:hover {
 color:  white;
 background: transparent;
}
.boxmail {
	background: #ffefd5;
	color: black;
	border: 2px black dashed; 
	padding: 5px 5px 5px 5px;  
}
#content-primary {
 float: right;
 margin: 12px 24px 60px 24px;
 width: 528px;
 background-color: #dcdcdc;
 color: #333;
}
#content-primaryshow {
 position: relative;
 margin: 12px 10px 50px 10px;
 width: 920px;
 background-color: #dcdcdc;
 color: #333;
}
#content-primary p {
 padding-bottom: 18px;
}
#content-primary img {
 float: left;
 margin: 6px 18px 18px -114px;
 padding: 3px;
 border: 3px solid #eee;
 background: #fff;
 color: #333;  
}

#content{
  position: relative;
  margin-left: 150px;  
}
/* rounded corners code firefox only */  
.curvebox {
	width: 500px;
	padding: 1em;
	border: 2px solid #335278;
	background: #fafad2;
	color: green;
	-moz-border-radius: 25px;
}
.curvebox01 {
	width: 100px;
	padding: 1em;
	border: 2px solid #335278;
	background: #fafad2;
	color: green;
	-moz-border-radius: 25px;
}
.curvebox02 {
margin: 5px 0 5px 20px;
	padding: 1em;
	border: 2px solid #335278;
	background: #fafad2;
	color: green;
	-moz-border-radius: 25px;
}
#aechive {
font-size:120%;
background: transparent;
color: #333;

}
#aechive li  {
list-style: none;
 
}
/* book table Code */  
table {
	border-collapse: collapse;
	width: 100%;
	border-right:  2px solid #a0522d;
	border-bottom: 2px solid #a0522d;
	border-left:2px solid #add8e6;
	border-top: 2px solid #add8e6;
	padding: 0 10px 0 10px;
	
}
table.centre {
	text-align: center;
}
caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	padding:  5px 0 5px 0; 
	-moz-border-radius: 25px;
	background: #fff8dc;
	color: black 
}
 .top {
	 background: transparent;
	 color: blue;
	 font-size: medium;
	 font-weight: bold; 
	text-align:center;
}
.top01 {
	 background: gray;
	 color: white;
	 font-size: medium;
	 font-weight: bold; 
	text-align:center;
}
.top02 {
	 background: transparent;
	 color: black;
	 font-size: medium;
	 font-weight: normal; 
	 text-align: center;
}
 .top03 {
	 background: #fff8dc;
	 color: black;
	 font-size: medium;
	 font-weight: normal; 
	 text-align: center;
}
col {
	border-right: 1px solid #ccc;
}
col#booksCol {
	border: none;
}
thread {
	background: #ccc;
	border-top:1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	color: #333;
}
th {
	font-weight: normal;
	text-align: left;
}
#booklistPostHead {
	text-indent: -1000em
}
.odd { background-color: #edf5ff;
color: #333;	
}	
i.lean {
	font-size: small;
}

thread tr:hover {
	background-color: transparent;
	color: white;
}
#content-secondary {
 float: right;
 margin: 30px 216px 60px 24px;
 width: 144px;
 font-size: 11px;
 color: #300;
 background-color: #dcdcdc;
}
#content-secondary p {
 padding-bottom: 18px;
}
div#book ul {
list-style: none;
margin: 0;
padding: 0;
}
/*start of footer code places it at the bottom */
#footer {
 clear: both;
 height: 100px;  
 width: 960px;
 background: #dcdcdc url(../images/glad_footer01.gif) 100% 0 no-repeat;
 line-height: 1em;
 color: #dcdcdc;
}
#footer a:link, #footer a:visited {
 color: #f5fff0;
 background: transparent;
}    
#footer p {
 padding: 132px 24px 0 50px;
}
#footer ul {
float: left;
	background: transparent;
	color: #fffaf0;
	margin:60px 0 0 50px;	  
}
#footer ul li a:hover {text-decoration:underline; color:#0000CD; background-color:transparent;} /* underlines the links when hovered */
#footer li {background:transparent;
 color: #fff8dc;
  font-size: 1em; font-style:oblique;
  line-height: 1.75em;
   display: inline }/* controls the footer text */
.clear { clear: both; }/* clears the content to allow the footer at bottom */ 
/* Gallery image Code */
div.pic {margin: 20px; padding: 5px;
  clear: left; width: 350px; } 
div.pt a.tn {width: 100px; margin-left: 15px;}
div.ls a.tn {width: 132px; }
a.tn img {border: 1px solid #333; border-width: 1px 2px 2px 1px;
  margin: 0 0 1em;}
div.pic ul {margin: 0 0 0 140px; padding: 1em 0 0 0.5em;}
html>body div.pic ul {background: #CCB; 
border: 3px double #552; 
color: #333;
}
div.pic li {list-style: none; font-size: small;
  line-height: 1.2em; margin: 0; padding: 0;}
div.pic li.title {font: bold small Arial, Verdana, sans-serif;
  padding-top: 0.5em; border-bottom: 1px solid;}
  div.pic li.title01 {font: bold 1.5em Arial, Verdana, sans-serif;
  padding-top: 0.5em; border-bottom: 1px solid;}
div.pic li.type {color: #776;
text-align: left;
background: transparent;
 margin: 0 4.5em 0 auto;
 width: 10em; border-left: 1px solid;}
div.pic li.name {color: blue;
  text-align: right;
  font-style: italic;
   margin: -1.2em 3px 0 auto;
  width: 8em;
   border-left: 1px solid; 
	background: transparent;
	}
 
 #label /* code for joining form */
{
width: 3em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
 input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
 fieldset
{
border: 1px solid #781351;
width: 20em
}
 legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 
 /* Left side navigation  */
div#navigation {
font-size:120%;
float: left; 
background: #dcdcdc;
color: #333;

}
div#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
div#navigation li {
position: relative;
margin-top: 10px;
width: 88%;
display: inline; /* :KLUDGE: removes large gap in IE/Win */ 
}
div#navigation a:link, #navigation a:visited {
display: block;
width: 80px;
w\idth: 100px;
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
color: black;
background-color: #eeceae;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: orange 20px solid;  
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}
div#navigation a:hover {
border-top: 1px solid #717171;
border-left: orange 20px solid; 
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background-color: #aeafee;
color: #333;
}
 
.photo li {
	list-style-type: decimal;
}/* replaces dots with numbers in lists */