body {
	margin: 0;
	padding: 0;
	font-size: small;
	background-color: #c7b29a;
/*	background-image: url(images/cardboard-bg-2.jpg); */	
	background-image: url(images/msi-photo-bg-2.jpg);	
	background-position: top center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium;
	font-align: justify;
}

body > html {
	font-size: 1em;
}

/* ----------------- Element rules ----------------- */

h1, h2, h3, h4, h5, h6, p, ul, li, form, fieldset {
	margin: 0;
	font-family: tahoma, verdana, geneva, arial, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #0C486C;
}

h1 {
	font-size: 1.3em;
	padding: 0 0 8px 0;
}

h2 {
	font-size: 1.1em;
	padding: 2px 0 6px 0;
}

p {
	line-height: 1.4em;
	font-size: .9em;
	font-family: tahoma, verdana, geneva, arial, sans-serif;
	padding: 0 0 6px 0;
}

p.bottom_shadow {
	clear: both;
	float: none;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	background: url(images/msi-footer-shadow.png) bottom center no-repeat; 
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

img {
	border: 0;
}

object {
	margin: 0;
	padding: 0;
}

p.caption {
	font-size: .8em;
	font-style: italic;
	line-height: 1.1em;
	padding-bottom: 12px;
}

#volunteer p.checkbox {
	padding-left: 36px;
}


/*----------------WRAPPER----------------*/

#wrapper {
	position: relative;
	width: 950px;
	padding: 0 10px 0 10px;
	margin: 0 auto 0 auto;
	background: url(images/msi-side-shadows.png) repeat-y; 
}

/*----------------HEADER----------------*/

#header {
	position: relative;
	width: 950px;
	height: 175px;
	margin-left: 0;
	overflow: hidden;
	border-bottom: 4px solid #FFF;
}

#header h2 {
	margin-top:6px;
	font-size: 1.0em;
	margin-left:6px;
	text-align:left;
}

#header p {
	margin:5px 15px 0 20px;
	text-align:left;
	font-size:0.85em;
}

#header a {
	font-weight: bold;
	color: #00457C;
	text-decoration: none;
}

#header a:visited {
	color: #00457C;
}

#header a:hover {
	color: #815E0C;
}

#header p.view-more {
	font-size: 0.8em;
	margin-top: 0;
}

#header p.prayer-request {
	font-size: 0.9em;
}



/*----------------NAV--------------------*/
#nav {
	position: relative;
	height: 32px;
	width: 950px;
	background: #00457C url(images/msi-nav-bar.jpg) 0 0 no-repeat;
	overflow: hidden;
	border-bottom: 10px solid #FFF;
}

#nav ul#m_main {
	position: absolute;
	top: 0;
	left: 0;
	height: 32px;
	width: 950px;
}

#nav ul#m_main li {
	position: absolute;
	top: 0;
	left: 910px;
	height: 32px;
	list-style: none;
	width: 40px;
	text-indent: -9000px;
}

#nav ul#m_main li a {
	display: block;
	height: 32px;
	text-indent: -9000px;
}


/*----NAV-HOME----*/

#nav ul li#nav_home {
	left: 61px;
	width: 72px;
}

#nav ul li#nav_home a:hover {
	width: 72px;
	background: #00457C url(images/msi-nav-bar.jpg) -61px -32px no-repeat;
}

#home #nav ul li#nav_home {
	background: #00457C url(images/msi-nav-bar.jpg) -61px -32px no-repeat;
}

/*----NAV-ABOUT----*/

#nav ul li#nav_about {
	left: 135px;
	width: 88px;
}

#nav ul li#nav_about a:hover {
	width: 88px;
	background: #00457C url(images/msi-nav-bar.jpg) -135px -32px no-repeat;
}

#about #nav ul li#nav_about {
	background: #00457C url(images/msi-nav-bar.jpg) -135px -32px no-repeat;
}

/*----NAV-MISSIONS----*/

#nav ul li#nav_missions {
	left: 225px;
	width: 88px;
}

#nav ul li#nav_missions a:hover {
	width: 88px;
	background: #00457C url(images/msi-nav-bar.jpg) -225px -32px no-repeat;
}

#missions #nav ul li#nav_missions {
	background: #00457C url(images/msi-nav-bar.jpg) -225px -32px no-repeat;
}

/*----NAV-MEDIA----*/

#nav ul li#nav_media {
	left: 315px;
	width: 68px;
}

#nav ul li#nav_media a:hover {
	width: 68px;
	background: #00457C url(images/msi-nav-bar.jpg) -315px -32px no-repeat;
}

#media #nav ul li#nav_media {
	background: #00457C url(images/msi-nav-bar.jpg) -315px -32px no-repeat;
}

/*----NAV-NEWSLETTERS----*/

#nav ul li#nav_newsletters {
	left: 385px;
	width: 110px;
}

#nav ul li#nav_newsletters a:hover {
	width: 110px;
	background: #00457C url(images/msi-nav-bar.jpg) -385px -32px no-repeat;
}

#newsletters #nav ul li#nav_newsletters {
	background: #00457C url(images/msi-nav-bar.jpg) -385px -32px no-repeat;
}

/*----NAV-SUPPORT----*/

#nav ul li#nav_support {
	left: 497px;
	width: 82px;
}

#nav ul li#nav_support a:hover {
	width: 82px;
	background: #00457C url(images/msi-nav-bar.jpg) -497px -32px no-repeat;
}

#support #nav ul li#nav_support {
	background: #00457C url(images/msi-nav-bar.jpg) -497px -32px no-repeat;
}

/*----NAV-PRAY----*/

#nav ul li#nav_pray {
	left: 581px;
	width: 105px;
}

#nav ul li#nav_pray a:hover {
	width: 105px;
	background: #00457C url(images/msi-nav-bar.jpg) -581px -32px no-repeat;
}

#pray #nav ul li#nav_pray {
	background: #00457C url(images/msi-nav-bar.jpg) -581px -32px no-repeat;
}

/*----NAV-VOLUNTEER----*/

#nav ul li#nav_volunteer {
	left: 688px;
	width: 96px;
}

#nav ul li#nav_volunteer a:hover {
	width: 96px;
	background: #00457C url(images/msi-nav-bar.jpg) -688px -32px no-repeat;
}

#volunteer #nav ul li#nav_volunteer {
	background: #00457C url(images/msi-nav-bar.jpg) -688px -32px no-repeat;
}

/*----NAV-CONTACT----*/

#nav ul li#nav_contact {
	left: 786px;
	width: 102px;
}

#nav ul li#nav_contact a:hover {
	width: 102px;
	background: #00457C url(images/msi-nav-bar.jpg) -786px -32px no-repeat;
}

#contact #nav ul li#nav_contact {
	background: #00457C url(images/msi-nav-bar.jpg) -786px -32px no-repeat;
}


/*--------------MAIN------------*/


#main p {
	text-align: center;
}

#main h1 {
	margin: 0;
	padding: 0 0 .4em 0;
	color: #0C486C;
}

/*--------------LEFT-BAR------------*/

#left-bar {
	display: inline;
	float: left;
	overflow: hidden;
	width: 216px;
	border-bottom: 10px solid white;
}

#left-bar div {
	background-color: #E9E8D4;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
	margin-bottom: 12px;
}

#left-bar p, form, h1, h2 {
	text-align: left;
	padding: 0 14px;
}

#left-bar h1 {
	font-size: 1.1em;
	padding-left: 14px;
}

#left-bar form.checkbox {
	text-align: left;
	padding: 0 14px;
	font-size: 0.8em;
}

#left-bar p.white {
	background: #FFF;
}

#left-bar a {
	color: #0C486C;
	text-decoration: none;
}

#left-bar a.box-head {
	display: block;
	height: 32px;
	background: transparent url(images/nav-spacer.gif) 0 24px no-repeat;
/*	background: transparent url(images/box-faded-top.gif) 0 24px no-repeat; */
}

#left-bar a:hover {
	text-decoration: underline;
}

#left-bar p.small-text {
	font-size: .9em;
}

#left-bar p.side-nav {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.6em;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
}

#left-bar p.side-nav-article-bold {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 3px;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
}

#left-bar p.side-nav-article-caption {
	font-size: .8em;
	font-style: italic;
	line-height: 1.1em;
	padding-bottom: 12px;
}

#left-bar p.side-nav-video-caption {
	font-size: .8em;
	font-style: italic;
	line-height: 1.1em;
	padding-bottom: 3px;
}

#left-bar p.side-nav-video-time {
	font-size: .8em;
	font-weight: bold;
	line-height: 1.1em;
	padding-bottom: 12px;
}

#left-bar p.side-nav-indent {
	padding-left: 30px;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.6em;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
}

#left-bar p.legal-text {
	font-size: .7em;
	text-align: center;
	padding: 4px 0 0 0;
}

#left-bar p.bottom {
	padding-bottom: 8px;
	background: transparent url(images/nav-spacer.gif) 0 bottom no-repeat;
}

#left-bar p.button {
	text-align: center;
	padding-top: 5px;
}

#left-bar p.button-2 {
	text-align: center;
	padding-top: 2px;
}


#left-bar img {
	margin: 0;
	padding-bottom: 0;
}

#left-bar img.book {
	display: inline;
	float: left;
	padding: 0 14px 0 3px;	
}	
	


/*--------------MIDDLE------------*/

#middle {
	display: block;
	float: left;
	left: 226px;
	width: 518px;
	background: #FFF;
}

#middle p {
	text-align: left;
	padding: 0 15px;
	margin-bottom: 9px;
}

#middle table {
	padding: 0 15px;
}

#middle a {
	color: #0C486C;
	text-decoration: none;
}

#middle a:hover {
	text-decoration: underline;
}

#middle p.news {
	line-height: 1.3em;
	margin-bottom: 4px;
}

#middle h1 {
	padding: 0 15px 9px 15px;
	background: #FFF;
}



/*------------MIDDLE-WITH-LEFT-NAV-----------*/

#middle-with-left-nav {
	display: block;
	float: left;
	left: 226px;
	width: 724px;
	background: #FFF;
}

#middle-with-left-nav p {
	text-align: left;
	padding: 0 15px;
	margin-bottom: 9px;
}

#middle-with-left-nav p.block-quote {
	color: #0C486C;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

#middle-with-left-nav a {
	color: #0C486C;
	text-decoration: none;
}

#middle-with-left-nav a:hover {
	text-decoration: underline;
}

#middle-with-left-nav h1 {
	padding: 0 15px 9px 15px;
	background: #FFF;
}

#middle-with-left-nav h2 {
	font-size: 1em;
	padding-top: 6px;
	color: #0C486C;
}

#middle-with-left-nav h3 {
	font-size: .9em;
	padding-left: 15px;
	padding-top: 6px;
	color: #000;
}

#middle-with-left-nav ul {
	font-size: .9em;
	margin-left: 32px;
}

#middle-with-left-nav ul li {
	margin-bottom: 0.8em;
}

#middle-with-left-nav ol {
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
}

#middle-with-left-nav ol li {
	margin-bottom: 0.8em;
}

#middle-with-left-nav img.image-right {
	padding: 0 0 4px 12px;
	float: right;
}

#middle-with-left-nav img.image-left {
	padding: 0 12px 4px 0;
	float: left;
}

#middle-with-left-nav img.image-center {
	padding: 0 12px 12px 15px;
	float: left;
}

/* #middle-with-left-nav p.nl-blue-header, table.nl-blue-header {
	color: #fff;
	text-align: center;
	padding-top: 3px;
}

#middle-with-left-nav table.nl-blue-header {
	margin-left: 7px;
	margin-bottom: 7px;
}
*/

#middle-with-left-nav object.flickr {
	margin-left: 10px;
	border: 3pt solid #E9E8D4;
}

#middle-with-left-nav embed.flickr {
	margin-left: 10px;
	text-align: right;
}


/*--------------RIGHT-BAR------------*/

#right-bar {
	display: block;
	float: right;
	overflow: hidden;
	width: 216px;
	background: #fff;
	border-bottom: 10px solid white;
}

#right-bar div {
	background-color: #E9E8D4;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
	margin-bottom: 12px;
}

#right-bar p {
	text-align: left;
	padding: 6px 14px;
	line-height: 1.5em;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
}

#right-bar h1 {
	font-size: 1.1em;
	padding: 0 14px 0 14px;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
}

#right-bar a {
	color: #0C486C;
	text-decoration: none;
}

#right-bar a:hover {
	text-decoration: underline;
}

#right-bar a.box-head {
	display: block;
	height: 32px;
	background: transparent url(images/nav-spacer.gif) 0 24px no-repeat;
/*	background: transparent url(images/box-faded-top.gif) 0 24px no-repeat; */
}

#right-bar p.small-text {
	font-size: .9em;
}

#right-bar p.white {
	background: #FFF;
}

#right-bar p.legal-text {
	font-size: .8em;
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}

#right-bar p.button {
	text-align: center;
	padding-top: 5px;
}

#right-bar p.button-2 {
	text-align: center;
	padding-top: 1px;
}

#right-bar p.bottom {
	padding-bottom: 8px;
	background: transparent url(images/nav-spacer.gif) 0 bottom no-repeat;
/*	background: transparent url(images/box-faded-bottom.gif) 0 bottom no-repeat; */
}

#right-bar img {
	margin: 0;
	padding: 0;
}

#right-bar img.video-thumb {
	margin-left: 14px;
/*	background: url(images/box-faded-middle.gif) repeat-y; */
}

/*-------------CREDITS------------*/

#middle-with-left-nav p.credits {
	font-size: 0.7em;
	margin-bottom: 4px;
}

/*--------------FOOTER------------*/

#footer {
	position: relative;
	clear: both;
	width: 950px;
/*	height: 54px; */
	font-family: 'Trebuchet MS', san-serif;
	font-size: 1em;
	padding: 10px 0 2px 0;
	overflow: hidden;
	background: transparent url(images/msi-footer-bg.jpg) 0 0 no-repeat;
}

#footer p {
	color: #fff;
	line-height: 1.4em;
	padding: 0;
	text-align: center;
	margin: 0 0 0.5em 0;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}







.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}