html, body {
        height: 100%;
        margin: 0px;
        font-family:Arial,verdana;
        color:#000000;
        font-size:13px;
        background-attachment:scroll;
    }
    #wrap {
        min-height: 100%;
        width: 100%;
    }
    .main {
        height:100%;
	padding-bottom: 0px;
	margin-bottom:-30px;
	padding-top: 10px;
    }  /* must be same height as the footer */

    .frog{
        background-image: url(../images/frog.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;	        
    }
    .ducks{
        background-image: url(../images/ducks.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
    }
    .elephant{
        background-image: url(../images/elephant.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
    }
    .lion{
        background-image: url(../images/lion.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
    }
    .owl{
        background-image: url(../images/owl.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	
    }
    .parrot{
        background-image: url(../images/parrot.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
    }
    .stork{
        background-image: url(../images/stork.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
    }
    
    /*Opera Fix*/
    body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
    }       
    .footer {
        position: relative;
        margin-top: -30px; /* negative value of footer height */
        height: 30px;
        clear:both;
        background-color: #000000;        
    }
    .half{
        width:50%;
        float:left;
    }
    .cb
    {
        height: 30px;
        float:left;
        width: 28px;
    }
    .footerTxt{
        padding-right:15px;
        text-align:right;
        color: #ffffff;
        font-weight:bold;
        font-size:12px;
        position:relative;
        top: 7px;
    }
    a.footerLink{
        color: #ffffff;
        padding-left:10px;
        padding-right: 10px;
    }
    .col1{background-color:#97C93C;}
    .col2{background-color:#F58220;}
    .col3{background-color:#D2232A;}
    .col4{background-color:#1390CD;}
    .col5{background-color:#1FB25E;}
    .header
    {
        background-color:#000000;
        width:100%;
        height: 80px;
        border-bottom: 1px solid #444444;
    }
    .nav
    {
        background-color: #6D6E71;
        height: 26px;
        border-bottom:1px solid #c0c0c0;
    }
    .slogan
    {
        text-align:right;
        color:#ffffff;
        font-size:13px;
        position:relative;
        top: 4px;
        padding-right: 25px;
    }
    .logo{
        text-align:right;
        padding-right:25px;
    }
    .widthWrap {
        max-width: 800px;
        text-align:left;
    }
    h1
    { 
        font-size:18px;
        color:#000;
        line-height:24px;
        margin-bottom:0.2em;
        font-weight:lighter;
        font-family:Arial, Helvetica, sans-serif;
    }
    .gli{
	    background-image:url(../images/bullet.gif);
	    background-position:left 4px;
	    background-repeat:no-repeat;
	    padding-left:15px;
	    list-style:none;
	    margin:3px 0px 7px 0px;
	}
    a {
        font-family: Arial, Helvetica, sans-serif;
        color:#97c93c;
        font-size: inherit;
        text-decoration:underline;
        font-weight:bold;
    }
    a:link {
        text-decoration: underline;
        font-size: inherit;
        font-weight:bold;

    }
    a:visited {
        text-decoration: none;
        color:#97c93c;
        font-size: inherit;
        font-weight:bold;

    }
    a:hover {
        text-decoration: underline;
        color: #000;
        font-size: inherit;
        font-weight:bold;
    }