body {
    color: #333;
    font-family: verdana,arial,sans-serif;
    margin: 0;
    height: 100%;
	font-size:62.5%;     /* for IE/Win */
}

html {height: 100%;}

html>body {font-size:10px} /* for everything else */

div,table,td,th {font-size: 1em;}

img {border: 0;}

a:link {text-decoration: none; color: #503703;}
a:visited {text-decoration: none; color: #503703;}
a:hover {text-decoration: underline; color: #503703;}
a:active {text-decoration: none; color: #503703;}

#contact_info a:link {text-decoration: none; color: #fff;}
#contact_info a:visited {text-decoration: none; color: #fff;}
#contact_info a:hover {text-decoration: underline; color: #fff;}
#contact_info a:active {text-decoration: none; color: #fff;}

h1 {color: #333;}
h2 {color: #333;}
h3 {color: #333;}
h4 {color: #333;}

h4.phil {color: #833b07; text-align: center;}
h4.slogan {color: #b57c09; letter-spacing: 2px;}

div.background {
    width: 1012px;
    height: 768px;
    margin-left: auto;     
    margin-right: auto;
}

#index {background: #260300 url(images/tilestrip_red.jpg) repeat-x 50% 0;}
#overview {background: #1e0b01 url(images/tilestrip_brown.jpg) repeat-x 50% 0;}
#philosophy {background: #452104 url(images/tilestrip_gold.jpg) repeat-x 50% 0;}
#message {background: #1b0d05 url(images/tilestrip_purple.jpg) repeat-x 50% 0;}
#litigation {background: #0a0d10 url(images/tilestrip_blue.jpg) repeat-x 50% 0;}
#join {background: #131404 url(images/tilestrip_teal.jpg) repeat-x 50% 0;}
#contact {background: #260300 url(images/tilestrip_red.jpg) repeat-x 50% 0;}
#resources {background: #351300 url(images/tilestrip_orange.jpg) repeat-x 50% 0;}


#wrapper {
    width: 792px;
    padding-top: 56px;
    margin-left: auto;     
    margin-right: auto;
}

#header {
    width: 792px; 
    height: 86px;  
    background: transparent url(images/header.png) no-repeat top left;          
}

#nav {
    float: right;
    position: relative;
    top: 35px;
    left: -6px;
}

#content {
    clear: both;
    background-color: #f2eed6;
    width: 774px;  
    min-height: 356px;
    padding: 0 9px 9px 9px;
    margin: 0;
}

#page_left {
    float: left;
    padding: 9px 0 0 0;
}

#page_divider {
    float: left;
    width: 19px;
    height: 356px;
    background: transparent url(images/page_divider.png) no-repeat top left;
}

#page_right {
    padding: 9px 0 0 0;
}

#text {
    min-height: 356px;
    margin: 0 0 0 0; 
    background: transparent url(images/content_box.png) no-repeat top right; 
    overflow: hidden;
}

#text_head {
    width: 40px;
    height: 20px;
    background: #f2eed6 url(images/content_box.png) no-repeat top left; 
    overflow: hidden;
}

#text_body {
    padding: 4px 10px 10px 10px;
    line-height: 1.5;
}


#footer {
    clear: both;
    width: 792px;  
    background: transparent url(images/footer.png) no-repeat top left;          
    height: 62px;     
}

#contact_info {
    width: 550px;
    float: left;
    position: relative;
    top: 22px;
    left: 20px;
    color: #fff;
    font-size: .9em;
}

#footer_links {
    float: right;
    margin: 16px 10px 0 0;    
}

ul#links {
    background: transparent;
    margin: 0;
    padding: 10px 0 0 87px;
}

#links li {
    list-style: none;
}

p.links {
    margin: 0 0 0 86px;
}

div.credit {
    font-size: .9em;
    padding: 10px 0 10px 20px;
    color: #422f0a;
/*    color: #503703;*/
}

#credit_index, #credit_index a {color: #862119;}
#credit_overview, #credit_overview a {color: #71450d;}
#credit_philosophy, #credit_philosophy a {color: #c7944c;}
#credit_message, #credit_message a {color: #562a10;}
#credit_litigation, #credit_litigation a {color: #3e566a;}
#credit_join, #credit_join a {color: #476542;}
#credit_contact, #credit_contact a {color: #862119;}
#credit_resources, #credit_resources a {color: #a5702d;}

#credit_index a:hover,#credit_overview a:hover,#credit_philosophy a:hover,
#credit_message a:hover,#credit_litigation a:hover,#credit_join a:hover,
#credit_contact a:hover,#credit_resources a:hover {text-decoration: none; color: #f2eed6;}

div.columnLeft {
    width: 345px;
    float: left;
    padding-left: 5px;    
}

div.columnRight {
    padding-left: 30px;
    width: 345px;
    float: left;
}

.center {text-align: center;}

.block {margin: 0;}

.ochre {color: #b57c09;}

span.philHead {
    font-weight: bold;
    color: #833b07;    
}

span.messHead {
    font-weight: bold;
    color: #b38835;    
}

/*********************** IMAGES ******************************/

#title {
    float: left;
    position: relative;
    top: 10px;
    left: 10px;
}

#founder {
    float: left;
    padding: 4px 9px 0 2px;
}

/*****************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */