html {width: 97%;
	}
html body #navbar li {border-bottom: .3em;
	} 
body {
	background-image: url("background2.jpg"); 
	font-size: medium;
	font-family: Arial,sans-serif;
	line-height: 110%;	
	margin: 5px 10px 10px 5px;
	padding-bottom: 10px;
	}
a:link		{
			text-decoration: underline;
			list-style: none;	
			margin: 0;	
			padding: 0;	}
a:visited	{
		color: #006699;
		text-decoration: none;
		list-style: none;
		margin: 0; 	
		padding: 0;	}
a:hover		{
		color: #006699;
		text-decoration: underline;
			}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	}
h1	{
 font-family: Verdana,Arial,sans-serif;
 font-size: 125%;
 font-weight: bold;
 color: #334d55;
	}
h2	{
 font-size: 120%;
 color: #006699;
 padding-top: 15px;
	}
h3	{
 font-size: 115%;
 color: #334d55;
 border-bottom: .2em;
	}
h4	{
 font-size: 110%;
 font-weight: bold;
 color: #333333;
 margin-bottom: .4em;
	}
h5	{
 font-size: 100%;
 color: #334d55;
	}
label	{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead	{
	margin: 1em 0 0 0;
	padding: 0px 0px;
	width: 97%;
	}
#constellations	{
	margin: 1em 0 0 0;
	padding: 0px 0px;
	width: 97%;
	}
#navbar		{
	float: left;
	width: 220px; 
	margin: 5px 5px 5px 15px; 
	padding: 2px;
	}
#navbar, ul, a:link	{list-style: none;
		margin: 0 0 3px 3px;
		padding: 0 0 3px 3px;
		}
ul 		{list-style: none;	margin: 0 0 1em 0;	padding: 0;	}
ul		{list-style-type: square;					}
ul li	{
		margin: 0 0 3px 2px;
		padding: 0 0 3px 2px;
		list-style: inside;
		}
.center {
	text-align: center;
	}
#content	{
		float: right;
		margin-right: 35px;
		padding: 0 2em 0 0;
		width: 59%;
	}
/* welcome styles */
.welcome	{
	margin-bottom: 3em;
	padding: 0px 15px 10px 5px;
	font-size: .8em;
	text-align: left;
	}
.welcome h3	{
	padding: 5px 0px 5px 0px;
	text-align: center;
	}
.welcome img	{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
	}

/************** .feature styles ***************/
.feature	{
	clear: both;
	margin-bottom: 3em;
	padding: 0px 10px 10px 25px;
	font-size: .8em;
	text-align: left;
	}
.feature h3	{
	padding: 5px 0px 5px 0px;
	text-align: center;
	}
.feature img	{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
	}
/* adjust margins to change separation between the feature image and text flowing around it */
/************** .services styles ***************/
.quotes	{
	margin-bottom: 3em;
	padding: 0px 5px 10px 5px;
	font-size: .8em;
	text-align: left;
	}
.quotes h2	{
	padding: 5px 0px 5px 5px;
	text-align: left;
	}
.quotes img	{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
	}
/* adjust margins to change separation between the services image and text flowing around it */

/************** .services styles ***************/
.services	{
	margin-bottom: 3em;
	padding: 0px 5px 10px 5px;
	font-size: .8em;
	text-align: left;
	}
.services h3	{
	padding: 5px 0px 5px 0px;
	text-align: center;
	}
.services img	{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
	}
/* adjust margins to change separation between the services image and text flowing around it */
/************** .speakings ***************/
.speakings	{
	margin-bottom: 3em;
	padding: 0px 5px 10px 5px;
	font-size: .8em;
	text-align: left;
	}
.speakings h3	{
	padding: 5px 0px 5px 5px;
	text-align: left;
	}
.speakings img	{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
	}
/* adjust margins to change separation between the image and text flowing around it */

/* ************* .schedule styles **************** */
			.story	{
				padding: 5px;
				font-size: .8em;
				}
			.schedule	{
				padding: 5px;
				font-size: .8em;
				}
			.process {
				clear: both;
				text-align: justify;
				width: 85%;
				margin: 0 3% 2em 4em;  
				padding: 7px 10px 7px 12px;
				font-size: .9em;
				}
/************** .bios styles ***************/
.bios	{
	margin-bottom: 3em;
	padding: 0px 5px 10px 5px;
	font-size: 1em;
	text-align: left;
	width: 75%;
	}
/************** .stararts styles ***************/
.stararts	{
	margin-bottom: 3em;
	padding: 0px 5px 10px 5px;
	font-size: 1em;
	text-align: left;
	width: 75%;
	}
/***********************************************/
/************** .testimonial styles ***************/
.testimonial	{
	margin-bottom: 3em;
	padding: 0px 5px 10px 5px;
	font-size: .9em;
	text-align: left;
	width: 60%;
	}
/***********************************************/
/*Component Divs                               */
/***********************************************/
#sitename	{
	text-align: center;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
#sitename2	{
	text-align: center;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
/*************** #pageName styles **************/
#pageName	{
	padding: 0px 0px 10px 10px;
	}
/************* #globalNav styles **************/
#globalNav	{
	color: #cccccc;
	padding: 0px 0px 0px 10px;
	white-space: nowrap;
	}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */
#globalNav img	{
	display: block;
	}
#globalNav a	{
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
	}
/************* #siteinfo styles ***************/
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navbar in cases where they "touch" */

#siteinfo	{
	clear: both;
	font-size: .8em;
	color: #000000;
	padding: 10px 5px 10px 25px;
	margin: 0 0 0 15px;
	}
#siteinfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	}
/*********** #navbar link styles ***********/

/*********** #sectionLinks styles ***********/
#sectionLinks	{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	}
#sectionLinks h3	{
	padding: 10px 0px 2px 10px;
	}
#sectionLinks a:link	{
	padding: 2px 0px 2px 10px;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: auto;
	}
#sectionLinks a:visited	{
	padding: 2px 0px 2px 10px;
	}
#sectionLinks a:hover	{
	padding: 2px 0px 2px 10px;
	}
/*********** .relatedlinks styles ***********/
.relatedlinks	{
	margin: 0px; 
	padding: 0px 0px 10px 20px;
	width: inherit ;
	font-size: .8em;
	}
.relatedlinks h3	{
	padding: 9px 0px 7px 3px;
	}
.relatedlinks img { padding-top: 10px;
	}
/************** #headlines styles **************/
#headlines  {
	margin: 0px; 
	padding: 0px 0px 10px 20px;
	width: inherit;
	font-size: .8em;
	}
#headlines p  {
	padding: 5px 0px 5px 0px;
	}
.small 	{
	font-size: 85%;
	}
.style1 {
	font-size: xx-large;
    font-weight: bold;
  	}
.style2 {
	font-size: x-large;
	font-weight: bold;
    }
.style3 {
	font-size: large;
	font-weight: bold;
	}
.style4 {
	font-size: large;
	}
.style5 {
	font-size: .9em;
	font-weight: bold;
	}
.style6 {
	color: #FFFF00;      /*light yellow*/
	font-style: italic;
	font-weight: bold;
	}
.style7 {
	color: #FFCCFF;     /*light purple*/
	font-weight: bold;
	}
.style8 {
	color: #66FFFF;
	font-weight: bold;
	}
.style9 {
	font-size: small;
	}
.style10 {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	}
.style11 {
	font-style: italic;
	}
.style12 {
	color: #e62b86;                /* chartruse */
	font-weight: bold;
	font-size: large;
	}
.style13 {
	text-align: center;
	font-weight: bold;
	}
#ritabusinesscard { text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.copyright { 
	font-size: .9em;
	color: #000000;
	margin-left: 5em;
	margin-right: 5em;
	margin-top: 5em;
	padding-right: 2em;
	border-right: 1em solid #9900FF;
	width: 20em;
	}
.webmaster {
	border-right: 2em solid #9900FF;
	border-top: .2em solid #9900FF;
	color: #009900;
	font-size: .9em;
	text-align: right;
	width: 10em;
	margin-left: 35em;
	margin-top: -1.2em;
	padding-right: 2em;
	padding-bottom: .2em;
	padding-top: .4em;
	}