/* CSS Document for Ridgemont */
html, body {height: 100%;}
body { margin:0; margin-bottom:4px; padding:0; line-height: 1.5em; font-family:"Times New Roman", Times, serif; 
	background: url(images/bg.gif) top center repeat-x #003776; font-size: 14px; background-image:none /*for front page only*/ }
b {font-size: 110%;}
em {color: red;}
#maincontainer { width: 840px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ background-color: #fff}
#topsection, #main {background: url(images/tree.gif) left top no-repeat #003776; height: 150px; /*Height of top section*/ clear:both; width:840px}
#main {background-image:none;}
#topsection h1, #main h1 { margin: 0; padding-top: 60px; margin-left:175px; color: #fff; letter-spacing: .125em; font-size:200%; padding-bottom:12px;
 	border-bottom:1px solid #003776; padding-right:0; }
#topsection h2, #main h2 { margin: 0; padding-top: 8px; margin-left:175px; color: #fff; letter-spacing: .125em; font-size:180%; padding-bottom:12px;
 	border:0px solid pink; padding-right:0; text-align:center }
#main h1, #main h2 {margin: 0 auto; text-align:center;}
#main h1 {padding-top:30px}
#topsection .caps, #main .caps{font-size: 150%;}

#contentwrapper, #contentwrapper2 { float: left; width: 100%; background-color: #fff; border:0px solid yellow }
#contentwrapper2 {background-color: #003776;  min-height:100%;height:100%; color:#fff; font-family:Arial, Helvetica, sans-serif}
#contentwrapper2 p{width: 60%; margin:auto}
#contentwrapper2 h4 {letter-spacing:1px; font-family:"Times New Roman", Times, serif}
#contentcolumn2 {float:right; margin: 0px; width:800px; padding: 5px 18px 5px 18px /*190px 0 180px Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }

#contentwrapper2 a {color: #fff; text-decoration:none}
#contentwrapper2 a:hover {color:#0033FF; text-decoration:underline}
#contentwrapper2 a:visited {color:#CCCCCC;}
#contentcolumn {float:right; margin: 0; width:630px; padding: 5px 18px 5px 8px /*190px 0 180px Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#contentcolumn h1, #contentcolumn2 h1 {color: #003776; font-family:Arial, Helvetica, sans-serif; font-size: 180%; padding-top: 5px;}
#contentcolumn h2 {color: #003776; font-family:Arial, Helvetica, sans-serif; font-size: 140%; padding-top: 10px;}
#contentcolumn h4 {color: #003776; font-family:Arial, Helvetica, sans-serif;}
#contentcolumn p { line-height: 1.25em; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size:90%;}
.quote { font-style: italic; font-size:95%; font-weight:bold; background:url(images/unquote.gif) no-repeat bottom right; 
	padding-right:5px; letter-spacing: .025em;}
#leftcolumn, #leftcolumn2, #leftcolumn3, #leftcolumn4, #leftcolumn5, #leftcolumn6, #leftcolumn7, #leftcolumn8, #leftcolumn9 {float: left; width: 165px; /*Width of left column in pixel*/ height: auto; /*margin-left: -840px; Set margin to that of -(MainContainerWidth)*/
	background: #C8FC98; border: 0px dashed #abde99; padding:0;margin:0}
#leftcolumn { min-height:500px; height:100%;background: url(images/left1.jpg) top left no-repeat; }
#leftcolumn2 { min-height:1080px; height:100%; background: url(images/left2.jpg) top left no-repeat;}
#leftcolumn3 { min-height:500px; height:100%; background: url(images/left3.jpg) top left no-repeat;}
#leftcolumn4 { min-height:350px; height:100%; background: url(images/left4.jpg) top left no-repeat;}
#leftcolumn5 { min-height:800px; height:100%;; background: url(images/left5.jpg) top left no-repeat;}
#leftcolumn6 { min-height:750px; height:100%; background: url(images/left6.jpg) top left no-repeat;}
#leftcolumn7 { min-height:420px; height:100%; background: url(images/left7.jpg) top left no-repeat;}	
#leftcolumn8 { min-height:320px; height:100%; background: url(images/left8.jpg) top left no-repeat;}	
#leftcolumn9 { min-height:570px; height:100%; background: url(images/left9.jpg) top left no-repeat;}			

.innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
.innertube2 {margin: 0px auto 8px auto; text-align:center;}
ol li, ul li {font-family:Arial, Helvetica, sans-serif; color: #003776; font-size: 95%; line-height:1.25em}
ul li a {color:#003776;}
ul li a:hover {color:#3399FF}
/* Blockquote */
.blockQuote1 {background: url(images/quote.gif) no-repeat top left; text-align: justify;  padding-left: 60px; 
				width: 440px; margin-top:0; padding-top:0; border: 0px solid pink}

/* Navigation */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.indentmenu { font: bold 85% Arial, Helvetica, sans-serif; letter-spacing:.125em; width: 100%; /*leave this value as is in most cases*/ overflow: hidden; 
	vertical-align: top; clear:both; }
.indentmenu ul { margin: 0; padding: 0; float: left; width: 100%; /*width of menu*/
	border: 1px solid #003776; /*border*/ border-width: 1px 0; 
	background: black url(images/indentbg.gif) center center repeat-x; }
.indentmenu ul li { display: inline; }
.indentmenu ul li a { float: left; color: white; /*text color*/ padding: 5px 7px; text-decoration: none; 
	border-right: 1px solid #003776; /*divider between menu items*/ }
.indentmenu ul li a:visited { color: white;}
.indentmenu ul li a:hover, .indentmenu ul li .current { color: #003776; !important; /*text color of selected and active item*/
	padding-top: 6px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	background: black url(images/indentbg2.gif) center center repeat-x; }

/*footer nav */
#footer { clear: left; width: 100%; background: #B4BED3; color: #003776; text-align: center; padding: 4px 0; 
	font-size: 80%; font-family:Arial, Helvetica, sans-serif }

#footer .indentmenu { font: bold 85% Arial, Helvetica, sans-serif; letter-spacing:.125em; width: 100%; /*leave this value as is in most cases*/ 
		overflow: hidden; clear:both; margin: 0 auto}
#footer .indentmenu ul { float:right; margin: 0 auto; padding: 0;  width: 830px; /*width of menu*/ /*border*/ border: none; background: none;}
#footer .indentmenu ul li { display: inline;}
#footer .indentmenu ul li a {  color: #666666; border-right: 1px solid #647AA7; padding: 0 12px; text-decoration:none; margin:0px; 
	letter-spacing:.125em; text-align:center  }
#footer .indentmenu ul li a:visited {  color: #999999}
#footer .indentmenu ul li a:hover, .indentmenu ul li .current { text-decoration: underline; color:#003776; background:none }
.credit { font: 80% Arial, Helvetica, sans-serif; color: #696969; text-align:center}
a.credit {color: #808080; text-decoration:none}
a:hover.credit {text-decoration:underline}

/* Kid pictures */
.picBorder {border:8px solid #fff; }
.picBorder2 {float: right; border:12px solid #fff; border-bottom:5px }
.picBorder3 {float: left; border:12px solid #fff; border-bottom:5px }
.photoLong {position: relative; left:44%; top:100px;padding: 8px 5px;border: 0px dashed #893946; clear:right; }
.photoLong2 {position: relative; left:16%; top:40px;padding: 8px 5px;border: 0px dashed #893946; clear:right; }
.photoLong3 {position: relative; left:28%; top:100px;padding: 8px 5px;border: 0px dashed #893946; clear:right; }
.picShort1 {float:left; padding: 8px 25px 12px 12px;margin-left: -150px; }
.picCentered {margin-right:auto; margin-left:auto; width:260px}

/* form stuff */
.smlText {font-size:85%; color:#999999; letter-spacing:1px; text-align:right}
form {font-size:93%; width:95%; margin:.5em auto; font-family:Arial, Helvetica, sans-serif}
fieldset { 
	border:1px solid #003776; margin-bottom:1em; margin-top:2em}
legend {
  padding: 0.2em 0.5em; border:1px solid #003776;color: #003776; font-size:90%; text-align:right;margin: 0 auto; }
fieldset p {text-align:left}
label {
  float:left;  width:20%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:normal;  }
input {margin-bottom:.5em}
input, textarea {font-size: 90%;color: #003776}
.submitBtn { border:1px outset #003776; color:#ccc; background:#003776; padding: .25em}
#formerror {
	font-size:100%; color:#A52A2A; width:95%; text-align:left; margin-top:.5em; font-weight:bold}
#formerror p {padding-bottom:0.25em; margin-bottom:0;}
#formerror ul {margin:0 0 1em 55%}
.errortext { padding-left: 4.5em;font-size: 85%; letter-spacing:1px; color:#A52A2A; margin-top:.25em}
#thanks {
	width:80%; margin:25% auto}	
*html #contentwrapper2, *html #leftcolumn, *html #leftcolumn2, *html *leftcolumn3,*html #leftcolumn4,*html #leftcolumn5,
*html #leftcolumn6,*html #leftcolumn7, *html #leftcolumn8, *html #leftcolumn9 {height:100%}