/* This style sheet is for the kidNeeds.com site */

/*  Body Styles */
#wrapper {max-width: 990px; }

/* Body Styles*/
body{width: 66%;
	  margin-top: 10px;
	  margin-bottom: 200px;
	  margin-right: auto;
	  margin-left: auto;
      /*background: url(../images/wheelchair_kid.jpg), url(../images/kid1.jpg);
      background-position:  right bottom, left bottom;
	  background-repeat:no-repeat;
	  background-color: rgb(135,206,250);
	  background-image: url(../images/background_image.jpg);
	  background-size: cover;
	  background-position: top left;
	  background-repeat: no-repeat;
      background:  -moz-linear-gradient(top left, #1e9bca, white);   
      background:   -webkit-gradient(top left, #1e9bca, white,);    
      background:   -o-linear-gradient(top left, #1e9bca, white);*/
	  }


/*  Header Styles*/
header {border-bottom: 3px solid #2d04ff;}
header h1 {float: right;}


/* Navigation list styles */
nav {
width: 149px;
float: left;
margin-right: 10px;
}

nav ul {background-color: #77d8f7;
		line-height: 2.0em;
        list-style-type: none;
		padding-left: 0.5em;
		}

nav ul li:hover {background-color: #003399;}

nav ul li a {color: white;
			 text-decoration: none;
			 font-weight:bold;
			 font-size:14px;
			}


/* Section Styles*/
section {width: 79%;
         float: left;
		 margin-top: 15px;
		 margin-left: 10px;
		 background-color: rgb(240,248,255);
		 background-image: url(..images/circle.jpg);
		 background-repeat:no-repeat;
		 background-position: center;
         color: black;
		 outline: 1px solid red;
		 } 

section h1 {background-color: #003399;
            width: 50%;
           border-top-left-radius: 5px;
           border-top-right-radius: 5px;
           border-bottom-right-radius: 5px;
           border-bottom-left-radius: 5px;
           text-align: center;
	       padding-top: 10px;
	       margin-top: 20px;
	       margin-left: 190px;
		   font-size: 30px;
		   color: white;
         }

article p {font-size: 14px;
           margin-left: 8px;
           }

article #contact p {margin-left: 150px;}

/*Images Styles*/
#img {float:left; 
      padding-left: 18px;
	  margin-right: 10px;
	  }

#picPhone {float:left;
           padding-left: 150px;
	       margin-right: 10px;
		   }

#email {float: left;
        padding-left: 150px;
		}
#aboutus {float: right;
          }

#kid {float: right;
      padding-right: 18px;
	  }

/*Table Styles */
table.surrender {border: 5px outset rgb(0,0,225);
                 border-collapse: collapse;
				 margin-left: 10px;
				 }
table.surrender th, table.surrender td { border: 1px solid gray; }
table.surrender th {background-color: yellow; }

/* Styles for the table caption */
table.surrender caption {font-weight: bold;}

/* table link style */
table.surrender a {text-decoration: none;
                   color:black;
				   }
table.surrender a:hover {text-decoration: underline;
                          color: blue;
						  }


/* fieldset Styles */
fieldset {border: none;
          margin: 5px;
		  }

legend {background-color: rgb(0,0,139);
        color: white;
		margin-top: 10px;
		margin-bottom: 10px;
		text-indent: 20px;
		width: 90%;
		border-radius: 10px;
		}

/* Label styles */
label {display: block;
       float: left;
	   clear: left;
	   font-size: 0.8em;
	   text-align: right;
	   margin-top: 2px;
	   margin-bottom: 2px;
	   margin-left: 5px;
	   margin-right: 5px;
	   width: 25%;
	   }


/* Input control styles */
input {display: block;
       float: left;
	   font-size: 0.9em;
	   width: 50%;
	   margin-top: 2px;
	   margin-bottom: 2px;
	   margin-left: 0px;
	   margin-right: 0px;
	   }

input#state {width: 50px; }
input#birth{width: 80px;}

/* Submit button styles background-color: rgb(0,0,139);*/
input[type=submit], input[type=reset] {color: black;
                                       display: inline;
                                       margin-left: 160px;
	                                   height: 40px;
				                       width: 130px;
					                   }

/* Text area styles */
textarea {display: block;
          font-size: 0.9em;
		  float: left;
		  height: 150px;
		  margin: 10px 0px;
		  width: 50%;
		  }
/* Aside Styles */
aside {float: right; 
       font-size: 11px;
	   width: 200px;
	   background: -o-linear-gradient(left, rgb(0,100,0), rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15%);
       background: -ms-linear-gradient(left, rgb(0,100,0), rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15%);  
	   background: -moz-linear-gradient(left, rgb(0,100,0), rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15%);
	   background: -webkit-linear-gradient(left, rgb(0,100,0), rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15%);
	   background: -webkit-gradient(linear, left, right, from(rgb(0,100,0)), color-stop(33%, rgb(231, 231, 231)), to( rgb(255, 255, 255) ) ); 
	   background: linear-gradient(left, rgb(0,100,0), rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15%);
}


aside ul li {list-style-type: none; }

/* Styles for footer */
footer {
display: block;
width: 100%;
clear: left;
text-align: center;
color: white;
margin-top: 5px;
background-color: green;
}

footer address {
display: block;
width: 100%;
clear: left;
font-size: 0.8em;
font-style: normal;
margin-top: 20px;
/*border-top: 3px solid #2d04ff;*/
}