html,body {

	margin: 0;

	padding: 0;


}



html,body {

	height: 100%;



}



#sfari table {

	height:100%;

}




p {

	font-family: Verdana, "Times New Roman", Times, sans-serif;

  	color: #3D1180; font-weight: normal; font-size:11px;

}

em {
	font-family: Verdana, "Times New Roman", Times, sans-serif;

  	color: #3D1180; font-weight: normal; font-size:11px;
}

ul{

	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style-type: disc;
	list-style-position:inside;
	}
	
.squarebullets{
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style-type: circle;
	list-style-position:inside;
}	

.topBanner {
	
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	padding: 15px 5px 0px 0px;
}
.topBannerLink {
	
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bolder;
	
}

.topBannerLink:hover {
	color:#FF0000;
}
.sidelinksblock{

	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
	}
	
.sidelinks{

	background-color:#330066;

	text-align:center;

	color:white;

	width:188px;

	height:auto;

	margin:1px 0 0 1px;

	padding: 5px; 0px 5px 0px;
}

.sidelinks:hover{
	background-color:#9966CC;
}


.leftsideblock{

	list-style-type:none;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-weight:normal;
	margin: 0px 0px 5px 0px;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

li {

	font-family: Verdana, "Times New Roman", Times, sans-serif;
	color:#330066;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




b {

	font-family: Verdana, "Times New Roman", Times, serif;

}

 .imagine {

 	color: #3D1180; font-size:11px;

 }

.navigation {
	color:#FFFFFF;
}
.navigation:hover{
	color:#F3E1FF;
	color:#D1BBE8;
	
}
td, th {

	font-family: Verdana, "Times New Roman", Times, serif;

}

	.sidepanel {

		background-color:#F9F0FF;
		background-color:#F3E1FF;
		width:200px;

		height:100%;

		padding:0px 0px 0px 0px;

	}



	.mainPanel {
	background-color:#FFFFFF;
	width:600px;

	height:auto;

	}

	

	.topPanel {
	background-image:url(images/newsletter_top_backg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:48px;
	width:800px;
	background-color:#8C6EB6;
	}



.topbutton {
	background-color: #9966CC;
	text-align:center;
	border: thin solid #F3E1FF;
	width:101px;
	height:24px;
	color:white;
	vertical-align:middle;
	}

.topbutton:hover{
	background-color:#330066;
}



.leftTableTopCol {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	color: #330066; font-weight: normal; font-size:11px;
	padding: 5px 5px 10px 5px;
	border-right: thin solid #9966CC;
	border-bottom: thin solid #9966CC;
	background-color:#F3E1FF;
	width:407px;
}
.leftTableBottomCol {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	color: #330066; font-weight: normal; font-size:11px;
	padding: 5px 5px 10px 5px;
	border-right: thin solid #9966CC;
	width:407px;
}
.rightColumn {
	 padding: 5px 5px 10px 5px;
}

.leftColumn {
	width:500px;
	 padding: 5px 5px 10px 5px;
	
}
.individual {

	border: thin solid #330066;

	width:190px;

	font-size:11px;

	color:#330066;

	height:290px;

}

.breadcrumbs {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	padding-left:10px;

	color:#FF0000;

}

.currenttopicheader {
 background-color:#9966CC;
 font-family: Verdana, "Times New Roman", Times, serif;
 color: #FFFFFF; font-weight: bolder; font-size:11px;
width:150px;
text-align:center;
border:thin solid #9966CC;
margin:10px 0px 0px 0px;
}
.currenttopic {
background-color:#F3E1FF;
font-family: Verdana, "Times New Roman", Times, serif;
 color: #330066; font-weight: bolder; font-size:11px;
 width:auto;
 border:thin solid #9966CC;
 text-align:left;
 padding: 0px 0px 0px 5px;
}


H1 {

font-family: Arial, "Times New Roman", Times, serif;

  color: #330066; font-weight: bolder; font-size:16px;

  margin: 5px 0 0 0;

  padding: 0 0 0 0;
  text-align:left;

}
H2{

font-family: Arial, "Times New Roman", Times, serif;
color: #9966CC; font-weight: bolder; font-size:16px;
margin: 5px 0 0 0;
padding: 0 0 0 0;
text-align:center;
}

H4{

font-family: Arial, "Times New Roman", Times, serif;
color: #9966CC; font-weight: bolder; font-size:12px;
margin: 5px 0 0 0;
padding: 0 0 0 0;
text-align:center;
}

/*Links for the name of the newsletter articles*/
 .redBold {

  font-family: Verdana, "Times New Roman", Times, serif;

  color: #FF0000; font-weight: bolder; font-size:14px;

  margin:0 0 0 0;

  padding: 0 0 0 0;

}


 .redBoldsmall {

  font-family: Verdana, "Times New Roman", Times, serif;

  color: #FF0000; font-weight: bolder; font-size:10px;

  margin:0 0 0 0;

  padding: 0 0 0 0;

}

 .blueBoldsmall {

  font-family: Verdana, "Times New Roman", Times, serif;

  color: #330066; font-weight: bolder; font-size:10px;

  margin:0 0 0 0;

  padding: 0 0 0 0;

}

a {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bold;

}

 .breadcrumblink{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

 	color: #FF0000;

 }

 

  .standard{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

 	color: #330066;

 }
.standard:hover{
	color:#FF0000;
}
  .leftstandard{

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 9px;

	font-weight: normal;

 	color: #330066;

 }

.imaginebutton {

	background-color: #330066;

	text-align:center;

	border: thin solid #FFFFFF;

	width:160px;

	height:30px;

}

.imaginebutton:hover {
	background-color:#9966CC;
}

.locationlink{

	color:#330066;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bolder;

 	color: #330066;

	text-align:right;

	padding: 0px 5px 5px 0px;

}



.title {

	font-family: Verdana, "Times New Roman", Times, sans-serif;

	font-size: 11px;

  color: #330066;

}



.subtitle {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 16px;

	line-height: 20px;

	font-weight: bold;

  color: #660000; font-style: oblique;

}



.header {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 24px;

	background-color: #990000;

  color: #FFFF66;

}



.nav {

	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color:#F9F0FF;
	border:thin solid #9966CC;
	padding:5px 1px 5px 1px
}

.selected {

	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color:#F9F0FF;
	border:thin solid #9966CC;
	padding:0px 1px 0px 1px;
	color:#330066;
	width:100%;
}


.navLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	background-color: #DEDECA;

}



.sidebar {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 11px;

	line-height: 18px;

	padding: 3px;

	background-color: #FFFF99;

}



.sidebarHeader {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 14px;

	line-height: 18px;

	color: #FFFF99;

	background-color: #999933;

 font-weight: bold;

}



.sidebarFooter {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 11px;

	line-height: 18px;

	background-color: #FFFF99;

 color: #990000;

}



.footer {

	background-color:#9966CC;

	font-family: Arial ,serif;

	color: #fff; font-weight: bold; font-size:8pt;

	text-align:center;

}



.legal {

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size: 11pt;

	color: #333333;

}



.box1 {

	border-width: 2px;

	border-color: #CCCCCC #333333 #333333 #CCCCCC;

  border-style: dotted;

	}




.titlebar {

	font-family: "Times New Roman", Times, serif;

	font-size: 9px;

	color: #FFFFFF;

	background-color: #336699;

}




input.big {

	width: 100px;

}



input.small {

	width: 50px;

}



strong {

  font-family: Verdana, "Times New Roman", Times, sans-serif;

  color: #330066; font-weight: bold; font-size:12px;

}

 .imaginehope{
 font-family: Verdana, "Times New Roman", Times, serif;
 color: #330066; font-weight: bolder; font-size:12px;
 padding 0px;
 margin 0px;

 }

  .specialarea{

 font-family: Verdana, "Times New Roman", Times, sans-serif;

  color: #330066; font-weight: bolder; font-size:12px;

  text-align:center;

   }

.moreinfo{

font-size:11px;

}



#subscription{

 font-family: Verdana, "Times New Roman", Times, serif;

  color: #FFFFFF; font-weight: bolder; font-size:11px;

  padding-right:1em;

}



#standardRight{

display:block;

background-image:url(images/contemplating_hope.gif);

background-repeat:no-repeat;

background-position:top;

font-family: Verdana, "Times New Roman", Times, sans-serif;

color: #330066; font-weight: normal; font-size:11px;

padding-top:25px;

padding-left:5px;

padding-bottom:5px;

}



#splashBoxStyle{

		margin: 25% auto;
  		width: 800px;
		background-color:white;
		text-align:center;
}



#boxStyle{

		margin: 5% auto;
  		width: 800px;
		background-color:white;
		text-align:center;
}



#contentframe{

	width:800px;
	height:auto;
	background-color:#FFFFFF;
	text-align:left;
	font-family: Verdana, "Times New Roman", Times, serif;
  	color: #3D1180; font-weight: normal; font-size:11px;
}



#blockboxes{

 	width:548px;

 	height:auto;

 	background-color:#F9F0FF;

 	font-family: Verdana, "Times New Roman", Times, sans-serif;

	color: #3D1180; font-weight: normal; font-size:11px;

	border:thin solid #9966CC;

	text-align:center;

}

	

#boxedtext{

	font-family: Verdana, "Times New Roman", Times, sans-serif;

	color: #330066; font-weight: normal; font-size:11px;

	padding: 5px 5px 5px 5px;

}

#basiclayout{

	margin:20px 0px 5px 10px;

	border: thin solid #9966CC;

	width:550px;

}

.booklayout{

	margin:20px 0px 5px 10px;

	border: thin solid #9966CC;

	width:550px;
	


}


.standardlayout{

	margin:20px 0px 5px 10px;
	width:550px;
	padding:0px 0px 0px 10px;


}

#basicleftpane{

	font-family: Verdana, "Times New Roman", Times, sans-serif;
	color: #330066; font-weight: normal; font-size:11px;
	padding: 0px 5px 5px 5px;
	
	

}

#location{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
 	color: #330066;
	background-color:#F3E1FF;
	text-align:right;
	height:auto;
	padding: 0px 2px 5px 0px;

}



#specialareas{

	border-top: medium dotted #9966CC;

	font-family: Verdana, "Times New Roman", Times, sans-serif;

	font-size: 12px;

	margin: 10px 0 5px 0;

	padding: 0 0 10px 0;
}

#specialareas:p{
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding 0px 0px 2px 0px;
}

#leftContentFrame{
	margin: 10px 0 5px 0;
	padding: 10px 5px 10px 5px;
}

#confirmation{
	background-color:#F9F0FF;
	border-top: medium solid #9966CC;
	border-bottom: medium solid #9966CC;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin: 10px 0 5px 0;
	padding: 5px 0 10px 5px;

}

.topicpageright {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-weight:normal;
	font-size: 11px;
	background-color:#F3E1FF;
	background-color:#FFFFFF;
	color:#330066;
	width:299px;
	padding:0px 5px 0px 5px;
	border:thin solid #9966CC;
}
.topicpageleft {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	font-weight:normal;
	background-color:#F3E1FF;
	color:#330066;
	width:295px;
	padding:0px 5px 0px 5px;
	border:thin solid #9966CC;
}
.topicpageheader {
	border-top:thin solid #9966CC;
	border-left:thin solid #9966CC;
	border-right:thin solid #9966CC;
}
