html
	{
  	/*  Causes scrollbars to appear even on short pages for majority of browsers */
		height: 100%;
		margin-bottom: 1px;
		/*overflow: -moz-scrollbars-vertical;*/  /* Firefox specific...not needed with above 2 rules */
	}
/* general stuff */
/* */
sup {
/*vertical-align: top;*/
-font-size: 1.0em;
-font-size: 0.9em;
}
/* This will put the text before and after the stated tag contents */
/*sup:before 	{ content: "{" }
sup:after		{content: "}" }
*/
body{
/*Copyright ©1997. Web Design Group.*/
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
background-color: #BDE3F8;
}
a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#pagewidth-800{
/* Should be 759 to center */
width:759px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/back_all_white.gif) repeat-y 0px 759px /* ?????? 140px */;
margin-bottom: 20px;
}

#pagewidth-1024{
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/back_all1024.gif) repeat-y ;
margin-bottom: 20px;
}

#header {
height:  139px; 
width:  759px; 
 }
 
#top-top {
height: 0px;
width: 759px;
background: transparent;
}

#top-bottom {
height: 164px;
width: 759px;
/* The banner seems to be sitting to the left for some reason */
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/bannerlatest759x164.jpg) top left no-repeat;
/* This should be center float but the main joomla body content is not centered */
float: left;
vertical-align: top;
margin-left:auto;
margin-right:auto;
padding-left: 0px;
padding-right: 0px;
}

#top-bottom-right {
height: 80px;
width: 100px;
background: transparent;
float: right;
vertical-align: bottom;
}

#search {
margin: 0px;
padding: 0px;
width: 132px;
height: 20px;
float: right;
padding-left: 10px;
padding-top: 12px;
vertical-align: top;
}

/* BEGIN css for Country Select Form, Title and Button jt22-11-06 */

/*Kept because I didn't write it jt22-11-06*/
#country {
font-size: 9px;
text-align:right;
margin: 0px;
width: 230px; /* width required to allow for graphic submit button  */
height: 40px;
float: right;
padding-left: 0px;
padding-right:1px; 
padding-top: 90px;
vertical-align: middle;
}

/*Kept because I didn't write it jt22-11-06*/
#inputboxgraphic {
/*margin-top: 5px;
-margin-top: 3px;
margin-left:-1px;*/
}

#country  .selectbox{
height: 100%;
-height: 24px;
width: 108px; /* must be less than country width to allow room for graphic submit button  */
font-size: 10px;
border: none;
margin: 0px;
padding: 0px;
vertical-align: top;
}

/* This is only needed to keep IE6 happy  */
#country .goright{
float: right;
}

#country .boxtitle{
font-size:9px;
margin-right:1.8cm;
color:rgb(255,255,255);
}
/* END css for Country Select Form, Title and Button jt22-11-06 */

#search .inputbox{
width: 108px;
height: 14px;
font-size: 10px;
/* background: transparent; */
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
vertical-align: top;
}

#search .selectbox{
width: 140px;
height: 14px;
font-size: 10px;
/* background: transparent; */
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
vertical-align: top;
}

#search .button{
font-weight: bold !important;
color:#FFF !important;
margin: 0px;
padding: 0px;
height: 16px;
font-size: 10px;
background: transparent;
border: none;
line-height: 16px;
vertical-align: top;
}

#search form {
margin: 0px;
padding: 0px;
}

#topmenu{
background: transparent;
height: 20px;
float: left;
width: 600px;
padding-left: 10px;
padding-top: 8px;
}


#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#leftcol{
 width: 200px;
 float: left;
 position: relative;
 margin-left: 12px;
 -margin-left: 6px;
 margin-right: 9px;
 -margin-right: 1px;
 color: #fff;
 margin-top: 7px;
 -margin-top: -20px;
 } 

#rightcol-normal{
 width: 152px;
 float: right;
 position: relative;
 margin-left: -8px;
 -margin-left: -15px;
 margin-right: 12px;
 -margin-right: 2px;
 margin-top: 7px;
 -margin-top: -20px;
 text-align: center;
 } 
 
#rightcol-broad{
 width: 180px;
 float: right;
 position: relative;
 margin-right: 1px;
 -margin-top: -20px;
 } 
 
#outer-800{
width: 759px;

} 

#outer-1024{
width: 970px;
padding-top: 6px;
} 

#footer-800{  
height: 28px; 
width:759px; 
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/footer.jpg) bottom left no-repeat; 
font-size: 10px;
}

#footer-1024{  
height: 40px; 
width: 100%; 
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/footer1024.jpg) bottom left no-repeat; 
font-size: 10px;
}

#maincol-normal-800{ 
 float: left; 
 width: 378px;
 -width: 380px;
 margin-top: 7px;
 -margin-top: -20px;
 -margin-right: 5px;
 
 } 
 
#maincol-broad-800{ 
 float: left; 
 width: 422px !important;
 margin-left: 0px !important;
 margin-left: -5px;
 width: 417px;
 -margin-top: -20px;
 } 
 
 #maincol-wide-800{ 
 float: left; 
 width: 759px !important;
 margin-left: 0px;
 -margin-left: 0px; /* For IE Only*/
 padding-top: 3px !important;
padding-top: 0px;
-margin-top: -20px;

 } 
 

#maincol-normal-1024{ 
 float: left; 
 width: 650px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
#maincol-broad-1024{ 
 float: left; 
 width: 622px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #maincol-wide-1024{ 
float: left; 
width: 800px;
padding-top: 3px !important;
padding-top: 0px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #banner {
 width: 478px;
 height: 69px;
 float: right;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content {
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
margin-left: 10px;
margin-right: 10px;
}
div.contentfeedback{
margin-left: 20px;

}
/* Modules */

#leftcol div.module {
width: 200px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/200px_left_module_middle.jpg) left repeat-y;
margin-bottom: 5px;
/*padding-left:11px;*/
}
#rightcol-normal div.module {
width: 152px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/152px_right_module_middle.jpg) left repeat-y;
margin-bottom: 5px;
}

#leftcol div.module div{ 
width: 200px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/200px_left_module_top.jpg) top left no-repeat;
}
#rightcol-normal div.module div {
width: 152px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/152px_right_module_top.jpg) top left no-repeat;
}

#leftcol div.module div div{
width: 200px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/200px_left_module_bottom.jpg)  bottom left no-repeat;
}
#rightcol-normal div.module div div {
width: 152px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/152px_right_module_bottom.jpg)  bottom left no-repeat;
}
#leftcol div.module div div div{
width: 188px;
padding-left: 2px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}
#rightcol-normal div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div{
padding: 0px;
margin: 0px;
}
#rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}

#rightcol-broad div.module {
width: 177px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/module_middle_wide.jpg) left repeat-y;
margin-bottom: 5px;
}

#rightcol-broad div.module div {
width: 177px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/module_top_wide.jpg) top left no-repeat;
}

#rightcol-broad div.module div div {
width: 177px;
background: transparent url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/module_bottom_wide.jpg)  bottom left no-repeat;
}

#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;
}




div.module h3 {
font-size: 14px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#user1{
float: left;
width: 49%;
}

#user2{
float: right;
width: 49%;
}

#user3 {
width: 100%;
}

#user1 ul, #user2 ul, #user3 ul {
list-style: disc;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}

#maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable, #maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable {
width: 100%;
margin-bottom: 10px;
background: transparent;
font-size: 12px;
}

#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3, #maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3 {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
color: #FFF;
width: 100%;
border-bottom: 1px solid #EFEFEF;
text-align: left;
text-indent: 5px;
}

/* Topmenu */

 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
margin-left: 5px;
white-space: nowrap;
}



/* Main Menu(s) */

a.mainlevel {
font-size: 10px;
padding-left: 4px;
width: 143px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 135px;
}

html {
background-color: #BDE3F8;
}
html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
background: #F1F1F1;
text-decoration: none;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}


/* Module specific */

#leftcol div.module div div div div.syndicate {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}


/* Other Mambo Stuff */

#title {
}
.pathway {
color: #BBBBBB;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 12px;
padding: 2px;
}

.sectiontableentry2 {
background: #FFF;
font-size: 12px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 10px;
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}

.blog_more {
font-size: 10px;
}

a.readon:hover {
background: #EEEEEE url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;
}

.contentheading {
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: 'Trebuchet MS', verdana, sans-serif;
color: #002E61;
}

.contentpane /* Sets properties for PRINTABLE VERSIONS of pages TN 10-04-07 */
{
background: #fff;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.5;
margin-left: 6px;
-margin-left: 13px;
-margin-right: 12px;
padding-left: 10px;
padding-right: 10px;

}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: 'Trebuchet MS', verdana, sans-serif;
border: none;
}

.contentdescription {
font-size: 10px;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
margin-left: 15px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans serif;
}
.componentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: "Trebuchet MS", Verdana, sans serif;
border-bottom: 1px solid #002E61;
color: #002E61;
margin-bottom: 5px;
margin-left: 10px;
}
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  100%; 
font-size: 80%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 10px;
text-align: center;
}


.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 10px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}
/* OSite Specific start */

ol.notes, ul.notes {
  font-size: 10px
}

p {
  font-size: 20px
  padding-bottom: 0.5px;
}

{ margin: 0pt; padding: 0pt; }
fieldset { padding: 10px; }
a, a:link { color: rgb(73, 71, 178); text-decoration: none; }
a:visited { color: rgb(106, 139, 178); text-decoration: none; }
a:hover { color: rgb(211, 122, 27); text-decoration: underline; }
.leftCol { color: rgb(199, 199, 216); }
.leftCol a, .leftCol a:link, .leftCol a:visited, .boxPaddingUrgent a, .boxPaddingUrgent a:visited { color: rgb(255, 255, 255); }
.leftCol a:hover { color: rgb(255, 184, 102); }
#bodyContent, #bodyContent table td, #bodyContent table th { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 80%; }
h1 span.subtitle { font-size: 0.7em; }
pre { font-size: 1.1em; }
th.colorTableHead, td.list1, td.list2 { padding: 2px 3px; font-family: Arial,Helvetica,sans-serif; font-size: 0.7em; }
#bodyContent p { padding-bottom: 1.5em; }
.middleCol { line-height: 1.6em; }
.leftCol, .rightCol { line-height: 1.3em; }
#bodyContent .leftCol p.productTitle { padding: 0pt; font-weight: bold; }
#bodyContent p.urgentNews { font-weight: bold; line-height: 1.2em; padding-left: 35px; background-repeat: no-repeat; background-position: 0pt; margin-bottom: -7px; }
#bodyContent h4.leadHeader { padding-top: 0pt; }
#bodyContent p.leadTitle { font-weight: bold; padding-bottom: 0pt; line-height: 1.1em; }
#bodyContent p.leadAuthor { color: rgb(102, 102, 102); font-size: 0.9em; padding-bottom: 6px; }
#bodyContent p.leadAuthor, #bodyContent p.leadIntro { line-height: 1.3em; }
#bodyContent p.leadIntro { padding-bottom: 1.3em; }
/* Notes not numbered in IE - ScottC`
/*.notes, .overflow { overflow: hidden; width: 520px; } */
ol.separated li, ul.separated li { margin-top: 0.5em; }

.author {
font-size: 100%;
font-weight: normal;
font-style: italic;
}
.subtitle { 
font-size: 0.8em;
font-weight: normal; 
font-style: italic; 
}
p.subtitle { font-size: 1.2em; }
td { vertical-align: top; }
/*#bodyContent ul li.audio, a.audio { padding-left: 20px; background-repeat: no-repeat; background-position: 0pt 3px;  }
.box .audio {  }
.boxFeature .audio { }
#bodyContent .leftCol ul li.audio, .leftCol a.audio {  }
*/
h1, h2, h3, h4 { font-family: Arial,sans-serif; padding-bottom: 0; padding-top: 0.5em; }
.sidenote h3, .sidenote04 h3 { padding-top: 0pt; }
.sidenote .caption, .sidenote04 .caption { color: rgb(85, 85, 85); }
.caption { line-height: 105%; font-size: 0.9em; }
.articleSupport { border: 1px solid rgb(204, 204, 204); padding: 5px; background-color: rgb(243, 243, 243); text-align: center; }
h1, h2, h3, h4, .subtitle, .scripture { color: rgb(42, 29, 102); }
h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
.leftCol h3, .leftCol h4 { color: rgb(199, 199, 216); }
hr { margin-bottom: 10px; }
td.list1 { background-color: rgb(243, 244, 255); }
td.list2 { background-color: rgb(222, 223, 234); }
th.colorTableHead { background-color: rgb(42, 29, 102); font-weight: bold; color: rgb(255, 255, 255); }
th.sectionHead { background-color: rgb(180, 183, 207); font-weight: bold; color: rgb(255, 255, 255); }
blockquote { font-size: 12px; line-height: 1.35em; margin-left: 1.2em; margin-bottom: 0.5em; margin-right: 1.2em; 
color: #000
}
.quote1 { color: #993300; margin-left: 2.2em; margin-right: 2.2em; }
blockquote.quote1 { color: #993300; margin-left: 2.2em; margin-right: 2.2em; }
blockquote.quote2 { color: #009900; margin-left: 2.2em; margin-right: 2.2em; }

/* added 3/12/07 EB **/
.smallfonttable td {
 font-size: 0.8em;
 padding: 10px 0px;
}

/* Added 31-5-07 EB */
.smallfont {
font-size: 0.8em;
}

.smallfontbold {
font-size: 0.8em;
font-weight: bold;
}

.palefont {
 color: #666666;
 font-weight: bold;
padding: 0px 0px 10px 0px;
}

.contacttitle {
padding: 10px 0px 0px 0px;
}

.whowearetable th {
  text-align: center;
} 

.whowearetable td {
  vertical-align: top;
} 

/* Added 17-05-07 TN */
.quote3
{
color: #608bc7;
margin-left: 3em;
margin-right: 3em;
}

/** added 19/12/07 EB */
.quote4
{
margin-left: 4em;
margin-right: 4em;
}


hr.main { color: rgb(153, 153, 153); height: 1px; }
.error, .required { color: red; font-weight: bold; }
td.inputformlabel { padding: 1px 5px 1px 0px; text-align: right; font-weight: bold; }
td.inputforminput { padding: 1px 0px 1px 5px; text-align: left; }
.hebrewtext { direction: rtl; unicode-bidi: embed; font-family: "Times New Roman",Times,serif; font-size: 14pt; }
.greektext { font-family: "Times New Roman",Times,serif; font-size: 14pt; }
table.sidenote { border: 1px solid rgb(102, 102, 102); padding: 10px; margin-right: 0px; -margin-right: 26px; background-color: rgb(225, 225, 242); }
.sidenote img, .sidenotewhite img, .sidenote04 img { border-color: rgb(225, 225, 242); }
.sidenote p, .sidenotewhite p, .sidenote04 p { font-size: 8pt; line-height: 1.3em; }
.sidenote ul, .sidenote li { font-size: 8pt; line-height: 1.4em; }
.sidenote h2 { font-size: 15pt; line-height: 1.0em; margin-top:4px; }
.sidenote, .sidenote04 { font-size: 1.1em; }
.sidenote table, .sidenote04 table { font-size: 1.1em; }
#bodyContent .sidenote04 td { padding: 5px; }
.archiveList { padding-top: 10px; }
.archiveList p { border-top: 1px solid rgb(204, 204, 204); padding: 5px 0pt; }
.amlist, .amlist2 { padding: 5px; line-height: 1.1em; text-align: left; }
.amlist2 { background-color: rgb(244, 244, 255); }
th.amlist { padding: 2px 5px; background-color: rgb(32, 13, 96); color: rgb(255, 255, 255); }
td.magTitle { padding-left: 10px; padding-bottom: 7px; }
.countrySelectDropDown { width: 140px; }
@media print {
  .hideOnPrint { display: none; }
}

/* ::::: http:///styles/default.css ::::: */

.layoutWarning { display: none; }
{ margin: 0pt; padding: 0pt; }
body { text-align: center; background-color: rgb(204, 204, 204); }
#container { border-left: 1px solid rgb(136, 136, 136); border-right: 1px solid rgb(136, 136, 136); margin: 0pt auto; position: relative; width: 780px; background-color: rgb(255, 255, 255); background-repeat: repeat-y; background-position: 0pt; text-align: left; }
#bodyContent { width: 780px; clear: both; }
.leftCol, .middleCol, .rightCol { overflow: hidden; }
.leftCol { width: 165px; }
.middleCol { width: 615px; }
.rightCol { width: 189px; }
.leftCol, .middleCol { float: left; display: inline; }
.rightCol { float: right; display: inline; }
.middlePadding { margin-right: 60px ! important; margin-top: 15px; margin-bottom: 15px; margin-left: 20px; width: 535px ! important; }
.clearBothHome { font-family: monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1px; line-height: 1px; font-size-adjust: none; font-stretch: normal; clear: both; display: block; }
.twoCol { float: left; width: 95px; }
#headerHidden, #headerPrint { display: none; position: relative; }
.searchText, .searchBtn { position: absolute; }
.searchText { right: 55px; top: 88px; }
.searchBtn { right: 5px; top: 87px; }
input.textBox { border: 1px solid rgb(32, 29, 88); padding: 1px; height: 19px; width: 115px; }
#upperNav { position: absolute; font-size: 11px; right: 180px; top: 87px; line-height: 20px; text-align: right; }
#upperNav a:link, #upperNav a:visited { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; padding-right: 7px; text-decoration: none; color: rgb(32, 29, 88); float: left; padding-bottom: 2px; }
#upperNav a:hover { color: rgb(0, 0, 0); }
#countryLanguage { position: absolute; top: 0pt; right: 5px; }
#countryLanguage { font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px; color: rgb(196, 218, 209); }
#countryLanguage a, #countryLanguage a:link, #countryLanguage a:visited { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: rgb(255, 255, 255); text-decoration: underline; }
.menu a.countryOther { border-top: 1px solid rgb(170, 170, 170); }
#topNav { border-bottom: 1px solid rgb(205, 83, 18); background-repeat: repeat-x; background-position: 0pt; background-color: rgb(242, 147, 115); float: left; clear: both; width: 780px; }
#topNav a:link, #topNav a:visited { border-left: 1px solid rgb(243, 168, 112); border-right: 1px solid rgb(205, 83, 18); padding: 4px 5px 3px; color: rgb(255, 255, 255); float: left; text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 16px; }
#topNav a.active:link, #topNav a.active:visited { border-left: 1px solid rgb(243, 243, 172); border-right: 1px solid rgb(122, 121, 173); border-bottom: 1px solid rgb(202, 202, 233);  background-repeat: repeat-x; background-position: 0pt; position: relative; margin-bottom: -1px; }
#secondaryNav {  background-repeat: no-repeat; float: left; clear: both; }
#secondaryNav div { border-bottom: 1px solid rgb(144, 143, 174);  background-position: 0pt; background-repeat: repeat-x; background-color: rgb(237, 237, 250); display: none; width: 780px; float: left; clear: both; }
#secondaryNav #home { border-bottom: medium none; background-image: none; background-color: transparent; padding-bottom: 1px; }
#secondaryNav a, #secondaryNav a:link, #secondaryNav a:visited, #secondaryNav p.home { border-right: 1px solid rgb(203, 203, 234); padding: 3px 5px 2px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; color: rgb(32, 29, 88); float: left; text-decoration: none; }
#secondaryNav p.home { visibility: hidden; }
#secondaryNav a:hover { background-color: rgb(255, 255, 255); background-position: 0pt; background-repeat: repeat-x; }
.leftCol .box { background: transparent repeat-y scroll left top; }
h2.boxTitle { padding: 3px 6px 3px 11px; font-size: 14px; line-height: 16px; background-repeat: no-repeat; background-position: 0pt; }
.leftCol h2.boxTitle { color: rgb(255, 255, 255); }
.boxPadding, .boxPaddingOpen, .boxPaddingBottom { padding: 6px 10px 18px; }
.boxNoPadding, .boxNoPaddingOpen, .boxNoPaddingOnly, .boxNoPaddingOpenOnly { padding: 0pt 2px 0pt 0pt; }
.leftCol .boxNoPaddingOnly { padding-bottom: 20px; }
.boxNoPaddingOnly, .boxNoPaddingOpenOnly { padding-bottom: 21px; }
.leftCol .boxPadding, .leftCol .boxNoPaddingOnly, .leftCol .boxPaddingBottom { background: transparent  no-repeat scroll left bottom; }
.relativeFix { position: relative; }
#printAndEmail, #storeHelp { padding: 3px 10px; font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; margin-bottom: -7px; float: right; text-align: right; color: rgb(89, 89, 161); }
#bodyContent .clearLeft { clear: left; }
#bodyContent h2.clearLeft { border-bottom: 1px solid rgb(7, 88, 68); padding: 10px 0pt 0pt; margin-bottom: 5px; }
#bodyContent .sidenote04 ul li, #bodyContent .sidenote ul li { background: transparent  no-repeat scroll 0pt 2px; }
td.twoColTD { width: 16em; }
.resourceImage { height: 110px; width: 145px; text-align: center; margin-top: 5px; padding-top: 5px; }
.box .resourceImage, .sidenote04 .resourceImage { background: transparent no-repeat scroll 0pt; }
.leftCol .box .resourceImage { background: transparent no-repeat scroll 0pt; }
td.sidenote, td.caption { border: 1px solid rgb(177, 177, 181); padding: 5px; background-color: rgb(225, 225, 242); }
.sidenote01left, .sidenote01right, .sidenote01 { background: rgb(225, 225, 242) no-repeat scroll left top; margin-bottom: 10px; margin-right: 7px; clear: both; }
.sidenote01, .sidenote01right { margin-right: -27px ! important; }
.sidenote01right { display: inline; float: right; margin-left: 7px; }
.sidenote01left { float: left; }
.sidenote02 { background: transparent  no-repeat scroll left bottom; }
.sidenote03 { background: transparent  no-repeat scroll right bottom; }
.sidenote04 { padding: 5px; background: no-repeat scroll right top; }
#footer, #footerEmpty { background: transparent  no-repeat scroll 0pt; height: 77px; width: 780px; position: relative; clear: left; }
#footerEmpty { border-bottom: 1px solid rgb(7, 88, 68); height: 16px; }
#footer #copyright { position: absolute; text-align: right; top: 20px; left: 470px; width: 300px; color: rgb(89, 89, 161); }
#footer div { float: left; padding-top: 25px; }
#footer p { font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: rgb(211, 122, 27); line-height: 15px; margin-bottom: 0pt; margin-left: 6px; }
#footer img { margin-right: 3px; margin-top: 4px; }
#footer a, #footer a:link, #footer a:visited { color: rgb(211, 122, 27); text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* OSite Specific end */
.latestnews {
font-size: 10px;
}
.magframecontent {
font-size: 10px;
width: 100%;

}
.magframetoprow {
height:19px;
margin-bottom:-1px;
}
.magframetop {
height: 19;
background: url('/images/creation_mag/magframe_top.gif') repeat-x; 
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}
.magframeleft {
background: url('/images/creation_mag/magframe_left.gif'); 
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}
.magframeright {
background: url('/images/creation_mag/magframe_right.gif'); 
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}
.magframebtm {
background: url('/images/creation_mag/magframe_btm.gif'); 
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}

/* This is the css for the contact us form */
#contactuscontainer {
margin:0;
padding: 0;
padding-left:0px;
line-height: 1.2em;
}
#contactuscontainer table{
margin:0;
padding: 0;
width: 730px;
margin-left: 0 auto;
margin-right: 0 auto;

}
#contactuscontainer td.col1 {
margin:0;
padding: 0;
width: 52%;
}
#contactuscontainer td.col2 {
margin:0;
padding: 0;
width: 48%;
}

#contactuscontainer h1{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
height: .9em;
font-size: 16px;
text-align: center;
}
#contactuscontainer h2{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 10px; 
font-size: 14px;
text-align: center;
}
#contactuscontainer h3{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 2px; 
font-size: 14px;
text-align: left;
padding-left: 75px;
-margin-left:-1px;
}
#contactuscontainer p {
font-size: 12px;
text-align: left;
margin:0;
padding:0;
padding-left: 75px;
padding-right: 60px;
padding-top: 3px;
padding-bottom: 5px; 

}
#contactuscontainer ul{
margin:0;
padding: 0;
padding-top: 2px;
padding-bottom: 4px; 
line-height: 1.4em;
font-size: 12px;
color: #2A1D66;
padding-left:75px;
margin-left:0px;
-margin-left: -1px;
}
#contactuscontainer li{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
list-style: none;
}
#contactuscontainer form {
text-align: left;
margin:0;
padding:0;
padding-top: 3px;
padding-bottom: 5px; 
padding-left: 75px;
margin-left: 0px;
-margin-left: -75px;
}
/* This is the css for the contact us form */
#signupformcontainer {
margin:0;
padding: 0;
padding-left:0px;
line-height: 1.2em;
}
#signupformcontainer table{
margin:0;
padding: 0;
width: 730px;
margin-left: 0 auto;
margin-right: 0 auto;

}
#signupformcontainer td.col1 {
margin:0;
padding: 0;
width: 50%;
}
#signupformcontainer td.col2 {
margin:0;
padding: 0;
width: 50%;
}

#signupformcontainer h1{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
height: .9em;
font-size: 16px;
text-align: center;
}
#signupformcontainer h2{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
font-size: 14px;
text-align: center;
}
#signupformcontainer h3{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
font-size: 12px;
text-align: left;
padding-left: 75px;
}
#signupformcontainer p {
font-size: 12px;
text-align: left;
margin:0;
padding:0;
padding-left: 75px;
padding-right: 60px;
padding-top: 3px;
padding-bottom: 5px; 

}
#signupformcontainer ul{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
font-size: 10px;
color: #2A1D66;
padding-left:75px;
margin-left:0px;
-margin-left: -1px;
}
#signupformcontainer li{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
list-style: none;
}
#signupformcontainer form {
text-align: left;
margin:0;
padding:0;
padding-top: 3px;
padding-bottom: 5px; 
padding-left: 75px;
margin-left: 0px;
-margin-left: -0px;
}
#signupformcontainer input {
margin-bottom: 7px;
}
#signupformcontainer .required {
font-size: 10px;
color: red;
}
#signupformcontainer .explainrequired {
font-size: 10px;
color: red;
}
#subscribeformcontainer .optional {
font-size: 10px;
display: none;
} 
/* This is the css for the USA subscription form */
#subscribeformcontainer{
margin:0;
padding: 0;
padding-left:0px;
line-height: 1.2em;
}
#subscribeformcontainer table{
margin:0;
padding: 0;
width: 730px;
margin-left: 0 auto;
margin-right: 0 auto;

}
#subscribeformcontainer td.col1 {
text-align: center;
margin:0;
padding: 0;
width: 50%;
}
#subscribeformcontainer td.col2 {
text-align: center;
margin:0;
padding: 0;
width: 50%;
}

#subscribeformcontainer h1{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
height: .9em;
font-size: 16px;
text-align: center;
}
#subscribeformcontainer h2{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
font-size: 14px;
text-align: center;
}
h2.titleleft {
margin: 0;
padding: 0;
text-align: left !important;
padding-left: 75px !important;
}
#subscribeformcontainer h3{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
font-size: 12px;
text-align: left;
padding-left: 75px;
}

#subscribeformcontainer p {
font-size: 12px;
text-align: left;
margin:0;
padding:0;
padding-left: 75px;
padding-right: 60px;
padding-top: 3px;
padding-bottom: 5px; 

}
#subscribeformcontainer ul{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
font-size: 10px;
color: #2A1D66;
padding-left:75px;
margin-left:0px;
-margin-left: -1px;
}
#subscribeformcontainer li{
margin:0;
padding: 0;
padding-top: 3px;
padding-bottom: 5px; 
list-style: none;
}
#subscribeformcontainer form {
text-align: left;
margin:0;
padding:0;
padding-top: 3px;
padding-bottom: 5px; 
padding-left: 75px;
margin-left: 0px;
-margin-left: -0px;
}
#subscribeformcontainer form p{
text-align: left;
margin:0;
padding:0;
padding-top: 3px;
padding-bottom: 5px; 
padding-left: 0px;
padding-right: 75px;
margin-left: 0px;
-margin-left: -0px;
}
#subscribeformcontainer form h3{
text-align: left;
margin:0;
padding:0;
padding-top: 11px;
padding-bottom: 5px; 
padding-left: 0px;
padding-right: 75px;
margin-left: 0px;
-margin-left: -0px;
}
#subscribeformcontainer img {

}
#subscribeformcontainer input {
margin-bottom: 7px;
}
#subscribeformcontainer .required {
font-size: 10px;
color: red;
}
#subscribeformcontainer .explainrequired {
font-size: 10px;
color: red;
}
#subscribeformcontainer .optional {
font-size: 10px;
display: none;
}
#subscribeformcontainer h2.pptitle {
padding-top: 20px;
-padding-top: 20px;
}
#subscribeformcontainer label {
vertical-align: top;
}
.bluetext{
color: blue;
}
#subscribeformcontainer p.comments {
padding-top: 11px;
} 
sub{
font-size: 0.9em;
-font-size: 0.8em;
}


li.sidenote, li.sidenotewhite {
font-size:0.8em;
}

.tourheading {
color:#00adef;font-weight:bold;
}

ol.upperroman{
        list-style-type: upper-roman;
}
ol.lowerroman{
        list-style-type: lower-roman;
}
ol.upperalpha{
        list-style-type: upper-alpha;
}
ol.loweralpha, ol.a{
        list-style-type: lower-alpha;
}

td.sidenotewhite {
border: 1px solid rgb(177, 177, 181); padding: 5px; background-color: rgb(255, 255, 255);
}

td.magPage {
white-space: nowrap;
}


/* For the 'This article can be found at:' text when in print view. Not yet used. AC'05-01-07 */
span.printarticleurl {

}


/* For the 'contact us' page  AC'03-10-06 */
.aboutusHeading {
color: #666666;
font-size: 1.1em;
font-weight: bold;
}

.aboutusDetails {
font-size: 0.85em;
font-weight: bold;
}

/* For the 'who we are' page  AC'03-10-06 */

span .notes .whoweareText {
font-size: 0.8em;
}

/* for general use  AC' 03-10-06 */
.fontsizeplus1 {
font-size: 0.8em;
}

.fontsizeplus2 {
font-size: 1.1em;
}

.fontsizenegative2 {
font-size: 0.4em;
}


h5.date { 
color: rgb(42,29,102);
font-size: 0.9em; 
}

tr.jasonisgreat, td.jasonisgreat, tr.beige, td.beige {
background-color: #ECE9D8;
padding-left:110;
margin-left:115;

}

td.lightblue, span.lightblue {
color: rgb(42, 29, 102);
}

/* BEGIN css for images 15-11-06 JT */
 
/* Image Box Properties */
div.imagecenter, div.imageleft, div.imageright{
 position: relative;
 border: 1px solid rgb(177, 177, 181);
 padding: 0px 5px 5px 5px;
 background-color: rgb(225, 225, 242);
 font-size: 0.8em;
 color: rgb(85, 85, 85);
}

/* Image Tag Properties */
.imageleft img, .imageright img, .imagecenter img{
  border: 0px;
}
 
/* Image Credit Text */
p.credit{
 margin-top: 0px;
 margin-bottom: 0px;
 font-size:6pt;
 color:rgb(0,0,0);
}
 
/* Image Caption Text */
p.cap{
 margin-top: 0px;
 margin-bottom: 0px;
 /* added 5-2-07  */
 font-size:0.95em;
}

ol.cap{
 position:relative;
 left: -15px;
 margin-top: 5px;
 margin-bottom: 0px;
}

/* Image Align Left */
div.imageleft{
 float: left;
 margin-right:7px;
 margin-bottom:10px;
 margin-top:7px;
 padding:4px;
}
 
/* Image Align Right */
div.imageright{
 float: right;
 margin-left:12px;
 margin-bottom:10px;
 margin-top:7px;
 padding: 4px;
}
 
/* Image Align Center */
div.imagecenter{
 margin-left: auto;
 margin-right: auto;
 margin-bottom:10px;
 margin-top:7px;
 padding:4px;
}

/* For use with images with a white background */
/* Removes border and padding */
/* Use in combo with the above div.image...*/
div.whiteimg{ 
/*padding: 0px 0px 0px 0px;*/
border-color:rgb(255,255,255);
background-color:rgb(255,255,255);
}
 
/* END css for images 15-11-06 JT */

/* BEGIN css for Related Products 22-11-06 */
 
div.related_product{
 border: 1px solid rgb(177, 177, 181);
 padding: 5px;
 background-color: rgb(225, 225, 242);
 color: rgb(85, 85, 85);
 margin-bottom:8px;
 min-height:130px;
}

/* ADDED to fix padding issues 04-04-07 TN */

div.related_product.left{
margin-right: 10px;
margin-bottom: 10px;
_height: 130px; //IE6 is garbage

}

div.related_product.right{
margin-left: 10px;
margin-bottom: 10px;
_height: 130px; //IE6 is garbage
}

/* END ADDED 04-04-07 TN */

.center{
 margin-right:auto;
 margin-left:auto;
}

.left{
 float:left;
}

.right{
 float:right;
}


div.related_product ul{
 margin-left:80px;
 margin-bottom:-5px;
 margin-top:-1px;
 
}

div.related_product ol{
 margin-left:80px;
 margin-bottom:-5px;
 margin-top:-1px;
 
}

/* BELOW Overcomes default margin on rare occasion image is NOT left-aligned TN 28-05-07 */

div.related_product ul.noindent,
div.related_product ol.noindent {
margin-left: 0;
#margin-left: 25px; //IE is garbage!!!!!
}

div.related_product img{
 float:left;
 margin-right: 5px;
 border:0px;
}

div.related_product, .title{
 font-style: italic;
 font-size: 0.85em;
 margin-top:0px;
 margin-bottom:1px;
 line-height:100%; 
}

div.related_product .author{
 font-style:normal;
 font-size: 0.9em;
 color:rgb(0,0,0);
 margin-top:0px;
 margin-bottom:3px;
}

div.related_product .cap {
 font-style:normal;
 font-weight:normal;
 font-size:0.9em;
 color:rgb(70,70,70);
 margin-top:0px;
 margin-bottom:0px;
 line-height:120%;
}

/* END css for Related Products 22-11-06 */ 
/* BEGIN css for Front Page News Box 27-11-06 */

div.fpnewsbox{
  width:335px;
}

div.fpnewsbox h2{
  color:rgb(10,111,150);
  margin-left:0px;
}

div.fpnewsbox p{
 margin-right:10px;
}

div.fpnewsbox a.bodytext{
  font-weight:normal;
  color:rgb(0,0,0);
  text-decoration:none;
}

div.fpnewsbox img{
  border:0px;
  float:left;
  margin-right:20px;
  margin-left:30px;
}
/* END css for Front Page News Box 27-11-06 */

/* BEGIN css for pull out quotes 23-11-06 */

div.pullout{
 border: 1px solid rgb(177, 177, 181);
 background-color: rgb(225, 225, 242);
 color: rgb(0, 0, 0);
 margin: 0.125cm 0.125cm 0.125cm 0.125cm;
 padding: 0.2cm 0.2cm 0.2cm 0.12cm;
}

div.pullout img.startquote{
 clip: rect(24px, 13px, 24px, 13px);
 height:13px;
 border:0px;
 width:24px;
}

div.pullout p{
 font-size:1.1em;
 color:rgb(0, 0, 0);
 margin-top:0px;
 margin-bottom:0px;
}

div.pullout img.endquote{
 clip: rect(24px, 13px, 24px, 13px);
 height:13px;
 border:0px;
 width:24px;
}
/* END css for pull out quotes 23-11-06 */

/* BEGIN css for static content article id 43 23-11-06*/
h5.menu_heading{
 font-weight:bold;
 font-size:0.8em;
}
/* END css for static content article id 43 23-11-06*/

/* BEGIN css for Abstract 30-11-06 JT*/
div.abstract{
   margin-left:35px;
}

div.abstract h3{
  color: rgb(42, 29, 102);
  font-size:1.2em;
  font-family: Arial,sans-serif;
  padding-bottom: 0.2em;
  padding-top: 0.5em;
}

div.abstract hr{
  border: 1px inset;
  border-color: rgb(192,192,192) rgb(225,225,225) rgb(225,225,225) rgb(192,192,192);
  margin-bottom: 10px;
  width: 100%;
  height: 2px;
}
/* END css for Abstract 30-11-06 JT */

/* BEGIN css for GMT Published dates 19-12-06 JT*/
h5.gmtdate{
  color:rgb(0,0,0);
  font-size:0.75em;
  font-weight:normal;
  margin-left:33%;
}
/* END css for GMT Published dates 19-12-06 JT*/

/* BEGIN new div-based sidenote 15-02-07 TN. This is a basic copy and paste of the existing .sidenote rules to make them applicable to <div> elements, without changing existing <table> based elements. Some modification has been done to colour and spacing etc either as neccessary, or to improve appearance. */

div.sidenote
{
border: 1px solid rgb(177, 177, 181); 
padding: 5px; 
background-color: rgb(225, 225, 242); 
font-size: 1.1em;
}

div.sidenote .caption,
div.sidenotewhite .caption
{
color: rgb(85, 85, 85);
font-size: 8pt;
line-height: 1.3em;
}



/* added .imageleft .credit 3-4-07 JT */
/* for some reason the normal div.imageleft was 
   not being applied inside the div.sidenote
   so these 2 .imageleft and .imageright were created */
div.sidenote .imageleft .credit{
 margin-top: 0px;
 margin-bottom: 0px;
 font-size:6pt;
 color:rgb(0,0,0);
}

/* added .imageleft .credit 3-4-07 JT */
div.sidenote .imageright .credit{
 margin-top: 0px;
 margin-bottom: 0px;
 font-size:6pt;
 color:rgb(0,0,0);
}



div.sidenotewhite 
{
border: 1px solid rgb(177, 177, 181); 
padding: 5px; 
background-color: rgb(255, 255, 255);
}

div.sidenote.left, 
div.sidenotewhite.left,
div.sidenote .left,
div.sidenotewhite .left
{
margin-left: 0px;
margin-right: 10px;
}

div.sidenote.right, 
div.sidenotewhite.right,
div.sidenote .right,
div.sidenotewhite .right
{
margin-left: 10px;
margin-right: 0px;
}

div.sidenote blockquote, 
div.sidenotewhite blockquote
{
line-height: 1.3em; 
margin-left: 1.2em; 
margin-bottom: 0.5em; 
margin-right: 1.2em; 
color: rgb(85, 85, 85);
}

div.sidenote h2, 
div.sidenotewhite h2
{
font-size: 15pt; 
line-height: 1.3em; 
margin-top: -10px;
}

div.sidenote h3, 
div.sidenotewhite h3
{ 
padding-top: 0pt; 
}

div.sidenote p, 
div.sidenotewhite p
{
font-size: 1em;
line-height: 1.3em;
}

div.sidenote img, 
div.sidenotewhite img
{
border-color: rgb(225, 225, 242);
}

div.sidenote ul, 
div.sidenote li, 
div.sidenotewhite ul, 
div.sidenotewhite li 
{ 
font-size: 8pt; 
line-height: 1.4em; 
}

#bodyContent div.sidenote ul li 
{ 
background: transparent  no-repeat scroll 0pt 2px; 
}

/* END new div-based sidenote 15-02-07 TN*/

/* BEGIN new table classes 19-02-07 TN */

tr.tablerow_odd,
tr.tablerow_even,
tr.tablerow_odd td,
tr.tablerow_even td
{
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

tr.tablerow_odd, 
tr.tablerow_odd td
{
background-color: #ECE9D8;
color: #575440;
}

tr.tablerow_even, 
tr.tablerow_even td
{
background-color: #f2f2f0;
color: #737365;
}

tr.tablerow_odd ul, 
tr.tablerow_odd td ul,
tr.tablerow_even ul, 
tr.tablerow_even td ul
{
margin-top: 0px;
margin-left: -15px;
/* Begin IE List hack. Counters that IE and FF interpret list margins the oppostie way. FF and other standards compliant browsers will ignore #margin-left tag. May req changes for IE7. */
#margin-left: 30px;
/* End IE List hack */
margin-right: 10px;
margin-bottom: 0px;
}

tr.tablerow_odd ul li, 
tr.tablerow_odd td ul li, 
tr.tablerow_even ul li, 
tr.tablerow_even td ul li
{
padding-bottom: 5px;
}

tr.tablerow_odd p, 
tr.tablerow_odd td p, 
tr.tablerow_even p, 
tr.tablerow_even td p
{
margin-top: 5px;
}

tr.tablerow_odd .title, 
tr.tablerow_odd td .title, 
tr.tablerow_even .title, 
tr.tablerow_even td .title
{
font-weight: bold;
}

/*END new table classes 19-02-07 TN */

/*BEGIN new Magazine box classes 21-02-07 TN */

div.magframe /* Main wrapper and sets the right side border */
{
background: url('/images/creation_mag/magframe_right.gif') right repeat-y;
width: 225px;
margin-left: 1em;
margin-bottom: 1em;
float: right;
}

div.mfl /* Left-side border */
{
background: url('/images/creation_mag/magframe_left.gif') left repeat-y;
}

div.mft /* Wrapper for top line and sets top border */
{
background: url('/images/creation_mag/magframe_top.gif') top left repeat-x;
max-height: 19px;
height: 19px;
width: auto;
}

div.mftr /* Sets the right corner */
{
background: url('/images/creation_mag/magframe_tr.gif') right top no-repeat;
max-height: 19px;
height: 19px;
}

div.mftr div /* Sets the left corner */
{
background: url('/images/creation_mag/magframe_tl.gif') left top no-repeat;
max-height: 19px;
height: 19px;
}

div.mfcontent 
{
font-size: 10px;
margin-left: 17px;
margin-right: 17px;
margin-top: 0px;
margin-bottom: 5px;
width: auto;
min-height: 115px;
_height: 115px;
}

div.mfcontent div
{
width: 191px;
max-width: 191px;
text-align: left;
}

div.mfcontent div p
{
padding-top: 0px;
margin-top: 0px;
margin-bottom: 7px;
line-height: 1.3em;
}

div.mfcontent img
{
border: 0px;
margin-left: 3px;
float: right;
}

div.mfb /* Wrapper for bottom line and sets bottom border */
{
background: url('/images/creation_mag/magframe_btm.gif') repeat-x bottom;
max-height: 19px;
height: 19px;
width: auto;
}

div.mfbr /* Sets the right corner */
{
background: url('/images/creation_mag/magframe_br.gif') right bottom no-repeat;
max-height: 19px;
height: 19px;
}

div.mfbr div /* Sets the left corner */
{
background: url('/images/creation_mag/magframe_bl.gif') left bottom no-repeat;
max-height: 19px;
height: 19px;
}

.lotebutton /* Fixes position of 'view in english' button 19-04-07 TN */
{
float: none !important;
margin-left: 31px !important;
}

/*END new Magazine box classes 21-02-07 TN */

/* BEGIN Table redux 23-02-07 TN */

table .css_style
{
margin: 5px;
padding: 5px;
border: 1px solid #ECE9D8
}

table .css_style tr
{
background-color: #f2f2f0;
}

table .css_style tr.odd
{
background-color: #ECE9D8;
}

table .css_style td,
table .css_style th
{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #737365;
}

table .med
{
font-size: .9em;
}

table .small td,
table .small th
{
vertical-align: middle;
text-align:center;
font-size: .9em;
}

table .small th
{
font-size: 1em;
background-color: #dedbcb;
}

table .css_style tr.odd th
{
font-size: 1em;
background-color: #dedbcb;
}

table .css_style th
{
background-color: #e9e9e7;
}

table .css_style ul
{
margin-top: 0px;
margin-left: -15px;
/* Begin IE List hack. Counters that IE and FF interpret list margins the oppostie way. FF and other standards compliant browsers will ignore #margin-left tag. May req changes for IE7. */
#margin-left: 30px;
/* End IE List hack */
margin-right: 10px;
margin-bottom: 0px;
}

table .css_style ul li
{
padding-bottom: 5px;
}

table .css_style a
{
color: rgb(94, 93, 140);
}

table .css_style a:hover
{
color: rgb(211, 122, 27);
}

/* END Table redux 23-02-07 TN */

/* BEGIN h2 subtitle class 28-02-07 JT */

h2.subtitle{
  font-size:12pt;
  margin-top:0px;
  margin-bottom:8px;
  padding-top:0px;
  padding-bottom:0px;
  /*position:relative;
  top:-8px;
  bottom:-10px;*/
  font-style:normal;
  font-weight:bold;
  font-size:11pt;
}

/* END h2 subtitle class 28-02-07 JT */
/* BEGIN p class=author  */
/* purpose of this is to provide fomatting for authors
   names that are not hyperlinked*/
p.author{
font-weight:bold;
}
/* END p class=author  */

/*BEGIN new Pullquote classes 02-03-07 TN */

div.pullquote /* Main wrapper and sets the right side border */
{
background: url('/images/pq_right_s.gif') right repeat-y rgb(225, 225, 242);
width: auto;
margin-bottom: .5em;
_height: 72px; //Fix for IE6, of course. Weirdest. Bug. Ever.
}

div.sidenote div.pullquote /* Adjusts background when inside sidenote */
{
background: url('/images/sdnt_pq_right_s.gif') right repeat-y rgb(225, 225, 242);
}

div.pullquote.left
{
margin-right: 1em;
margin-left: -8px;
#margin-left: 0px; //IE 6&7 rule
}

div.sidenote div.pullquote.left
{
margin-right: 1em;
margin-left: 0px;
}

div.pullquote.right
{
margin-left: 1em;
margin-right: -8px;
#margin-right: 0px; //IE 6&7 rule
}

div.sidenote div.pullquote.right
{
margin-left: 1em;
margin-right: 0px;
}

div.pql /* Left-side border */
{
background: url('/images/pq_left_s.gif') left repeat-y;
}

div.sidenote div.pql
{
background: url('/images/sdnt_pq_left_s.gif') left repeat-y;
}

div.pqt /* Wrapper for top line and sets top border */
{
background: url('/images/pq_top.gif') top left repeat-x;
height: 25px;
width: auto;
margin-bottom: 0px;
}

div.sidenote div.pqt
{
background: url('/images/sdnt_pq_top.gif') top left repeat-x;
}

div.pqtr /* Sets the top right corner */
{
background: url('/images/pq_right_c.gif') right top no-repeat;
}

div.sidenote div.pqtr
{
background: url('/images/sdnt_pq_right_c.gif') right top no-repeat;
}

div.pqtr div /* Sets the left quote mark corner */
{
background: url('/images/pq_left_q.gif') left top no-repeat;
height: 36px;
}

div.sidenote div.pqtr div
{
background: url('/images/sdnt_pq_left_q.gif') left top no-repeat;
}

div.pqcontent 
{
font-size: 1.1em;
text-align: left;
font-weight: normal;
margin-left: 35px;
margin-right: 35px;
margin-top: 10px;
_margin-top: 0px; //IE 6 only rule
margin-bottom: 0px;
width: auto;
height: auto;
z-index: 999;
line-height: 1.4em;
color: #000000;
}

div.pqcontent p
{
padding: 0px;
margin: 0px;
}

div.pqb /* Wrapper for bottom line and sets bottom border */
{
background: url('/images/pq_base.gif') repeat-x bottom;
width: auto;
margin-top: 0px;
}

div.sidenote div.pqb
{
background: url('/images/sdnt_pq_base.gif') repeat-x bottom;
}

div.pqbr /* Sets the right quote mark corner */
{
background: url('/images/pq_right_q.gif') right bottom no-repeat;
}

div.sidenote div.pqbr
{
background: url('/images/sdnt_pq_right_q.gif') right bottom no-repeat;
}

div.pqbr div /* Sets the bottom left corner */
{
background: url('/images/pq_left_c.gif') left bottom no-repeat;
height: 36px;
}

div.sidenote div.pqbr div
{
background: url('/images/sdnt_pq_left_c.gif') left bottom no-repeat;
}

/*END new Pullquote classes 02-03-07 TN */



/* BEGIN AD and BC date class 09-03-07 JT */
span.adbcDate, span.smallcaps{
font-size:0.8em;
}

.notes span.adbcDate, .cap span.adbcDate{
font-size: 1em; //added to stop type reducing too much when used inside smaller text classes TN 23-07-07
}

/* END AD and BC date class 09-03-07 JT */

/* BEGIN tour list bullet 09-03-07 TN */

ul.tourdates
{
  list-style-image: url(http://www.creationontheweb.com/images/events_calendar/minarrow1line.gif);
/*margin-top:0px;
margin-bottom:0px;*//quoted out 03-07-07 TN No idea where these came from
}

.tourhead
{
color: #00adef;
display: inline;
font-weight: bold;
}

span.tourhead+ul.tourdates /* added to fix spacing 19-03-07 */
{
margin-top: 0px;
}

span.tourhead+hr /* added to fix spacing 19-03-07*/
{
margin-top: 1em;
}

/* END tour list bullet 09-03-07 TN */

/*BEGIN checklist bullet TN 04-04-07 */

ul.checklist
{
list-style-image: url(http://www.creationontheweb.com/images/checkbox.gif);
}

ul.checklist li
{
margin-top: 1em;
}

/* END checklist bullet TN 04-04-07 */

/* BEGIN Bold numbering for Ordered Lists TN 05-04-07 */

ol.bold li
{
font-weight: bold;
}

ol.bold li p,
ol.bold ol li,
ol.bold span,
ol.bold div
{
font-weight: normal; //removes bold effect from sub-lists and paragraphs.
}

/* END Bold numbering for Ordered Lists TN 05-04-07 */

/* BEGIN css for mini bios 19-12-06 JT*/ /* Moved this to here to unify all BIO rules (and easier to find at the end of list) TN 23-04-07 */

/* for bio pics*/
div.bio img{
  border: 1px solid rgb(0,0,0);
  float:right;
  margin: 0px 10px 10px 10px;
}

/* END css for mini bios 19-12-06 JT*/

/* BEGIN Bio class 23-04-07 TN */

div.bio
{
width: 700px;
}

div.bio ul
{
color: rgb(73, 71, 178);
}

/* END Bio class 23-04-07 TN */


/* EB Event cal classes begin */
#inline-list {
  text-align:center;
  font-size:1.3em;
 margin: 0em;
 width: 100%;
 padding: 5px;
  font-weight:none;
}

/* For the list of rStates  */
#inline-list ul, #inline-list li {
 display: inline;
 padding-left: 5px;
 padding: 10px;
 color: #339;
 font-weight: bold;
}

.rightcont {
 width: 625px;
 clear:right;
 float:right;
}

.rightcont4 {
 width: 560px;
 float:right;
}

.rightcont3 {
 width: 555px;
 float:left;
 margin-top: 10px;
}

/* Tour date range */
.rightcont2 {
 width: 650px;
 float:left;
 clear:left;
 margin-top: 10px;
}

hr.end_tour{
  margin-bottom: 9px;
  -margin-bottom: 9px;
}

td.filterby{
  padding-top:15px;
}

/* tour background boxes styles */
.tourentire {
 padding:5px 5px 12px 5px; 
 background: #E8F1F7; 
 border-color: #541D66; 
 border-width: 1px; 
 border-style: dashed;
}

.tourheader {
 padding:0px 5px; 
 background: #E8F1F7; 
 border-color: #541D66; 
 border-width: 1px; 
 border-style: dashed dashed none dashed;
}

.tourevent {
 padding:0px 5px; 
 background: #E8F1F7; 
 border-color: #541D66; 
 border-width: 1px; 
 border-style: none dashed none dashed;
}

.tourfooter {
 padding:0px 5px 12px 5px; 
 background: #E8F1F7; 
 border-color: #541D66; 
 border-width: 1px; 
 border-style: none dashed dashed dashed; 
}

.singleevent {
 padding:0px 5px;
}


.noshow {
 display: none;
}

.regiondisplay {
 float: left; 
 padding: 10px 0 5px 0;
}

.anchordisplay {
 float: right; 
 padding: 10px 0 5px 0;
}

.nowopenimg {
 float: right;
 padding-top:9px;
 margin-right:70px;
 width:15px;
 margin-top:5px;
}

// EB added 25/10/07 for Fran's request
.seatsavailimg {
 float: right;
// padding-top:9px;
// margin-right:70px;
 width:15px;
// margin-top:5px;
}

ul.events {
   list-style-image: url("http://www.creationontheweb.com/images/events_calendar/minarrow1line.gif");
 margin: 0;
}

.eventfooter {
  font-size: .8em;
}

.elisetest {
 border: 2px solid pink;
 // background: url(http://www.creationontheweb.com/templates/madeyourweb-pc/images/bannerlatest759x164.jpg);
 background: url("/templates/madeyourweb-pc/images/bannerlatest759x164.jpg");
}

/* EB Event cal classes end */