body { background-color: #DBD1C1; }

#branding #searchform {
	margin-left:752px;
	position:relative;
	text-align:right;
	margin-top:0px;
}
#branding #searchform div { margin: 0; }
#branding #s {
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
/*    background: url(images/search.png) no-repeat 5px 6px; */
    float: right;
    font-size: 14px;
    height: 22px;
    margin-top: -40px;
    padding: 4px 10px 4px 28px;
    width: 56%;
}
#branding #s:focus {
    background-color: #f9f9f9;
    width: 114%;
}
#branding #searchsubmit { display: none; }
#branding img {
    border-bottom: 0;
    border-top: 0;
    display: block;
    float: left;
}
#branding .only-search #searchform {
    z-index: 1;
}
#branding .only-search #s {
    background-color: #ddd;
    border-color: #333;
    color: #222;
}
#branding .only-search #s:focus { background-color: #eee; }

#logoLink2 {
    bottom: 0;
    display: block;
    height: 43px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 340px;
    text-align: right;
    width: 300px;
overflow: hidden;
    text-indent: -9999em;
    top: 0;
}
#logoLink {
    display: block;
    height: 63px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 340px;
    width: 300px;
overflow: hidden;
    text-indent: -9999em;
    top: 0;
}
#headerLinks {
    bottom: 0;
    display: block;
    height: 23px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 350px;
}

#headerLinks ul {
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
}
#headerLinks ul li {
	margin: 0;
	padding: 0 7px 0 5px;
	display: inline;
	border-right: 1px solid #987c4d;
}
#headerLinks ul li.end {
	border-right: none;
	padding: 0 0 0 5px;
}
#headerLinks ul li a {
	font-size: 10px;
	color: #987c4d;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#headerLinks ul li a:hover {
	color: #600;
	border-bottom: 1px dotted #600;
}
/* End Searchform
 * --------------------------------------------------------------------------- */


#wrapper{margin-top: 0; -moz-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-border-radius: 7px;}

.separator { height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #C0C0C0; }

#footer p {
    color: #987C4D;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4em;
}
#footer p.floatright {
    text-align: right;
}
#footer p a {
    color: #987C4D;
    font-weight: bold;
	    font-size: 1em;
}
#footer p a:hover {
    border-bottom: 1px dotted #660000;
    color: #660000;
    font-weight: bold;
}

.floatright {
	margin: 0;
	padding: 0;
	float: right;
}
.floatleft {
	margin: 0;
	padding: 0;
	float: left;
}

#bannerContainer {
	position: relative;
	left: 0px;
	width: 980px;
	height: 89px;

}

#colophon2 {
	margin: 0 0 0 0;
	padding: 40px 0px 0px 0px;
	background: url(http://www.winterthur.org/framework/app980/std/footer_bg.png) no-repeat #fff;
	height: 65px;
	position: relative;
	overflow: hidden;
	width: 932px;
}

#footerLink {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 45px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 445px;
}

.widget-container {
background:  #EDEDED;
position: relative;
zoom: 1;
    border: 1px solid #CCCCCC;
	margin: 0 0 18px 0;
    padding: 10px 5px 10px 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}


#header {
    padding: 0 0 0;
}

#site-title a {
	color: pink;
}
/* LOADER/SPINNER: Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .5 ) 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}