/* Peabo.net CSS Document */

/* Structure */
* { padding: 0;
    margin: 0;
	list-style-type: none;
}

body { font: Tahoma, Helvetica, sans-serif;
       font-size: 10pt;
}

#green { background: url('../images/greenbgpic.jpg') no-repeat #96bc18;
         width: 100%;
}

#greentext { background: #dfebb9;
             margin-left: 375px;
			 margin-right: 25px;
			 width: 55%;
			 padding: 10px;
}

#midyellow { background: url('../images/midyellowbgpic.jpg') no-repeat #d0d300;
             width: 100%;
}

#midyellowtext { background-color: #f1f2b2;
                 margin-left: 375px;
			     margin-right: 25px;
			     width: 55%;
				 padding: 10px;
}

#yellow { background: url('../images/yellowbgpic.jpg') no-repeat #f8e101;
         width: 100%;
}

#yellowtext { background-color: #fdf6b2;
              margin-left: 375px;
			  margin-right: 25px;
			  width: 55%;
			  padding: 10px;
}

#blue { background: url('../images/bluebgpic.jpg') no-repeat #70b5dd;
        width: 100%;
}

#bluetext { background-color: #d4e9f5;
            margin-left: 375px;
			margin-right: 25px;
			width: 55%;
			padding: 10px;
}

#darkblue { background: url('../images/darkbluebgpic.jpg') no-repeat #0b82b7;
            width: 100%;
}

#darkbluetext { background-color: #b5d9e9;
                margin-left: 375px;
			    margin-right: 25px;
			    width: 55%;
				padding: 10px;
}

#pink { background: url('../images/pinkbgpic.jpg') no-repeat #eb19a2;
        width: 100%;
}

#pinktext { background-color: #f9bae3;
            margin-left: 375px;
		    margin-right: 25px;
			width: 55%;
			padding: 10px;
}

#darkpink { background-color: #ba137b;
            width: 100%;
}

#darkpinktext { background-color: #eab8d7;
                margin-left: 375px;
			    margin-right: 25px;
			    width: 55%;
				padding: 10px;
}

/* Navigation */
a.nav { padding: 5px 10px;
        background-color: #ffffff;
	    border: thin solid #000000;
		font-size: 11pt;
		font-family: Tahoma, Helvetica, sans-serif;
	    text-align: center;
	    text-decoration: none;
	    color: #eb19a2;
	    float: left;
	    margin-left: 5px;
}

a.nav:hover { padding: 5px 10px;
              background-color: #ffffff;
	          border: thin solid #000000;
	          text-align: center;
	          text-decoration: underline;
			  color: #70bfdd;
}

a { color: #70b5dd;
}

a:hover { color: #0b82b7;
}

/* Text */
p { clear: both;
    font-size: 11pt;
	font-family: Tahoma, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.style1 { clear: both;
          font-size: 11pt;
		  font-family: Tahoma, Helvetica, sans-serif;
	      padding-left: 5px;
}

.style2 { clear: both;
          font-size: 9pt;
		  font-family: Tahoma, Helvetica, sans-serif;
		  text-align: center;
	      padding-left: 5px;
		  padding-top: 0;
	      padding-bottom: 0;
}

h1 { clear: both;
     font-size: 15pt;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 5px;
}

h2 { clear: both;
     font-size: 14pt;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 5px;
}

h3 { clear: both;
     font-size: 13pt;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 padding-left: 5px;
	 font-weight: 100;
}