/* © Brooke Weston Stylesheet July 2005 by James Heppell
=========================================================================*/



/* Overall Definitions 
=========================================================================*/

body
{
	margin: 0 0 0 0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	font-size: .7em;
	color: #336;
	line-height: 1.5em;  /* Changed 30-01-06*/
}


#wrapper{
width: 700px;
}

#top {
height: 40px; 
background-color: #000000; 
/*margin-top; 5px;*/
display: none;
}

#topsearch { 
float: right; 
margin: 10px 5px 0px 5px;
}

#header {
  background-color: inherit; 
  border-bottom: 1px dotted #CCC;
  color: #000; 
  height: 100px; 
}

#headerphoto {
height: 168px; 
background-color: #99C; 
}

#gallery { float: right; }


#headphoto {
  padding: 1px 0px 10px 10px;
  width: 130px;
}


#updated {
  border-bottom: 0px dotted #CCC;
  color: #CCC;
  padding: 5px 0px 5px 150px; 
}

#headpad {
padding: 1px 0px 10px 10px;
}



#main {
position: relative; 
float: left; 
border-top: 10px solid #66C;
margin-bottom: 20px;

}

#nav { display: none; }

#navpad { padding: 0px; }

#right {
position: relative; 
/*background-color: #9999CC; */
width: 549px;
}

#search {
padding: 10px 0px 0px 20px; 
}

#feature
{
	padding: 10px 0px 10px 20px;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

.feature
{
	padding: 10px 0px 10px 20px;
	border-color: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	clear: both;
}


#featured { 
	height: 145px;
	padding: 10px 0px 10px 0px;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

#bar 
{ 
	margin: 10px 0px 10px 0px;
}


#content { 
padding: 10px 0px 0px 20px; 
background-color: #FFF; 
}

#focus { 
padding: 10px 0px 0px 20px;  

}




#item2 {
clear: both;
padding: 10px 0px 0px 20px;

}

#item3 { 
padding: 10px 0px 0px 20px;

}

#item4 { 
padding: 10px 0px 0px 20px;

}

#col1 { 
padding: 10px 10px 10px 0px;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}

#col1 p {
}

#col2 { 
float: left;  
width: 150px;
padding: 10px;

}

#col3 { 
float: left;  
width: 150px;
padding: 10px;

}

#footer {
width: 700px; 
margin-top: 5px;
}

#footerpad {
margin: 5px 0px 0px 00px;
padding: 10px;
color: #CCC;
}

#footerpad a:visited {
  background-color: #FFF;
  color: #CCC;
}

#footerpad a:hover {
background-color: #FFF;
color: #CCC;
}
/* Nav List Definitions 
=========================================================================*/

#navcontainer { 
width: 150px; 
}

#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a{
display: block;
padding: 1px 0px 1px 10px;
width: 140px;
background-color: #CCF;
}

#navcontainer a:link, #navlist a:visited{
color: #333366;
text-decoration: none;
}

#navcontainer a:hover{
background-color: #99C;
color: #FFF;
}

#navcontainer li.navhead{

padding: 10px 0px 1px 10px;

}

/* Horizontal List Definitions 
=========================================================================*/

#h_list ul { 
list-style-type: none; 
margin: 0;
padding: 0;
}

#h_list ul li { 
display: inline;
border-right: 1px dotted ##99C;
}

#h_list ul li a { 
text-decoration: none;
padding: 1px 5px 1px 0px;
}

#h_list ul li a:hover {
background-color: #99C;
color: #FFF
}

.h_list ul { 
list-style-type: none; 
margin: 0;
padding: 0;
}

.h_list ul li { 
display: inline;
border-right: 1px dotted ##99C;
}

.h_list ul li a { 
text-decoration: none;
padding: 1px 5px 1px 0px;
}

.h_list ul li a:hover {
background-color: #99C;
color: #FFF
}


/* Inline Text Block Definitions 
=========================================================================*/

#block
{
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	background-image: url(../pics/_cccff.gif);
	clear: both;
}


#block h1
{
	font-size: 1.2em;
	background-color: #FFF;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#block p
{
	margin: 10px;
	text-align: justify;
	
}


.block
{
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	background-image: url(../pics/_cccff.gif);
	clear: both;
}



.block h1
{
	font-size: 1.2em;
	background-color: #FFF;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

.block p
{
	margin: 10px;
	text-align: justify;
	
}



.block table
{
	margin: 10px;
	
}

#blockgray
{
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	background-image: url(../pics/_ebebeb.gif);
	clear: both;
}


#blockgray h1
{
	font-size: 1.2em;
	background-color: #FFF;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#blockgray p
{
	margin: 10px;
	text-align: justify;
	
}

#block_featured
{
	height: 53px;
	margin: 0px 0px 0px 20px;
	background-image: url(../pics/_cccff.gif);
	clear: both;
}

/* 3 colum bar definitions 
=========================================================================*/

.bar 
{ 
	margin: 10px 0px 10px 0px;
}

.colleft 
{ 
	width: 169px; 
	float: left;
}

.colcentre 
{ 
	width: 169px; 
	margin-left: 10px; 
	float: right;
}

.colright 
{ 
	width: 169px; 
	margin-left: 10px; 
	float: right;
}
/* Form Definitions 
=========================================================================*/

#forms fieldset{
background-color: #FCC;
}

#forms fieldset input{
margin-top: .5em;
}

#forms fieldset legend{
color: #FFF;
background-color: #99C;
padding: 5px;
border: 1px solid #666;
}

legend .normal{
font-family: GillSans, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: lighter;
text-transform: uppercase;
}
	
fieldset .normal{
border: 1px dotted #ccc;
}

/* Text Definitions 
=========================================================================*/

h1{
font-size: 1.5em;
text-transform: uppercase;
font-family: GillSans, Verdana, Helvetica, Arial, sans-serif;
font-weight: lighter;
font-stretch: narrower;
margin-top: .75em;
margin-bottom: 0em;
}

h1.colour66C{
color: #66C;
}


h1.whitetext{
color: #ffffff;
}

h1.content{
font-size: 1.2em;
margin-top: 0em;
margin-bottom: 0em;
}


h2{
font-size: 1em;
margin-top: .1em;
margin-bottom: .75em;
}

h2.baseline
{
	font-size: 1em;
	margin-top: .1em;
	margin-bottom: 0em;
	color: #000;
}

h3{
font-size: 1.2em;
margin-top: 0em;
margin-bottom: 0em;
text-transform: uppercase;
}

h3.softer
{
	font-size: 1.2em;
	margin-top: .5em;
	margin-bottom: 0em;
	color: #06C;
	text-transform: capitalize;
}

h4{
font-size: 1.2em;
margin-top: 0em;
margin-bottom: 0em;
text-transform: uppercase;
}

h4.Subject
{
	font-size: 1.75em;
	margin-top: .75em;
	margin-bottom: .5em;
	text-transform: capitalize;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0 0 2px 0;
}

h4.Large
{
	font-size: 2em;
	margin-bottom: .25em;
	color: #99C;
	font-weight: lighter;
	padding: 0 0 1px 0;
}

h1.topmargin{
margin-top: .8em;
}

p{
margin-top: 0;
color: #000;
}

/* Same as h2 */
.NormalBold{
margin-top: 0;
font-weight: bold;
}

.NormalBoldBlue{
margin-top: 0;
font-weight: bold;
color: #036;
}


.NormalItalic{
margin-top: 0;
font-style: italic;
}

.DateItalic{
margin-top: 0em;
margin-bottom: 2em;
font-style: italic;
}


.NormalRed
{
	margin-top: 0;
	color: #F03;
}

.SerifNormal{
margin-top: 0;
font-size: 1.2em;
font-family: Georgia, Times, Times New Roman,Serif;
}

.SerifBold{
margin-top: 0;
font-size: 1.2em;
font-weight: bold;
font-family: Georgia, Times, Times New Roman,Serif;
}

.SerifItalic{
margin-top: 0;
font-size: 1.2em;
font-style: italic;
font-family: Georgia, Times, Times New Roman,Serif;
}

/* Same as div.pic_right span */
.caption{
margin: 5px 10px 0px 10px;
color: #FFF;
font-size: .75em;
font-style: italic;
}

.whitetext{
color: #ffffff;
font-size: 1.5em;
text-transform: uppercase;
font-family: GillSans, Verdana, Helvetica, Arial, sans-serif;
font-weight: lighter;
font-stretch: narrower;
margin-top: 0em;
}

input{
margin-top: -7px;
}

.SubHeadingRule
{
color: #333366;
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 16px;
border-bottom: gray;
border-width: 0 0 1px 0;
border-style: none none dotted none;
font-weight: lighter;
margin: .75em 0 .25em 0;
}

/* List Definitions 
=========================================================================*/

ul{
margin: 0px 0px 15px 0px;
padding: 1;
color: #000;

}

ol{
margin: 0px 0px 15px 0px;
padding: 1;
color: #000;

}

li{

list-style-position: default;
}

ul.indent
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	list-style-type: none;
	list-style-position: default;
}

li.indent{
	list-style-type: none;
}

ul.linkimage
{
	list-style-type: default;
	list-style-image: url(' ');
	list-style-position: indide;
}
/* Link Definitions 
=========================================================================*/

a:link{
color: #333366;
}

a:visited{
color: #333366;
}

a:hover{
text-decoration: none;
background-color: #666699;
color: #ffffff;
}

a:active{
}

#footerpad a:link{
color: #CCC;
}



/* Picture Definitions 
=========================================================================*/

.pic_right{
float: right;
width: 250px;
margin: 0 0 10px 10px;
background-color: #99C;
padding-bottom: 10px;
}

.pic_left{
float: left;
width: 250px;
margin: 0 10px 10px 0px;
background-color: #99C;
padding-bottom: 10px;
}

.books img{
float: left;
margin: 0px 5px 0px 0px;
}


.pic_left200{
float: left;
width: 200px;
margin: 0 10px 10px 0px;
background-color: #99C;
padding-bottom: 10px;
}

.pic_left100
{
	float: left;
	width: 100px;
	margin: 0 10px 10px 0px;
	background-color: #99C;

}

.pic_right100
{
	float: right;
	width: 100px;
	margin: 0 10px 10px 0px;
	background-color: #99C;

}

.pic_right200{
float: right;
width: 200px;
margin: 0 0px 25px 20px;
background-color: #99C;
padding-bottom: 10px;
}


.pic_left_white{
float: left;
width: 250px;
margin: 0 10px 10px 0px;
background-color: #FFF;
padding-bottom: 10px;
}

/* Caption text*/
div.pic_right span{
float: left;
margin: 5px 10px 0px 10px;
color: #FFF;
font-size: .9em;
font-style: italic;
}

div.pic_right200 span{
float: left;
margin: 5px 10px 0px 10px;
color: #FFF;
font-size: .9em;
font-style: italic;
}

div.pic_left span{
float: left;
margin: 5px 10px 0px 10px;
color: #FFF;
font-size: .9em;
font-style: italic;
}

img{
border: 0px;
}

.ImgBig{
border: 0px;
margin: 10px 0px 0px 0px;

}

img.v { 
border: none; 
vertical-align: middle;
margin: 0 5px 0 0;
}

.left53
{
	float: left;
	width: 53px;
	margin: 0 10px 10px 0px;
}

.imgleft{

	float: left;
	margin: 0 5px 5px 0px;

}

/* Div Text Definitions 
=========================================================================*/
div.toptitle{

padding-bottom: 1.25em;

}

div.article{

}

div .rightQuote
{
	float: right;
	margin: 0 0px 15px 15px;
	padding: 10px;
	width: 200px;
	background-color: #E2E2E2;
}

div .rightQuote span
{
	margin: 0 0px 0px 0px;
	color: #333;
	font-style: italic;
}

div .rightQuote h4
{
	color: #999;
	Margin: 0px;
	font-size: 1.2em;
	line-height: 1.6em;
	text-transform: uppercase;
	font-family: sans-serif;
}

div .rightQuote big
{
	color: #000;
	font-size: 10px;
	font-family: sans-serif;
	font-weight: bold;
}

/* Table Definitions 
=========================================================================*/

table
{
margin: 1em 0 1em 0;
}

caption
{
	color: #000;
	font-size: 1.2em;
	text-transform: uppercase;
	font-family: GillSans, Verdana, Helvetica, Arial, sans-serif;
	/*font-weight: lighter;
	font-stretch: narrower;*/
	padding-top: .5em;
	padding-bottom: .25em;
	border-width: 1px 0 1px 0;
	border-style: outset none inset none;
	text-align: left;
}

.tabfoot
{
	font-style: italic;
	color: #999;
	padding-top: .5em;
	padding-bottom: .25em;
	border-width: 0 0 1px 0;
	border-style: none none inset none;
}

th
{
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 0px 3px 3px 3px;
}

th.center
{
	text-align: center;
	
}

th.right
{
	text-align: right;
	
}

td
{
	color: #000;
	vertical-align: top;
	padding: 3px 3px 3px 3px;
}

td.center
{
	text-align: center;
	
}

td.right
{
	text-align: right;
	padding-right: 5em;
}

/* Table Stripes Definitions 
=========================================================================*/

#stripes {

}

#stripes tbody tr td {

padding: 3px 3px 3px 3px;
vertical-align: middle;

}

#stripes tbody tr.selected td {

background-color: #3d80df;
color: #ffffff;
font-weight: bold;

}
	
	
/* Other Definitions 
=========================================================================*/

div.highlightimage{
float: left;
margin: 0px 7px 7px 0px;
}

div.toppic{
float: left;
margin: 10px;
border: 0px;
}

.contentnav{
font-size: 1.2em;
margin: 1px 0px 2px 10px;
}


/* Glossary Definitions 
=========================================================================*/

.abbr {

	border-bottom-width:1px; 
	border-bottom-style:dotted;

}
	
dt {
	
	font-weight:bold; 
	margin:1.3em 0 .1em 1em;
	padding:0 0 0 0;
	
}

dd
{
	margin: 0 2em 0 2em;
	padding: 0 0 0 0;
	color: black;
}


a:link.gloss,
a:visited.gloss,
a:hover.gloss,
a:active.gloss {
  color: #000000; /* should be the same color as text */
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  background-color: none;
  cursor: help;
  border-bottom-color: #CCF; /* for IE 5, same color as above */
  font-style: normal; /* for use with dfn */
}


/* Style Guide Definitions 
=========================================================================*/
.StyleItalic
{
	margin: 0 0 0 0;
	font-size: 1.2em;
	font-style: italic;
	font-family: Georgia, Times, Times New Roman,Serif;
	color: #999;
}

.StyleSpell
{
	margin: 0 0 0 0;
	font-size: 1.2em;
	font-style: italic;
	font-family: Georgia, Times, Times New Roman,Serif;
	color: #C60;
}

.StyleCode
{
	margin: 0 0 0 0;
	font-size: 1em;
	font-family: courier, monospaced;
	color: #390;
}



/* Left margin Texts items definitions
=========================================================================*/
.itemwrap { 
	border-color: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	clear: both;
}

.itemtop { 
padding: 10px 0px 0px 20px;
clear: both;
}

.item { 
padding: 0px 0px 20px 20px;
clear: both;
}

img.item { 
border: solid 1px #000;
border-color: #000;
float: left;
}

.itemtext
{ 
width: 420px;
float: right;
padding: 0 0 1.5em 0;
}

.itemtext span
{
	color: gray;
	font-style: italic;
}

.itemdiv
{
clear: both;
}

.itemprev
{ 
width: 435px;
float: right;
padding: 0 0 .5em 0;
}

/* Striped Tables */
table.StripedDefault {}
table.StripedDefault tbody tr.ItemRow { background-color: #fff; color: #000; }
table.StripedDefault tbody tr.AlternatingItemRow { background-color: #E6E6FA; color: #000; }

table.StripedGreen {}
table.StripedGreen tbody tr.ItemRow { background-color: #fff; color: #000; }
table.StripedGreen tbody tr.AlternatingItemRow { background-color: #E6FAE6; color: #000; }

ul.horizontalList { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.horizontalList li { border-right: solid 1px #aaa; display: inline; }
ul.horizontalList li:last-child { border-right: none; }

ul.horizontalList li a:link, ul.horizontalList li a:visited { padding: 2px 5px 2px 5px; }

#ScreenFooter { display: none; }
#PrintFooter { background-color: inherit; color: #ccc; }