/* CSS Document 
   This styles the layout for the home page. */

*
{
    margin: 0;
    padding: 0;
}
* html
{
    margin: 0;
    padding: 0;
}

body
{
    /* min-width: 650px; /* 2x (LC fullwidth + CC padding) + RC fullwidth */
    max-width: 1200px;
    margin: 0;
    background-color: #d8d3ba; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    padding: 0;
    color: black;
    text-align: center;
   /* line-height: 1.5; */
    
}

#wrapper
{
    width: 96%;  /* this will create a container 90% of the browser width */
	margin: .5em auto; /* the auto margins (in conjunction with a width) center the page */
	border: none; /* border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */ 
    /*background: #FFF url(/images/bgleftcolor.gif) repeat-y 21% 0; */
    background-color: #ffffff;
    z-index: 50;
}

#innerwrapper
{
    background: url(../images/bgcontent.gif) repeat-y 21% 0;
    z-index: 250;
}

#header
{
     background: #ffffff url(../images/designelements/titlebg.gif) repeat-x 0 0;
    /* background: #ffffff url(/images/bgwhite.gif) repeat 0 0; */
	padding: 1px 5px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    height: 76px;
    z-index: 20;
}

#logo
{
    float:left;       
}

#utility
{
    
    float: right;
    text-align: right;
}

#search
{
    display: inline;
    float: right;
    width: 201px;  
    height: 37px;
    background: url(../images/searchbox.gif) no-repeat;
    margin: 1em 0 2em 0;
}

#search #txtSearch {
    
    float:left;
    padding: 0;
    margin: 10px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
}

#search #btnSearch
{
    float: right;
    margin: 3px 4px 0 0;
}


#h-contain {
	padding: 5px;
	border: 1px solid #000;
	margin-bottom: 25px;
	}
	
	


/*************** horizontal list for utility nav ****************/
#pipe
{
    background: #ffffff url(../images/bgwhite.gif) repeat 0 0;
    
    font-size: x-small;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
    height: 1.5em;
    z-index: 300;
    
}

#pipe.MainUtilMenu
{
   
}

#content
{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em; 
    
}
#leftContent
{
    width: 23%;
    float: left;
    
}

#mainContent
{
    width: 95%;
    float: left;
    border-bottom: solid 1px #bbb165;
}

#mainbody
{
    width: 77%; 
    float: right;    
}

#headline
{
    color: #00447c; 
    background: #ffffff url(../images/designelements/titlebg.gif) repeat-x top left; 
    padding: .3em;
    border-bottom: solid 1px #bbb165;
}

#headline p
{
    font-size: x-small;
}	

#footer
{
    clear: both;
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#d8d3bc;
	color: #00447c;
}

#footer p
{
    margin-bottom: 0;
}