body
{
    margin: 0;
    background: #eaeaea url(site_bg.jpg) repeat-x left top;
    font-size: small;
    font-family: Arial;
}
#site-wrapper
{
    width: 100%;
    padding: 0;
    
}
#banner-wrapper
{
    width: 100%;
    height: 196px;
    background: url(banner_bg_blue.jpg) repeat-x left top;
    padding: 0;
    margin: 0;
}
#banner
{
    width: 970px;
    margin: auto;
    padding: 0;
}
#logo-contact-container
{
    float: left;
    width: 970px;
    padding: 0;
    margin: 0;
}

#logo-container
{
    float: left;
    width: 650px;
}

.contactpane
{
    float: right;
    width: 320px;
    padding: 0;
    margin-top: 20px;
    text-align: right;
    font-size: 170%;
    color: #591718;
}

#breadcrumb-date-wrapper
{
    width: 646px;
    float: left;
    margin-top: 10px; 
}
.breadcrumb
{
    width: 646px;
    float: left;
    padding: 0 5px;
    color: #fff;
}

.hide
{
    visibility: hidden;
}

.date
{
    width: 646px;
    float: left;
    padding: 0 0 0 5px;
    text-align: left;
}
#user-container
{
    width: 955px;
    margin: auto;
    text-align: right;
    padding-top: 10px;
    padding-right: 15px;
}
.search-wrapper
{
    width: 324px;
    float: right;
}

#content-wrapper
{
    margin: -10px auto;
    width: 970px;
    background: url(twocol-bg.gif) repeat-y left top;
}

#twocol-wrapper
{
    width: 756px;
    float: left;
}

.leftpane
{
    width: 184px;
    float: left;
    padding: 1px 0 0 1px;
}

.contentpane
{
    float: right;
    width: 551px;
    padding: 10px;
}
.rightpane
{
    width: 194px;
    float: right;
    padding: 18px 0 8px 20px;
  
}
.clear
{
    clear: both;
}
#bottom-wrapper
{
    margin-top: 12px;
    width: 100%;
    background: #4151a8 url(bottom_bg_blue.jpg) repeat-x left top;
}
.bottompane
{
    width: 970px;
    margin: auto;
    padding: 8px 0;
    font-size: .9em;
    color: #ccc;
    height: 180px;
}
/* nav ==============
        */



#nav, #nav *
{
    margin: 0;
    padding: 0;
    list-style: none;
}


#nav
{
    line-height: 0;
    position: relative;
    left: 0;
    top:0;
    z-index:998;
}

#nav ul
{
    position: absolute;
    top: -999em;
    width: 180px;
    z-index: 999; /*border: #8395e9 solid;     border-width: 0 1px 1px 1px;*/
}


#nav li
{
    float: left;
    position: relative;
    margin: 0 1px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#nav a
{
    display: block;
    background: url(tab.png) no-repeat;
    position: relative;
    font-size: 14px;
    color: #fff;
    padding: 6px 0 0 0;
    text-decoration: none;
    width: 119px;
    height: 33px;
    line-height: 1em;
    margin: 0;
}

#nav a:hover
{
    color: #fff;
}

#nav li:hover
{
    visibility: inherit;
    z-index: 1px;
    position: relative;
}

#nav li:hover ul, #nav li.sfHover ul
{
    left: 0;
    top: 39px;
    display: block;
    z-index: 1px;
    border: 1px solid #8395e9;
}



/*
#nav .last {
background-image:url(images/right_on.gif);
}
*/

#nav a.selected, #nav a.bcrumb /*, #nav a:hover, #nav a.selected:hover*/ /*, #nav a:hover, #nav a.selected:hover*/
{
    /*  background: #621717 url(images/on_bg.gif) repeat-x left top;*/
    display: block;
    color: #fff; /*font-weight: bold;   text-transform: uppercase;     letter-spacing: .1em;*/
    background: url(tab-selected.png) no-repeat;
}

#nav a.selected:hover
{
    color: #ffc;
}
#nav ul li
{
    width: 100%;
    border-bottom: 1px solid #8395e9;
}

#nav ul li.last
{
    border: 0;
}
#nav ul a
{
    display: block;
    height: auto;
    line-height: normal;
    padding: 0;
    border: 0;
    background-image: none;
    background-color: #4151a8;
    font-size: 12px;
    color: #000;
    width: 100%;
}

#nav ul a:hover
{
    color: #fff;
}

#nav ul li a
{
    color: #fff;
    text-align: left;
    padding: 8px;
    width: 164px;
}

#nav ul li a:hover
{
    color: #ffc;
}

#nav ul li a.hasChildren
{
    background-image: none;
    background-color: #3b0807;
    border: #6a4f4f solid;
    border-width: 0 1px 1px 1px;
}
/*
#nav ul li a.bcrumb
{
    background: #363669 url(images/off_bg.gif) repeat-x left top;
}

#nav ul li a:hover
{
    background: #363669 url(images/off_bg.gif) repeat-x left top;
}

*/

#nav ul li a.selected
{
    background-image: none;
    background-color: #fff;
    border-color: #f00;
    border-width: 0 1px 1px 1px;
    color:#333;
}


#nav ul li a.selected.hasChildren
{
    background-image: none;
    background-color: #3b0807;
    border: #6a4f4f solid;
    border-width: 0 1px 1px 1px;
}

/*
#nav ul ul
{
}

#nav li:hover li ul, #nav li.sfHover li ul
{
    top: -999em;
}
#nav li li:hover ul, #nav li li.sfHover ul
{
    left: 10em;
    top: -1px;
}
#nav li li:hover li ul, #nav li li.sfHover li ul
{
    top: -999em;
}
#nav li li li:hover ul, #nav li li li.sfHover ul
{
    left: 10em;
    top: -1px;
}
*/

/* layout 
================ */
#search
{
    float: right;
    padding: 0 15px 0 0;
    position: relative;
    top:10px;
    right: 0;
}
#search .NormalTextBox
{
    background: #FFF;
    border: 1px #666 solid;
    width: 135px;
    float: left;
    height: 14px;
    color: #666;
    font: normal .8em arial;
    padding-left: 5px;
}
#search a
{
    position: absolute;
    top: 1px;
    right: 3px;
}

/* search */
a.search
{
    font-weight: bold;
    font-size: .8em;
    background: transparent url(images/search.png);
    display: block;
    height: 16px;
    text-indent: -100000px;
    width: 16px;
}
a.search:link
{
    color: #FFF;
    text-decoration: none;
}
a.search:visited
{
    color: #FFF;
    text-decoration: none;
}
a.search:hover
{
    color: #FFF;
    text-decoration: none;
}
a.search:active
{
    color: #FFF;
    text-decoration: none;
}


/* user skin object classes
====================
*/
.MyRegisterCssClass{
visibility:hidden;
}
.MyUserSkinObjectCssClass
{
    color: #666;
    font-size: .9em;
}
.MyUserSkinObjectCssClass a
{
    color: #666; /*  font-size: .9em;*/
}

a.MyUserSkinObjectCssClass
{
    color: #666;
    text-decoration: none;
}

a.MyUserSkinObjectCssClass:hover
{
    color: #666;
    text-decoration: underline;
}

.mySkinDateClass
{
    color: #fff;
    font-size: 1em;
}

a.mySkinDateClass
{
    color: #fff;
    text-decoration: none;
}

a.mySkinDateClass:hover
{
    text-decoration: underline;
}


.topcss
{
    color: #88a065;
}

A.topcss:link, A.topcss:active, A.topcss:visited
{
    font-size: 1em;
    color: #fff7e7;
    text-decoration: none;
}
A.topcss:hover
{
    font-size: 1em;
    color: #999;
    text-decoration: underline;
}

ul
{
    margin: 10px 0 0 17px;
    padding: 0;
}

ul li
{
    list-style-image: url(images/marker.gif);
}

.ICG_ETH_Expanders
{
    margin-top: -15px;
    line-height: 1.4em; /*margin-bottom:8px;*/
}

table#latest
{
}

.simpleform
{
    background: url(images/form-bg.jpg) repeat-x left bottom;
    font-size: .9em;
    margin-top: -25px;
    margin-left: -10px;
}

.simpleform td
{
    padding: 4px 0;
    vertical-align: top;
}

.altlabel
{
    color: #c00;
}

/* social pane */
.SocialPane{
float: right;
/* background: red;*/ 
width: 165px;
height:40px;
position:relative;
left:40px;
top:5px;
}

/* =submit button
---------------------------------------- */
.button {
	color:#fff7e7;
	font-family:Arial, Tahoma, Verdana;
	text-transform:uppercase;
	font-size:12px;
border:none;
background: url(/wp-content/themes/herrick/images/button.png);
padding: 2px 8px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button:hover {
color:#fff7e7;
border:none;
background: url(/wp-content/themes/herrick/images/button-hover.png);
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}