/* CSS Document */

/* &&&&&&&&&&&&&&&&&&&&&&&&&& -- -- TEMPLATE LAYOUT -- -- &&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

* { /* -----------------------THE ASTERISK DENOTES A UNIVERSAL RULE */
	margin:0px;
	padding:0px;
	/*border:none; -------taken out of original -- it made the buttons incorrect --*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
	color:#000;
}
	
body {
	/*background-color:#CFA0E9;*/
	text-align:center;
	background:#9797C4 repeat url(images/Valentines_bg_flat.png); /* change */
}

p {
	margin-bottom:10px;
}

.indexPhoto{/*font size of text in pic overlays on index.php*/
    font-size:80%;
}

#container {/*---- the # character was missing before container--inserted on 3-14-10 ---*/
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#content {
	background: #FFFFFF center bottom no-repeat url(images/test-content_bg.png);
	/*background-color: #FFFFFF;*/
	border-left:black thin solid;
	border-right:black thin solid;
	border-top:black thin solid;
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
	
#test-content {
	background: #FFFFFF center bottom no-repeat url(images/test-content_bg.png);
	/* background-color: #FFFFFF; */
	border-left:black thin solid;
	border-right:black thin solid;
	border-top:black thin solid;
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.clear {
	clear:both;
	font-size:1px;
}

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

#header {
	background:url(images/VITAL_bg_header.png) top no-repeat scroll; /* change */
	height:140px;
	width:800px;
	border:none;
	/*border-left:#CEDFD9 thin solid;*/
	/*border-right:#CEDFD9 thin solid;*/
	/*border-left:black thin solid;*/
	/*border-right:black thin solid;*/
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}	

#header h1 {
	padding: 25px 10px 0px 48px;
	margin-right:5px;
}

#header h2 {
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#A60606;
	font-size:120%;
	text-align:center;
}
	
#header h3 {
	font-family:Times New Roman;
	font-size:100%;
	position:relative;
	top:-45px;
	left:425px;
	width:372px;
}
#test_header {/*---CSS to test possible headers---*/
	background:url(images/VITAL_bg_header.png) top no-repeat scroll; /* change */
	height:140px;
	width:800px;
	/*border-left:#CEDFD9 thin solid;*/
	/*border-right:#CEDFD9 thin solid;*/
	border-left:none;
	border-right:none;
	/*border-bottom:black thin solid;*/
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}	

#test_header h1 {
	padding: 25px 10px 0px 48px;
	margin-right:5px;
}

#test_header h2 {
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#A60606;
	font-size:120%;
	text-align:center;
}
	
#test_header h3 {
	font-family:Times New Roman;
	font-size:100%;
	position:relative;
	top:-45px;
	left:425px;
	width:372px;
}
/* &&&&&&&&&&&&&&&&&&&&&&&&&&& -- -- FOOTER -- -- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#footer {/*--------------  formats footer --------------*/
	background: center bottom no-repeat url(images/Valentine_footer.png);
        height:125px;
	width:800px;
	border-left:black thin solid;
	border-right:black thin solid;
	border-bottom:black thin solid;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#footer h1{
	position:relative;
	top:0px;
	left:256px;
	width:288px;
}

#footer2 {/*-----------  same as #footer, but is taller for index.php  ------------------------------*/
	/*background:url(images/logo2.png) bottom center no-repeat;*/
	background: #FFFFFF center bottom no-repeat url(images/Valentine_footer.png);
        height:125px;
	width:800px;
	border-left:black thin solid;
	border-right:black thin solid;
	border-bottom:black thin solid;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#footer2 h1{
	position:relative;
	top:0px;
	left:256px;
	width:288px;
}

#test_footer {/*--------------  formats footer --------------*/
	background: center bottom no-repeat url(images/Valentine_footer.png);
        height:125px;
	width:800px;
	border-left:black thin solid;
	border-right:black thin solid;
	border-bottom:black thin solid;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#test_footer h1{
	position:relative;
	top:0px;
	left:256px;
	width:288px;
}
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -- -- LANDING PAGE -- -- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#home p{
	padding:10px 25px 0 25px;
	font-family: Arial, sans-serif;
	font-size: 110%;
	line-height: 130%;
}

#home h3{
         padding-top: 10px;
         padding-left: 35px; /* ------- needs to be 39 or 40 to match headings in aboutus.php-- it's at 35 to match the h4 over the pics */
         color:#A60606;
}

h4 { /* -- h4 is reserved for the heading above the photos on the homepage -- */
	margin: 0;
	padding: 10px 0 3px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	word-spacing: .2em;
	letter-spacing: -.1em;
	font-size: 100%;
	color: #A60606;
	text-transform: uppercase;
}
	
	
#content #hpnav {
	text-align:center;
	padding:0;
}
	
#content #hpnav li {
	display:inline;
	padding:0;
	margin:0;
	list-style:none;
}

.outerContainer{/*--------------------- produce effects on homepage images-----------------*/
        /*position: relative;*/
        height: 220px;
        width: 800px;
        padding-left: 20px;
}
        
.imageContainer{/*--------------------- produce effects on homepage images-----------------*/
        position: relative;
        border: 2px solid black;
        height: 210px;
        width: 180px;
        float: left;
        margin-right: 8px;
}

.imageOverlay{/*--------------------- produce effects on homepage images-----------------*/
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 180px;
        height: 30px;
	/*-- changed border: 2px solid black to the following, to lineup with imageContainer borders 3/16/11 rd --*/
		border-top: 2px solid black;
		border-bottom: 2px solid black;
		border-left: none;
		border-right: none;
        background-color: #E6FECE;
        text-align: center;
        z-index: 10;    
}

.imageOverlay p{/*--------------------- produce effects on homepage images-----------------*/
	font-size:75%;
	font-weight:bold;
        padding-top: 7px;
        margin-bottom: 0px;  
}

/*#content #hpnav a{  took out  to test -- can't find in code don't think its needed	
	margin:0;
	padding:0;
}
*/

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -- -- CONTENT PAGES -- -- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#mainnav {/*-- #mainnav produces effects for navigation menu on left side of all pages except index.php-------*/ 
	list-style:none;
	padding-top:15px;
	float:left;
}
	
#mainnav li{
	width:140px;
	padding:7px 0 7px 10px;
	margin-bottom:10px;
	background:#FFDBDB; /* Navigation box colors */
	border:#FF5959 medium solid; /* Navigation box colors */
	border-left:none;
}

#mainnav li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

#mainnav li.select{
	width:150px;
	padding:7px 0 7px 10px;
	margin-bottom:10px;
	background:#E7E4E4; /* Navigation box colors */
	border:#AAA2A2 medium solid; /* Navigation box colors */
	border-left:none;
}
	
.pull {/*------ produces effects for quotation and pic floated to the right on each page except index.php--*/
	border-left:#A60606 6px solid;
	float:right;
	display:inline;
	padding-left:25px;
	width:250px;
	margin:10px;
	font-style:italic;
	font-size:98%;
	color:#A60606;
	list-style:none;
	text-decoration:none;
}


.pullThin {/*---------------------------- same as .pull except more narrow for letter.php -------------------------*/
	/*border-left:#9c6 6px solid;*/
	float:right;
	display:inline;
	padding-left:25px;
	width:170px;
	/*margin:10px;*/
	font-style:italic;
	font-size:98%;
	color:#A60606;
	list-style:none;
	text-decoration:none;
}

	
ul.pull{/*------------- for navigation menu on index.php--------------------------*/
	list-style:none;
	line-height:23px;
}

ul.paragraph {/*-------------------- for unordered lists under paragraphs ----------------*/
	margin:10px 0 10px 50px;
}

ol.paragraph {/*--------------------- for ordered lists under paragraphs ----------------*/
	margin:10px 0 10px 50px;
}

.page_heading{/*--------------------for vocational letter page -----------------*/
        float:right;
        height:50px;
        width:600px;
}

.page_heading2{/*--------------------for vocational letter page -----------------*/
        float:right;
        height:50px;
        width:600px;
        text-align:center;
}


	
#info {
	width:600px;
	padding:15px 15px 30px 15px;
	height: 100%;
	float:right;
}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -- -- QUESTION AND ANSWER -- -- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */	


.contactinfo li{
	list-style:none;
}

ul.contactinfo{
	margin:10px 0 25px 0px;
        /*margin:10px 0 10px 50px;
        margin:10px 0 10px 24px;*/
	list-style:none;
}

	
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -- -- TEXT FORMATTING -- -- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */	


#info h1{
	color:#A60606;
	font-size:150%;
	padding-bottom:15px;
        display:inline;
}



#info h2{
	color:#A60606;
	font-size:130%;
	padding-bottom:15px;
        display:inline;
}

#info h2.date{
	color:#A60606;
	font-size:120%;
	padding-bottom:15px;
        padding-right:50px;
        float:right;
        display:inline;
}

#info h2.date2{
	color:#A60606;
	font-size:120%;
	padding-bottom:15px;
        padding-left:50px;
        display:inline;
}

#info h3.subheader {
	background:none;
	padding:8px 0 5px 0;
}

#info h3 {
	padding:0 0 3px 24px;
	margin-top:18px;
	background:url(images/arrows.png) top left no-repeat;
	color:#A60606;
	font-size: 120%;
}

#info h3.moveLeft {
	  padding:0 0 3px 0px;
	  margin-top:18px;
	  background:url(images/arrows.png) top left no-repeat;
	  color:#A60606;                   
}	

#info h3.partners {
	  padding:0px 0px 0px 0px;
	  margin-top:0px;
          margin-left:5px;          
	  background:url(images/arrows.png) top left no-repeat;
	  color:#A60606;                   
}

#info h3.partners2 {
	  padding:0px 0px 0px 0px;
	  margin-top:0px;
          background:url(images/arrows.png) top left no-repeat;
	  color:#A60606;                   
}

#info p {
	font-family: Arial, sans-serif;
	font-size: 110%;
	line-height: 130%;
	word-spacing: .1em;
}

.partner{
           float:left;
           width:150px;
}

.partners{
         width:445px;/*450*/
         float:right;/*left*/
}

.partnerColsGroup{
         width:445px;
         float:left;
         margin: 0px 0px 0px 5px;
         line-height:200%;
}

.partnerColsGroup2{
         width:445px;
         float:right;
         margin: 0px 0px 0px 5px;
         line-height:200%;
}

.partnerCols{
         width:140px;
         float:left;
         display:block;
         
}

.partnerCols2{
         width:445px;
         float:left;
         
}

.partnerCols3{
         width:140px;
         float:left;
         margin-left:5px;
         display:block;
         
}

.styleNone{
         list-style:none;
}




.board{
         width:600px;
		 float:left;
		 margin-bottom:20px;

}

.boardPic{
         width:205px;
         height:205px;
		 margin-right:10px;
         float:left;
}

.boardPic img{
         border: 2px solid white; /*-- changed from black to white 3/17/11 rd --*/
}

.board p{
         /*float:left;*/
         /*width:380px;*/
         margin-left:10px;
         
         
}





a {color:#A60606;}	

a:visited {color:#F12525;}	


.form{
	border:1px solid #777;
}

form label {
        display: inline-block;
        width: 200px; /*-- was 150 --*/
        font-weight: bold;
}

.error {
        font-weight: bold;
        color: #FF0000;
}

.instruct {
        font-weight: bold;
        color: #FF0000;
}

.hideContent{
        visibility: hidden;
        display: none; 
        overflow: hidden; 
}


.showContent{
	    position: absolute;
        background-color:#F9F9F9;
	    border: solid black;
        visibility: visible;
        /*display: block;*/
        display: inline; 
}

.hidden{
        visibility: hidden; 
        display: none;
        position: absolute;/*changed from fixed 4-7-10 so hidden div can scroll when shown*/
        left: 0px;
        top: 0px;
        width:100%;
        height:4200px;
        z-index: 100;
        background-image:url(images/overlay.png);
}


.hidden div {
       height:4100px;
       width:600px;
       margin: 50px auto;
       background-color: #fff;
       border:1px solid #000;
       position: relative;
       /*padding:25px;*/
}

textarea {
       height: 250px;
       width: 550px;
         
}

textarea.p_heading {
       height: 50px;
       width: 550px;
         
}
 
textarea.list_element {
       height: 50px;
       width: 550px;
         
}

.hidden p{
	padding:10px 25px 0 25px;
}

.imgInputs{
        height: 400px;
        width: 500px;
}