body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:13px; color:#666666; text-align:center;
background-color:#DDDDDD;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

h1 {
padding:0; margin:0;font-size:32px; font-weight:normal; font-style:italic; 
color:#8CD749; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h2 {
	background-color:#B7E58D; 
	color:#3B4471; font-size:20px; 
	font-weight:normal; 
	margin:0.2em; 
	padding:0; 
	font-style:italic; 
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	margin-top: 30px;
	text-align: left;
	padding-left: 10px;
}

h3 {
	text-align: left;
	font-size: 15px;
	padding-left: 10px;
}

div {
margin:0; padding:0; display:block;}

ul {
list-style-image:url(../images/bullet_point.jpg); list-style-position:outside; 
padding-left:0px; margin-left:10px;}

li {
 }

ul ul { margin-left: 20px; }

a:link, a:visited {
color:#006600; text-decoration:underline;}
a:hover {
color:#006600; text-decoration:none;}
a:active {
color:#006600; text-decoration:underline;}

.main-content ul li {
	margin-left: 15px;
	text-align: left;
}

.main-content .image-right {
	float:	right;
	margin: 0 15px 0 10px;
}

.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; }

.titleblock {
padding:2em; margin:0; text-align:left;
background-image:url(../images/leaf.jpg); background-repeat:no-repeat; background-position:right center;}

.titleblock p {
text-indent:4em; 
color:#3B4471;
font-size: 13px;}

.titleblock span {
text-indent:1em; color:#006600; text-align:left;
font-family: cursive; font-style: italic; font-size: 110%; line-height: 100%;}

nav.navbar {
 background-color: #999999;
 border: none;
 background-image: none;
 border-radius: 0px;
}

ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
clear:both; margin:0; padding:0; background-color:#999999;
border-radius: 0px;}

ul.navbar li {
display:inline;
}

.navbar-default .navbar-nav>li>a {
	color: white;
}
a.nav:link, a.nav:visited {
display:block; float:left; width:125px; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:125px; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#8CD749; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:125px; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

.navbar-default .navbar-toggle {
	background-color: #ddd;
}

.rightindex {
display:block; float:right; clear:both; width:20em; margin:1em 1em 0 1em; padding:0;}

.rightcontainer {
/*display:block; float:right; clear:both; width:14em; margin:1em 1em 0 1em; padding:0;}*/
display:block; float:right; clear:both; width:19em; margin:1em 1em 0 1em; padding:0;}

.rightbox {
margin:0.5em; padding:0.3em; text-align:left;}

.rightImage {
display:block; float:left;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.indexcontent {
clear:left; text-align:left; margin:1.2em 20em 0 0; padding:1em 1ex 1em 1.5ex;}

.content {
clear:left; text-align:left; margin:1.2em 14.5em 0 0; padding:1em 1ex 1em 1.5ex;}

.content2 {
clear:left; text-align:left; margin:1.2em 1.2em 0 0; padding:1em 1ex 1em 1.5ex;}

.healthytip {
clear:left; text-align:left; margin:1.2em 1.2em 0 0; padding:1em 1ex 1em 1.5ex; background-color:#B7E58D; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

.healthytip h2 {text-indent:3em; font-size:16px;}

.content h2 {text-indent:.5em;}

.content2 h2 {text-indent:.5em;}

.indexcontent h2 {text-indent:.5em;}

.indexcontent2 h2 {text-indent:.5em;}

.paytable {
margin-left:5%;
color:black;
text-align:left;
clear:both;
cellpadding:2%;
}
td.fixedWidth {
width:160px;	
}
td {
padding-right:8px;
}

.video-container {
	max-width: 600px;
	margin: auto;
}

.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #8CD749; text-align:left; clear:both; vertical-align:top;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}

.linkedin, .fb-like {
	margin: 10px 0;
}

@media only screen and (max-width: 992px) 
{
/*
	.container {
		width: 100%;
		padding: 15px;
	}
*/	
	nav.navbar {
		background-color: white;
	}
	
	nav.navbar a.nav:link, nav.navbar a.nav:hover  {
		width: 50%;
	}
}

/* Bootstrap XS Styles */
@media only screen and (max-width: 550px) 
{
	.titleblock {
		background-image: none;
		text-align: center;
		text-indent: 0em;
		padding-top: 0px;
		padding-bottom: 0px;
	}	
	
	.titleblock p {
		text-align: center;
		text-indent: 0em;
	}
	
	nav.navbar a.nav:link, nav.navbar a.nav:hover  {
		width: 100%;
	}
	
	.linkedin, .fb-like {
		width: 100%;
	}
}

/* Very Narrow screens */
@media only screen and (max-width: 400px) 
{
	.main-content .image-right {
		width: 100%;
	}	
	

}