/* MyNewHospital.org CSS Document */


/* Colors
----------------------

	Gold: #dca635
	Blue: #069 - dark blue

*/

html, body {
	margin: 0px;
	padding: 0px;
	}

body {
	margin-bottom: 15px;
	background-color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: small;
	}

div.clear {
	clear: both;
	}


/* Links
------------------- */
a { color: #069; text-decoration: none; border-bottom-color: #F0DAAA; border-bottom-style: solid; border-bottom-width: 1px; }
a:link { color: #069; text-decoration: none; }
a:hover { color: #000; border-bottom-color: #39c; }
a:active { color: #dca635; }
a:visited { color: #39c; }



/* Images
------------------- */
img {
	border-width: 0px;
	}

/* Text
------------------- */
h1 {
	color: #dca635;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	line-height: 1.5em;
	}
h2 {
	color: #dca635;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	line-height: 1.3em;
	}
p {
	line-height: 1.5em;
	}

.error-message {
	color: #f00;
	font-style: italic;
	}

/* Tables
------------------- */
table.contactform td {
	padding: 4px 10px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
table.contactform td.header {
	text-align: right;
	}
table.contactform td.header span {
	font-size: 10px; font-style: italic;
	}
table.contactform td.input {
	text-align: left;
	}

	#gallery {
		margin: 0px auto;
		}
		#gallery td {
			padding: 3px;
			text-align: center;
			}
			#gallery td a {
				border-width: 0px;
				}
			#gallery td img {
				border-width: 0px;
				}


/* Form
------------------- */
form {
	margin: 0px;
	padding: 0px;
	}

input {
	padding: 2px;
	border-color: #d8e1e5;
	border-width: 1px;
	border-style: solid;
	background-color: #ebf0f2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	input.bnt {
		padding: 2px;
		border-color: #ccc;
		color: #fff;
		font-weight: bold;
		background-color: #666;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		}

select {
	padding: 2px;
	border-color: #d8e1e5;
	border-width: 1px;
	border-style: solid;
	background-color: #ebf0f2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

textarea {
	padding: 2px;
	border-color: #d8e1e5;
	border-width: 1px;
	border-style: solid;
	background-color: #ebf0f2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 330px;
	height: 100px;
	}

/* Misc. Style
---------------------- */

img.badge {
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	}



/* Presentation
---------------------- */

#wrapper {
	width: 913px;
	background-color: #fff;
	background-image: url(../../images/site/bg-blue.gif);
	background-position: left;
	background-repeat: repeat-y;
	}

	#goldbar {
		background-color: #dca635;
		font-size: 10px;
		color: #fff;
		text-align: right;
		height: 20px;
		margin: 0px; padding: 0px;
		}
		#goldbar dl { float: right; margin: 0px; height: 16px; padding-top: 2px; margin-bottom: 1px; padding-right: 2px; }
		#goldbar dt { float: left; text-align: right; padding: 2px 2px; margin: 0px; }
		#goldbar dd { float: left; text-align: left; padding: 0px; margin: 0px; }
		#goldbar a, #goldbar img { border-width: 0px; padding: 0px; }

	#contentwrap {
		border-bottom-color: #dca635;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		}

		#navigation {
			padding: 15px;
			padding-bottom: 0px;
			width: 198px;
			float: left;
			font-size: .97em;
			}
			#navigation a { color: #069; text-decoration: none; padding-bottom: 0px; border-width: 0px; }
			#navigation a:hover { color: #000; }
			#navigation a:active { color: #dca635; }
			#navigation a.currentpage { color: #666; }
			#navigation a.currentpage:hover { color: #000; }

			#navigation ul {
				margin: 20px 0px;
				padding: 0px;
				list-style-type: none;
				}
				#navigation ul li {
					padding: 4px 0px;
					line-height: 1.2em;
					}
					#navigation ul li ul {
						margin: 0px 15px;
						padding: 0px;
						list-style-type: none;
						}
						#navigation ul li ul li {
							font-size: .95em;
							}
					
			#navigation div.logo {
				text-align: center;
				}
			#navigation img {
				border-width: 0px;
				}
			#navigation img.logo {
				width: 190px;
				height: 79px;
				border-width: 0px;
				}

		#content-home { /* Home Page content style only */
			float: left;
			width: 655px; /* 625 real width: 685px */
			padding-top: 30px;
			padding-bottom: 30px;
			padding-left: 30px;
			background-color: #fff;
			background-image: url(../../images/sjrmc-building-bg.jpg);
			background-position: bottom left;
			background-repeat: no-repeat;
			color: #333;
			}
			#content-home h1 {
				font-size: 1.75em;
				line-height: 1.5em;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
			#content-home ul {
				margin-bottom: 0px;
				padding-bottom: 0px;
				}
			#col-side {
				width: 232px;
				float: right;
				padding-left: 15px;
				padding-bottom: 0px;
				padding-right: 0px;
				padding-top: 0px;
				margin-bottom: -30px;
				text-align: right;
				}

				#col-side #col-side-content {
					width: 203px;
					float: right;
					text-align: left;
					border-left-color: #dca635;
					border-left-width: 1px;
					border-left-style: solid;
					background-color: #fff;
					padding-left: 14px;
					padding-right: 0px;
					padding-top: 0px;
					padding-bottom: 0px;
					margin: 0px;
					font-size: 90%;
					/*
					background-color:#99FF33;
					*/
					display:block;
					}

					#col-side #col-side-content h1 {
						padding: 0px;
						margin: 0px;
						font-size: 1.2em;
						}
					#col-side #col-side-content h2 {
						padding: 0px;
						margin: 0px;
						font-size: 1.4em;
						font-weight: bold;
						}
					#col-side #col-side-content h3 {
						padding: 0px;
						margin: 0px;
						font-size: .85em;
						}
					#col-side #col-side-content h4 {
						padding: 0px;
						margin: 0px;
						font-size: 1em;
						font-weight: bold;
						}
					#col-side #col-side-content p {
						margin-top: 0px;
						padding-bottom: 8px;
						}

#col-home {
	width:400px;
	}


		#content-secondary { /* Secondary content style only */
			float: left;
			width: 655px; /* real width: 685px */
			margin: 0px;
			padding-bottom: 30px;
			padding-left: 30px;
			padding-right: 0px;
			padding-top: 0px;
			background-color: #fff;
			color: #333;
			}
			#heading {
				background-image: url(../../images/site/bg-header-01.jpg);
				background-position: right bottom;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildfuture {
				background-image: url(../../images/site/banner-future.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildfaith {
				background-image: url(../../images/site/banner-faith.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildinnovation {
				background-image: url(../../images/site/banner-innovation.jpg);
				background-position: right top;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildtechnology {
				background-image: url(../../images/site/banner-technology.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildfamilies {
				background-image: url(../../images/site/banner-families.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildbigbuilding{
				background-image: url(../../images/site/banner-bigbuilding.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildexcellence {
				background-image: url(../../images/site/banner-excellence.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				.buildhope {
				background-image: url(../../images/site/banner-hope.jpg);
				background-position: right middle;
				background-repeat: no-repeat;
				background-repeat: no-repeat;
				border-bottom-color: #dca635;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				}
				#content-secondary h1, #content-secondary h2, #content-secondary h3, #content-secondary h4 {
					border-bottom-width: 0px;
					}
				#heading h1, .buildfuture h1, .buildfuture h1, .buildfaith h1, .buildinnovation h1, .buildtechnology h1, .buildfamilies h1, .buildbigbuilding h1, .buildexcellence h1, .buildhope h1 {
					border-bottom-width: 0px;
					margin: 0px;
					padding-top: 30px;
					line-height: 1.5em;
					font-size: 1.75em;
					}

				#col-main { /* secondary page content goes inside this div */
					width: 450px;
					float: left;
					}
					#col-main h2 {
						line-height: 1.3em;
						}
					#col-main ul#news {
						margin-left: 5px;
						padding-left: 5px;
						padding-right: 5px;
						list-style-type: none;						
						}
					#col-main ul#news li {
						padding-bottom: 1.5em;						
						}
				#col-main p.caption {
						text-align: left;
						color: #666;
						font-weight: normal;
						font-style: normal;
						width: 146px;
						margin-left: auto;
						margin-right: auto;
						margin-top: 4px;
						margin-bottom: 0px;
						padding: 0px;
						font-size: .85em;
						}
				#col-main ul li {
					margin: 10px 0;	
				}
				
				#col-home ul li {
					margin: 7px 0;	
				}
				
				#col-home ul {
					margin: 5px 0 20px 0;	
				}

				#col-secondary { /* Pictures get put into this column along with the rectangle (grey) */
					width: 205px;
					text-align: center;
					margin-left: auto; margin-right: auto;
					float: right;
					}
					#col-secondary p.caption {
						text-align: left;
						color: #666;
						font-weight: normal;
						font-style: normal;
						padding: 3px 25px;
						font-size: .85em;
						}
					div.rectangle {
						width: 146px;
						height: 17px;
						margin-top: 10px;
						margin-left: auto;
						margin-right: auto;
						background-color: #666;
						}

	#statsbar {
		clear: both;
		background-color: #666;
		padding: 8px;
		color: #fff;
		line-height: 1em;
		text-align: left;
		}
		#statsbar ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			}
			#statsbar li {
				float: left;
				}
				#statsbar .header {
					text-align: right;
					font-weight: bold;
					color: #dca635;
					padding-right: 6px;
					}
				#statsbar .content {
					text-align: left;
					font-weight: nomal;
					color: #fff;
					width: 680px;
					padding-left: 6px;
					}

	#footer-home {
		clear: both;
		background-color: #fff;
		text-align: left;
		color: #999;
		padding: 10px 8px;
		}
		#footer-home p {
			text-align: left;
			font-size: .85em;
			margin: 0px;
			padding: 0px;
			}
		#footer-home a {
			border-bottom-width: 0px;
			color: #069;
			}
		#footer-home a:visited {
			color: #069;
			}
		#footer-home a:hover {
			text-decoration: underline;
			}
			#footer-home a.f5m {
				color: #999;
				text-decoration: none;
				}
				#footer-home a.f5m:hover {
					text-decoration: underline;
					}

	#footer-secondary {
		clear: both;
		background-color: #505050;
		color: #fff;
		padding: 10px 8px;
		}
		#footer-secondary p {
			text-align: left;
			font-size: .85em;
			margin: 0px;
			padding: 0px;
			}
		#footer-secondary a {
			border-bottom-width: 0px;
			color: #dca635;
			}
			#footer-secondary a:visited {
				color: #dca635;
				}
			#footer-secondary a:hover {
				text-decoration: underline;
				}

		#footer-home div, #footer-secondary div {
			float: right;
			text-align: right;
			min-height: 17px;
			padding-left: 8px;
			}
		#footer-home img, #footer-secondary img {
			border-width: 0px;
			}