/*This is the core style*/



body {
font-family: Arial, sans-serif;
margin: 0px;
background-position: left top;
background-repeat: repeat;
color: #000000;
background-image: url('../images/gray.gif');
font-size: 12px;
color: #666666;
text-align: center; 
height: 100%;
}

html {
height: 100%;
}

ul {
font-size: 14px;
text-align: left;
}


.black {
font-size: 14px;
text-align: justify;
color: black;}



h2 {
font-size: 14px;
text-align: left;
}


h1 {
font-size: 16px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #000000;}

p.footer {
font-size: .5em;
text-align: center;
margin-left: auto; 
margin-right: auto;
position:relative;
font-weight: bold;}


a:link {
font-size: 1em;
text-decoration: none;
color: #dc0211;

} 

a:visited {
font-size: 1em;
text-decoration: none;
color: #dc0211;

}

a:hover {
font-size: 1em;
background-color: #ffffff;
}

a:active {
background-color: #67849e;}


.container {
margin-top: 10px;
margin-left: auto; 
margin-right: auto;
border-top: 6px #ae8e1d groove;
border-bottom: 6px #ae8e1d groove;
border-left: 6px #ae8e1d groove;
border-right: 6px #ae8e1d groove;
background-color: white;
z-index: +1;
padding: 0px;
text-align: left;
width: 738px;

}

/* Only IE Mac will see this - this hack is a variation on Tan hack, rather than
   simply limiting code to Microsoft browsers, it should further limit to IE Mac.
   
   A common problem with float-based layouts is that the floats' container doesn't want to 
   stretch up to accomodate the floats. If you want to add, say, a border around all floats 
   (ie. a border around the container) you'll have to command the browsers somehow
   to stretch up the container all the way. Our pages showed this problem only on IE Mac. The
   overflow fix used here is explained at http://www.quirksmode.org/css/clearing.html as of this writing 
   on 11/22/05  */
 
*>html .container {o\verflow : hidden}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 20px; 
    clear: both;
   visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



#lady {
position: relative;
top: 20px;
float: left;
width: 143px;
z-index: +21;
}

#makeover {
position: relative;
top: 20px;
float: left;
width: 200px;
text-align: left;
font-size: 18px;
z-index: +20;
}

#makeover .red {
color: #b1090d;
font-weight: bold;
}


#quote {
background-color: white;
color:  #B1090d;
text-align: center;
font-size: 18px;
}

#footer {
position: relative;
float: left;
width: 800px;
text-align: center;
margin-top: 5px;
text-align: center;
font-size: 12px;

}


#happen {
font-size: 18px;
text-align: center;
letter-spacing: 4px;
font-weight: bold;
}


#banner {
margin-top:  0px;
margin-left: 0px;
width: 738px;
border-bottom: 6px #ae8e1d groove;
position: relative;
background-color: #B1090D;
z-index: +3;
}

#homeleft {
float: left; 
width: 350px; 
margin-top: 0px;
padding-bottom:10px
}

#homeright {
float: right; 
width: 370px; 
margin-top: 0px; 
margin-right: 6px;
margin-bottom: 10px;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 10px;
border: 2px #b1090d solid;
text-align: left;
font-size: 12px;
line-height: 1.5em;
z-index: +5;}

#homeright .red {

color: #b1090d;
background-color: #ffffff;
font-size: 12px;
font-weight: bold;
}

#chickenfox {
margin-top:  0px;
margin-left: 0px;
width: 738px;
position: relative;
z-index: +3;
}


#davinci {
position: relative;
float: left;
text-align: left;
width: 250px;
margin-left: 10px;}

#sendform {
font-size: 14px;
text-align: left;
line-height: 1.15em;
background-color: #ffffff;
position: relative; 
float: left;
width: 520px;
padding: 10px;
}

#contentleft {
font-size: 14px;
text-align: left;
line-height: 1.15em;
background-color: #ffffff;
position: relative;
float: left; 
width: 320px;
padding-right: 8px;
padding-left: 8px;
padding-top: 10px
}

#contentleft .header {
color: #666666;
font-size: 14px;
}

#contentleft img {
padding: 15px;
}

#contentleft .black {
color: #000000;
font-size: 18px;
font-weight:bold;
line-height:1.15em;
}

#contentright {
margin-right: 10px;
font-size: 14px;
text-align: left;
line-height: 1.15em;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #ffffff;
position: relative;
float: right;
width: 376px;
padding-right: 8px;
padding-left: 8px;
padding-top: 10px
}

#contentright img {
float: left; padding: 10px;
}

#contentright .black {
color: #000000;
line-height: 1.15em;
font-size: 18px;
font-weight:bold;
text-align: left;

}



#contentright ul {
line-height: 1.2em;
padding-left: 20px;
}

#contentbox {
border: 2px #c9c1c1 solid;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

#contentfull {
font-size: 14px;
text-align: left;
line-height: 1.15em;
background-color: #ffffff;
position: relative;
float: left;
left: 20px;
width: 600px;
padding: 10px;
z-index: +8;
}

#contentfull .header {
color: #000000;
font-size: 14px;
font-weight:bold;
}

#contentfull .black {
color: #000000;
font-size: 18px;
font-weight:bold;
line-height:1.15em;
}

#contentfull p {
color: #666666;
font-size: 12px;
}

#slideshow {
position: relative;
float: left;
padding: 20px;
left: 70px;
bottom: 15px;}


#navbar {
background-color: #B1090D;
position: absolute;
top: 20px;
right: 35px;
width: 139px;
border-top: 1px #AE8E1D solid;
text-align: center;
font-weight: bold;
z-index: +26;
}

#navbar a:link, #navbar a:visited {
display: block;
color: white;
background-color: #B1090D;
border-bottom: 1px #AE8E1D solid;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
}


#navbar a:hover {
color: black;}


#quotebar {
background-color: #ffffff;
color: #B1090D;
position: relative;
float: right;
right: 50px;
width: 350px;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align: center;
font-size: 12px;
padding-top: 1em;
padding-bottom: 1em;
z-index: 25;
}

#quotebar .name {
font-size: .8em;
font-weight: bold;}