/**
 *DATE CREATED: 30/10/08
 *AUTHOR: Alice Athens
 *styleSheet.css
 *Created for Beer Fridge and their client Bouncin' Fun.
 *Contains all styleing for the whole website works in booth IE and FireFox
**/

    

html, body
{
    margin: 0 auto;
    /*overflow: hidden;*/
    font-family: tahoma, verdana, new roman;
    background-image: url("../images/bodybg.jpg");
    
    
}

#container
{
    width: 900px;
    height: 928px;
    margin: 0 auto;
}

#containerLeft
{
    /*width: 891px;*/
    width: 187px;
    height: 928px;
    
    float: left;
}

#containerRight
{
    width: 701px;
    height: 928px;
    float: right;
}



#logo
{
    width:187px;
    height: 253px;
    background-image: url("../images/logo.gif");
    background-repeat: no-repeat;
    float: left;
}



#header
{
    width:684px;
    height: 177px;
    background-image: url("../images/header.gif");
    background-repeat: no-repeat;
    float: right;
}

#content
{
    width:670px;
    height: 656px;
    background-image: url("../images/content.gif");
    background-repeat: no-repeat;
    clear: both;
    display: block;
    float: right;
    padding-top: 40px;
    
    
}

#leftPannel
{
    width:190px;
    height: 600px;
    background-image: url("../images/nav.gif");
    background-repeat: no-repeat;
    clear: both;
    display: block;
    
}

.m1
{
    list-style-type: none;
    text-align: center;
    position: absolute;
    top: 200pt;
    
}

.m1 li a
{
    text-decoration: none;
    color: #0071bc;
    font-size: 14px;
}

.m1 li a:active
{
    height: 38px;
    width: 118px;
    background-image: url("../images/button.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 40px;
    
}

.m1 li a:link
{
    height: 38px;
    width: 118px;
    background-image: url("../images/button.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 40px;
    
}

.m1 li a:visited
{
    height: 38px;
    width: 118px;
    background-image: url("../images/button.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 40px;
}

.m1 li a:hover
{
    height: 28px;
    width: 108px;
    background-image: url("../images/hover.jpg");
    background-repeat: no-repeat;
    display: block;
    color: #ffffff;
    padding-top: 50px;
}

#content h1
{
    padding: 0;
    margin: 0;
    font-family: tahoma, verdana, new roman;
    font-size: 22px;
    color: #ff0000;
}

#content h2
{
    padding: 0;
    margin: 0;
    font-family: tahoma, verdana, new roman;
    font-size: 14px;
    color: #009245;
    font-weight: normal;
    margin-top: 20px;
}

#content p
{
   /* margin-right: 70px;*/
    font-family: tahoma, verdana, new roman;
    font-size: 15px;
    white-space: normal;
}

.image1
{
    float: right;
    margin-right: 40px;
    margin-top: 15px;
}

.image2
{
    margin-top: 20px;
}

table
{
   margin: 0 auto;
   border-bottom-color: #cccccc;
   border-bottom: thin;
}



#list
{
    color: #ff0000;
    font-size: 16px;
}

.news p
{
    padding-right: 60px;
}

.right
{
    float: left;
}
#mainContent
{
    width: 620px;
    height: 550px;
    margin: 0 auto;
    overflow: auto;
}

/*#mainContent ul li {
	margin: 0 0 0 -15px;
	}*/

#number
{
    padding: 0;
    margin: 0;
    font-family: tahoma, verdana, new roman;
    font-size: 14px;
    color: #ff0000;
    font-weight: normal;
    text-align: center;
    
}

#subNav
{
    color: #999999;
    font-size: 11px;
    text-align: center;
}

p 
{
    margin-right: 10px;
}

.cont
{
    margin-left: 30px;
}


.header
{
 font-size: 17px;
 
}

.header2
{
 font-size: 17px;
 margin: 0 0 0 0px;
 }
 
.bottom1 {
	margin: 0 0 0 0px;
	}


/*#### FORM STYLEING ####*/

#form1, #textForm
{
    width: 500px;
    font-size: small;
    color: #000000;
}

legend
{
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

fieldset
{
    border-style: none;
}

.fieldsetOne
{
    width: 500px;
}

.clear
{
    clear:both;
    height:5px;
    
}

.col0
{
    width: 50%;
}

.colnote
{
    width: 320px;
    float: left;
    font-style: italic;
    color: #999999;
}

.grey
{
    font-style: italic;
    color: #999999;
}

.col1, .col5
{
    width: 40%;
    display:inline;
    float: left;
}

.col00
{
    width: 20%;
    display:inline;
    float: left;
}

.col2
{
    width: 30%;
   
}

.col3
{
    overflow: auto;
    float: left;
    
}

input
{
    height: 13px;
    font-size: 13px;
}

.extra
{
    float: left;
    font-size: 7pt;
}



.button
{
    
    height: 25px;
    margin-left: 230px;
    font-size: 10pt;
    
}

#subNav a:active, #subNav a:visited, #subNav a
{
    color: #999999;
}

i
{
    font-size: 12px;
    /*font-weight: bold;*/
    color: #009245;
}