html { -webkit-text-size-adjust:none; }


/* _________________________________ RESET __________________________________ */

body, html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #eeeeee; 
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,a {
	margin: 0;
	padding: 0;
	font-size: 15px;	
	line-height: 21px;
	font-family: "ff-bau-web-1","ff-bau-web-2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000000;
}

form,fieldset,input,textarea,select {
	margin: 0;
	padding: 0;
	font-size: 15px;	
	line-height: 21px;
	font-family: "ff-bau-web-1","ff-bau-web-2", Helvetica, Arial, sans-serif;
}

input, textarea {
	display: inline;
	margin-right: 5px;
	font-family: "ff-bau-web-1","ff-bau-web-2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 0px 1px 0px 1px;
}
input.nef {
	width: 160px;
	outline:none;
}
input.sef {
	width: 190px;
	outline:none;
}
input.submit {
	margin-right: 0px;
	text-align: center;
	padding: 0px 4px 0px 3px;
}
input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

iframe {
	display: block;
	border: 0;
}

form {
	margin-top: 10px;
}

img, embed, object {
	border: 0;
	margin: 0px;
	padding: 0px;
}

.nobr {
	white-space: nowrap;
}

td {
	vertical-align: top;
}

div {
	position: relative;
	float: left;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.social {
	float: right;
	width: 50px;
	text-align: right;
}
.hundred {
	width: 100%;
}
.right {
	float: right;
}

/* !This website */
#share {

}
.sharebuttons {
	display: none;
	position: absolute;
	left: -5px;
	top: 16px;
	padding: 5px;
	z-index: 2;
}
.sharebuttons a {
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 21px;
}
a.twitter  {
	background-image: url(img/twitter.png);	
}
a.facebook  {
	background-image: url(img/facebook.png);	
}

div.pn {
	position: absolute;
	bottom: 63px;
	right: 0px;
}


/* !Calendar */
div.calendar {
	padding-bottom: 21px;
}

div.calendar td, div.calendar th {
	width: 36px;
	text-align: left;
	padding-bottom: 7px;
}


#response {
	margin-top: 12px;
}


#sitewrap {
	width: 995px;
	display: block;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#site {
	padding-top: 48px;
	margin: 0px 0px 0px 0px;
	width: 995px;
	height: 100%;
	display: inline;
/*
	background-image: url(img/leading21.png);
	background-repeat: repeat;
*/
}

#leftcolumn {
	width: 295px;
	margin-left: 50px;
	margin-right: 30px;
	padding-bottom: 21px;
	display: inline;
}


#tickerwrap {
	margin-left: 50px;
	margin-right: 30px;
	width: 295px;
	height: 21px;
	overflow: hidden;
}
#ticker {
	width: 295px;
	height: 21px;
	overflow: hidden;
}


#navigation {
	width: 568px;
	padding: 0px 0px 40px 0px;
}

.bb {
	border-bottom: 1px solid #ffffff;
}

#cw {
	
	width: 568px;
}

#navigation ul {
	display: inline;
	list-style: none;	
}
#navigation li {
	display: inline;
	list-style-type: none;
	margin-right: 17px;
	font-weight: 500;
}
#navigation li.wide {
	margin-right: 30px;
}

#navigation li.si {
	margin-right: 5px;
}
#navigation li.sil {
	margin-right: 0px;
}
#navigation li.si img {
/* 	margin-top: 5px; */
}

#navigation li a {
	font-weight: 500;
	text-decoration: none;
}
#navigation li a:hover {
	font-weight: 500;
	text-decoration: underline;
}

.subnavi {
	width: 295px;
}

.subnavi ul {
	margin-left: 10px;
}

.subnavi li {
	text-indent: -10px;
}

.subnavi a {
	text-decoration: none;
}
.subnavi a:hover {
	text-decoration: underline;
}

#logo a, #logo img {
	display: block;
}

#search {
	width: 295px;
	height: 53px;
	margin: 10px 0px 0px 0px;
}

#content {
	width: 562px;
	padding-bottom: 42px;
}

.pb {
	padding-bottom: 21px;
}

.mtm {
	margin-top: 2px;
}

.mt {
	margin-top: 21px;
}
.mr {
	margin-right: 18px;
}

div.exwrap {
	padding-bottom: 42px;
}

div.topvid {
	width: 100%;
	margin-top: -5px;
	padding-bottom: 5px;	
}
div.topvid iframe {
	display: block;
}


div.topimg {
	width: 100%;
	margin-top: -5px;
	padding-bottom: 5px;
}
div.topimg img {
	display: block;
}
div.caption {
	margin-bottom: 21px;
	padding-bottom: 5px;
}
div.caption p, p.caption {
	font-size: 12px;
	line-height: 16px;
}
h1 {
	font-weight: 500;
}
h2 {
	font-style: italic;
}
h3 {
	font-weight: 500;
	margin-top: 21px;
}
.maintxt {
	width: 100%;
}

div.bubble {
	max-width: 380px;
}
div.bubble a, div.bubble p{
	line-height: 16px;
}

.italic {
	font-style: italic;
}
.bold {
	font-weight: 500;
}

#home {
	margin: 0px 0px 0px 50px;
	width: 800px;
}


#subscribe {
	margin: 25px 0px 0px 0px;
	width: 800px;
	padding-bottom: 10px;
}
.mls {
	margin-left: 5px;
}

#image {
	width: 575px;
}


p.dates {
	margin-top: 19px;
	font-weight: 500;
}



#image img {
	height: 100%;
}

.sticker {
	position: absolute;
	bottom: 5%;
	right: -20px;
	width: 170px;
	height: 171px;	
}

.sticker img {
	width: 170px;
	height: 171px;
}


#image p.dates {
	margin-top: 40px;
	font-size: 26px;
	font-weight: 500;
	line-height: 40px;
}

#map_canvas {
	position: absolute;
	left: 0px;
	top: -5px;
	width: 568px;
	height: 600px;
}

#map_canvas div {
	display: block;
	float: none;
}

#map_canvas p, #map_canvas a, #map_canvas {
	font-family: Helvetica;
	font-size: 12px;
	line-height: 16px;
}
#map_canvas a {
	text-decoration: underline;
}

.medium {
	font-weight: 500;
}

.grey {
	color: #aaaaaa;
}


.scroll {
	height: 231px;
	overflow: hidden;
}

div:focus {
    outline: none;
}



a.submit {
	text-decoration: none;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

a.share {
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 21px;
}
a.shareselected {
	background-position: 0 -21px;
}
a.share:hover {
	background-position: 0 -21px;
}


/* !Scroll */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 11px;
	height: 100%;
	background: #ffffff;
}

.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	width: 11px;
	background-image: url(img/track.gif);
	background-repeat: repeat-y;
	position: relative;
}

.jspDrag
{
	width: 11px;
	background: #cccccc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}