@import url("fonts.css");

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana;
	background: url(../images/bg.gif) repeat-x center top #d6ecf2;
}

p {
	margin: 0;
	padding: 0;
}

div#page {
	width: 960px;
	min-height: 100%;
	padding: 0;	
	position: relative;
	margin: auto;
	background: url(../images/bg_main.gif) left repeat-y #ffffff;
	border-left: 1px solid #b0d6f1;
	border-right: 1px solid #b0d6f1;	
}

/* IE6 Hack */
* html div#page {
	height: 100%;
}


div#page span.screenreader a {
	position: absolute; 
	z-index: 2; 
	width: 10em; 
	overflow: hidden; 
	top: -1000em; 
	left: -1000em;
}

div#page span.screenreader a:focus {
	position: absolute; 
	z-index: 0; 
	width: 195px; 
	top: 35px; 
	left: 0%;
	margin-left: 19px;
	padding: 3px;
	text-decoration: underline; 
	color: #000; 
	background: #ffc; 
	font-size: 90%;
}	
	
div#page span.screenreader a:active {
	position: absolute; 
	z-index: 0; 
	width: 195px; 
	top: 35px; 
	left: 0%;
	margin-left: 19px; 
	padding: 3px;	
	text-decoration: underline; 
	color: #000; 
	background: #efefef; 
	font-size: 90%;
}	

div#header {
	float: left;
	width: 960px;
	height: 159px;
	background: url(../images/bg_headerline.gif) repeat-x bottom left;
}

div#header div#logo {
	float: left;
	width: 695px;
	height: 120px;
	background: url(../images/topimage.jpg) top right no-repeat white;
	padding: 30px 0 8px 45px;
	margin-right: 1px;	
}

div#header div#collage {
	float: left;
	width: 219px;
	height: 158px;
}

div#main {
	float: left;
	width: 960px;
	padding-bottom: 62px;
	_padding-bottom: 20px;
}

div#main div#navigation {
	background: url(../images/bg_topcontent.gif) left top repeat-x;
	float: left;
	width: 159px;
	min-height: 100px;
	padding: 42px 30px 0 30px;
	_padding: 30px 23px 0 28px;	
	margin-right: 1px;
}

div#main div#content {
	background: url(../images/bg_topcontent.gif) left top repeat-x;
	float: left;
	width: 420px;
	margin: 0;
	padding: 35px 50px 30px 50px;
	_padding: 22px 50px 30px 50px;
}

div#main div#right {
	background: url(../images/bg_topcontent.gif) left top repeat-x;
	float: left;
	width: 179px;
	padding: 49px 20px 0 20px;
	_padding: 36px 10px 0 16px;
	margin-left: 1px;	
}

div#main div#right div#teaser {
	float: left;
	width: 179px;
	height: auto;
}

div#main div#right div#sponsor {
	/*position: absolute;*/
	right: 0;
	/*bottom: 50px;*/	
	width: 178px;
	height: 220px;
	padding: 0px 14px 0 0;
	margin: 75px 0 0 0;
	float: left
}

div#bottom {
	position: absolute;	
	bottom: 0px;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 62px;
	background: url(../images/line.gif) top left repeat-x;
}

div#bottom div#memberbox {
	float: left;
	width: 190px;
	padding: 10px 0 0 30px;
}

div#bottom div#memberbox p {
	color: #525252;
	font-size: 10px;
}

div#bottom div#footer {
	float: left;
	width: 418px;
	padding: 10px 50px 10px 50px;	
}

div#bottom div#footer span#footertext, div#bottom div#footer span#footertext a {
	color: #999999;
	font-size: 86%;
}

div#bottom div#footer span.cms a,
div#bottom div#footer a {
	color: #ccc;
	font-size: 86%;
	text-decoration: none;
}

div#bottom div#footer span#footertext a:hover, div#bottom div#footer span.cms a:hover {
	color: #999;
	text-decoration: underline;
}

div#bottom div#shorticons {
	float: left;
	width: 180px;
	padding: 10px 20px 10px 20px;
}

div#bottom div#shorticons img {
	float: left;
	display: block;
}

div.clear {
	clear: both;
	line-height: 0;
	height: 1px;
	width: 100%;	
	font-size: 0;
}

/* hide footer in cms */
body.cms_editpage div#footer {
	visibility: hidden;
}

/* hide footer in cms */
body.cms_editpage div#sponsor {
	left: 0;
}

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}  


.addthis_toolbox {
	margin-top: 5px;
}