body, html {
    background: #f3f3f3 url(images/freebee_background.png) repeat-x scroll top left;
}
/* typography */
    /* links */
    a:link {
        color: #333333;
        text-decoration: underline;
    }
    
    a:visited {
        color: #333333;
        text-decoration: underline;
    }
    
    a:hover {
        color: #000000;
        text-decoration: none;
    }
    
    a:active {
        color: #333333;
        text-decoration: none;
    }
    
    a.yellow {
        color: #febb00;
        text-decoration: underline;
    }
    
    a.orange {
        color: #ff6633;
        text-decoration: underline;
    }
    
    a.blue {
        color: #3399CC;
        text-decoration: underline;
    }
    
    a.black {
        color: #000000;
        text-decoration: underline;
    }
    
    a.n { /* none */
        text-decoration: none;
    }
    
    a.s { /* small */
        font-size: 10px;
    }
    /* end links */

    
    /* spans */
    .yellow {
        color: #febb00;
    }
    
    .orange {
        color: #ff6633;
    }
    
    .blue {
        color: #3399cc;
    }
    
    .black {
        color: #000000;
    }
    
    .fpl { /* forgot password link */
   font-size: 10px;
        float: left;
        padding: 3px 3px 0px 0px;
    }
    /* end spans */

    /* images */
    img {
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    /* end images */
   
/* typography */


/* form elements */
    form {
        
    }
    
    form.toplogin {
        float: right;
        margin: 38px 35px 0 598px;
        padding: 0;
    }
    
    form.login {
        margin: 5px;
        padding: 0;
    }
    
    input.yellowgrey, textarea.yellowgrey, select.yellowgrey {
        color: #ffffff;
        background-color: #2c2c2c;
        border: 1px solid #febb00;
        text-align: left;
        margin: 2px;
        padding: 3px;
    }

    input.loginbutton {
        height: 25px;
        width: 54px;
        background: transparent url(images/freebee_loginbutton.png) no-repeat scroll top center;
        border: 0;
        margin: 0;
        padding: 0;
    }

    input.s { /* small */
        width: 145px;
    }
    /* end input */
/* end form elements */

/* layout */
    #container {
        display: block;
        width: 990px;
        padding: 0px;
    	margin: 0px auto;
    }

    /* header */
	#header {
	    display: block;
	    position: relative;
        height: 122px;
        width: 990px;
        background: transparent url(images/freebee_header.png) repeat-x scroll top center;
    font: 12px Verdana, Arial, sans-serif;
    color: #575757;
		margin: 0;
        padding: 0;
	}
    
        #headerleft {
            float: left;
            display: block;
            position: relative;
            height: 122px;
            width: 390px;
            background: transparent url(images/freebee_header_left.png) no-repeat scroll top left;
            margin: 0;
            padding: 0;
        }
        
            #headerright {
            float: right;
            display: block;
            position: relative;
            height: 122px;
            width: 390px;
            background: transparent url(images/freebee_header_right.png) no-repeat scroll top right;
            margin: 0;
            padding: 0;
            text-align: right;
        }
    /* end header */

    /* navigation */
	#navigation {
	    display: block;
	    position: relative;
        height: 45px;
        width: 970px;
        background: transparent url(images/freebee_navigation.png) repeat-x scroll top center;
    font: 12px Verdana, Arial, sans-serif;
    color: #575757;
		margin: 0 9px 0 11px;
        padding: 0;
	}

		#navigationmenu {
		   list-style: none;
		   margin: 0; 
		   padding: 7px;
		   padding-left: 20px;
		}
		
			#navigationmenu li {
			   float: left;
			   padding: 0 11px 0 11px;
			}
            
			#navigationmenu li a {
			    text-decoration: none;
			}
            
			#navigationmenu li a:hover {
			    text-decoration: none;
			}
    /* end navigation */
    
	#content {
	    display: block;
	    position: relative;
        width: 970px;
	    background-color: transparent;	    
	    margin: 0 9px 0 11px;
        padding: 0;
	}
       

	
		#footer {
		    display: block;
		    position: relative;
            height: 40px;
            width: 930px;
            background: transparent url(images/freebee_footer.png) repeat-x scroll bottom center;
            color: #febb00;
		    font: 10px bold Arial, Verdana, sans-serif;
			margin: 0 9px 0 11px;
            padding: 20px;
            text-align: center;
		}
/* layout */