/* body and html */
html, body{
	margin: 0px;
	padding: 0px;
	font-family: Arial Unicode MS;
    font-size: 15px;  /* standard size for normal fonts */
	color: #000;    /*standard color for all text */
	background: #01a0ca url('images/body/bg.jpg');
	text-align: center
}

a { color: #000; }

#theContainer {
    width: 1034px;
    height: auto;
    margin: 15px auto;
    padding: 0;
    background: #ffffff;
}

h1{
    font-size: 18px;
    font-style:bold;
    color:#0d8ebe;
    margin-bottom:0px;
}

h2{
    line-height:1.2em;
    font-size: 17px;
    font-style:thin;
    color:#0d8ebe;
}

ul li{
    list-style-image:url('../images/rightQuote.gif');
    margin-left:0px;
    padding-left:0px;
    line-height:1.5em
}

ul{
padding-left:14px;
}

#theContainer div { background: url('../images/body/left.jpg') repeat-y 0 0; height: 100%; width: 100% }
#theContainer div div { background: url('../images/body/right.jpg') repeat-y 100% 0; height: 100%; width: 100% }
#theContainer div div div { background: url('../images/body/top.jpg') repeat-x 0 0; height: 100%; width: 100% }
#theContainer div div div div { background: url('../images/body/bottom.jpg') repeat-x 0 100%; height: 100%; width: 100% }
#theContainer div div div div div { background: url('../images/body/top_left.jpg') no-repeat 0 0; height: 100%; width: 100% }
#theContainer div div div div div div { background: url('../images/body/top_right.jpg') no-repeat 100% 0; height: 100%; width: 100% }
#theContainer div div div div div div div { background: url('../images/body/bottom_left.jpg') no-repeat 0 100%; height: 100%; width: 100% }
#theContainer div div div div div div div div { background: url('../images/body/bottom_right.jpg') no-repeat 100% 100%; height: auto; width: 1000px; padding: 17px }
/* clear the rest of these divvers out */
#theContainer div div div div div div div div div { 
    background: 0;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
}


#theContainer div#theHeader {
    background: url('../images/header.jpg') no-repeat 0 0;
    width: 1000px;
    height: 47px;
    border-bottom: 1px solid #01a0ca;
    margin: 0;
    padding-left:0; padding-right:0; padding-top:188px; padding-bottom:0
}

/*theNavigation is sometimes inside theHeader, sometimes not, but either way, needs its own styles. */
#theNavigation {
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #ffffff;
    font-size: 15px; 
}

/* navigation is very important. especially the a tags. sometimes use blocks, sometimes something else */

#theNavigation a { 
    color: #ffffff; 
    text-decoration: none; 
    font-size: 15px; 
    padding: 0 7px;
}
#theNavigation a:hover { color: #01a0ca; }
#theNavigation a.current { color: #01a0ca; }

/* end navigation */

/*start content styles */
#theContainer div#theBody {
    background: #ffffff url('../images/blueBackRepeater.jpg') repeat-x 0 0; 
    width: 100%
}

#theBody div#theLeft {
    float: left;
    display: inline;
    width: 530px;
    border-right: 1px solid #01a0ca;
    padding-right: 20px;
    margin-left:50px;
    margin-top:20px;
    font-family: 'Arial Unicode MS',sans-serif;
    font-size: 17px;  /* standard size for normal fonts */
}

#theBody div.quote_box{
    float: right;
    width: 285px;
    border: 1px solid #01a0ca;
    margin-top:14px;
    background: url('../images/quoteBack.jpg') top center;
}

#theBody div.rightquote_box{
    float: right;
    width: 320px;
    border: 1px solid #01a0ca;
    margin-top:14px;
    background: url('../images/quoteBack.jpg') top center;
}

#theBody div.emptyBox{
    float: left;
    width: 230px;
    margin-top:0px;
}

#theBody div#theRight { 
    float: left;
    display: inline;
    margin: 0 50px 0 20px;
    width: 320px;
    margin-top:20px;
    font-family: 'Arial Unicode MS',sans-serif;
    font-size: 15px;  /* standard size for normal fonts */
}

#theFooter p{
border-top:1px solid #01a0ca;
width:100%;
 font-size:12px;
height:100px;
padding-top:15px;
height:auto;
}    

#theFootertable p{
border-top:0px solid #01a0ca;
width:100%;
 font-size:12px;
height:100px;
padding-top:15px;
height:auto;
}  

 
 .floatLeft { float: left; display: inline; }
 img.floatLeft { float: left; display: inline; margin: 10px 10px 10px 0; }

/* End Containers */

sup {   font-size: 85%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
/*fixes floating div problems*/
.clearfix:after, #theContainer:after, #theBody:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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