html,
body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
}

body	{
	background: #bbb url(../images/interface/back.png) repeat left top;
	color: #333333;
	padding-bottom: 15px;
}

/* #wrapper */

#wrapper {
	position: relative;
	background: white url(../images/interface/column_back.gif) repeat-y right top;
	border: 1px solid white;
	border-top: none;
	width: 998px;
	left: 50%;
	margin-left: -500px;
}

/* header / logo */

#header	{
	height: 192px; width: 100%;
	background: white url(../images/interface/headerphoto.jpg) no-repeat right top;
}
#photoMask {
	position: absolute;
	left: 0; top: 0;
	width: 430px; height: 136px;
	background: url(../images/interface/photomask.png) no-repeat right top;
}
* html #photoMask {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/interface/photomask.png');
}

#header h1 {
	position: absolute;
	left: 5px; top: 20px;
	width: 320px; height: 90px;
}
#header h1 a	{
	display: block;
	width: 320px; height: 90px;
	text-indent: -999em;
	text-decoration: none;
	background: url(../images/interface/logo_interserve.png) no-repeat left top;
}


/* anchors */
a	{
	color: #a9006e;
}
a:hover	{
	color: #111;
}
.more {
	font-weight: bold;
	font-style: normal;
	color: #a9006e;
}


/* #content */

#content {
	position: relative;
	margin: 0; padding: 0;
	width: 100%;
	min-height: 250px;
	background: url(../images/interface/leftbar.png) repeat-y left top;
}
* html #content {
	height: 250px;
}

/* primaryContent */

#primaryContent {
	padding: 0;
	margin: 0 250px 0 90px;
	background: url(../images/interface/bullet_title.png) no-repeat 15px 19px;
}
* html #primaryContent {
	height: 0.1em;
}
/* club interserve */
#page_clubinterserve #primaryContent {
	background: none;
}

#primaryContent .wrapper {
	padding: 15px 15px 15px 40px;
	max-width: 670px;
}

#primaryContent h2 {
	background: url(../images/interface/title_line.png) no-repeat right center;
}
#primaryContent h2 span {
	background: white;
	padding-right: 20px;
}

/* club interserve */
#page_clubinterserve #primaryContent h2 {
	height: 108px;
	background: url(../images/interface/logo_club-interserve.gif) no-repeat center center;
}
#page_clubinterserve #primaryContent h2 span {
	background: none;
	padding: none;
	visibility: hidden;
}


/* secondaryContent */

#secondaryContent {
	float: right; display: inline;
	margin: 0; padding: 0;
	width: 240px;
	font-size: 0.9em; line-height: 140%;
	color: #a9006e;
}
#secondaryContent .wrapper {
	padding: 10px;
}
#secondaryContent .spacer {
	margin: 0; padding: 0;
	line-height: 0%;
	font-size: 0;
	height: 5px;
	background: url(../images/interface/spacer.png) repeat-x left top;
}

#secondaryContent h2 {
	position: relative;
	margin-bottom: 0.3em;
	color: #a9006e;
}
#secondaryContent h4 {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 1em;
}
#secondaryContent h4 a {
	color: #a9006e;
	text-decoration: none;
}
#secondaryContent h4 a:hover {
	color: #a9006e;
	text-decoration: underline;
}
#secondaryContent h5 {
	font-size: 0.85em;
	color: #494f54;
}

#homeColumns td {
	width: 50%;
}
#homeColumns .date {
	font-weight: bold;
	font-size: 0.85em;
	color: #3e4348;
}
#homeColumns .lead {
	font-weight: bold;
	margin-bottom: 0.5em;
}
#homeColumns hr {
	margin-bottom: 0.5em;
}


/* #menu */

#menu {
	position: absolute;
	top: 136px;	left: 0;
	width: 100%; height: 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: #a9006e;
}	
#menu h2 {
	display: none;
}
#menu ul,
#menu li {
	margin: 0; padding: 0;
	list-style: none;
}
#menu ul li {
	float: left; display: inline;
	background: url(../images/interface/menuspacer_light.png) no-repeat left top;
}
#menu li a{
	display: block;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 15px 4px 15px;
	background: url(../images/interface/menuspacer_dark.png) no-repeat right center;
	color: white;
}
* html #menu li a {
	width: 20px;
	white-space: nowrap;
}
#menu li.first {
	background: none;
}
#menu li a.last {
	background: url(../images/interface/menuspacer.png) no-repeat right center;
}

#menu li.active {
	background: #bc4292;
}
#menu li:hover,
#menu li.hover {
	background: url(../images/interface/menu_back_on.png) repeat-x right top;
}
#menu li:hover a,
#menu li.hover a {
	padding: 5px 15px 3px 15px;
	color: white;
}

/* submenu */

#menu ul ul {
	position: absolute;
	display: none;
	border-top: 1px solid #a9006e;
	font-size: 12px;
}
#menu ul ul,
#menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li:hover ul,
#menu ul li.hover ul {
	/* #menu ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}
#menu li li {
	float: none;
	background: none;
	position: relative;
	width: 180px;
}
#wrapper #menu ul li li a {
	display: block;
	width: 180px;
	padding: 1px 5px 1px 14px;
	font-size: 12px;
	line-height: 22px;
	white-space: normal;
	border: 1px solid #a9006e;
	border-top: none;
	background: #e9d1e0;
	color: #a9006e;
}
* html #wrapper #menu li li a { 
	/* Hover-back & clickarea is not 100% width in IE */
	height: 0.1em;
	line-height: 125%;
	padding: 5px 5px 5px 14px;
}
#wrapper #menu li li.hover a,
#wrapper #menu li li:hover a {
	background: white;
}

/* sub-submenu */

#wrapper #menu ul ul ul {
	position: absolute;
	top: -1px;
	left: 200px;
	display: none;
	background: none;
}

#wrapper #menu ul ul li:hover ul,
#wrapper #menu ul ul li.hover ul {
	/* #topmenuList ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}
#wrapper #menu li li li a {
	background: #e9d1e0 !important;
	color: #a9006e;
}
#wrapper #menu li li li a:hover {
	background: white !important;
	color: #a9006e;
}


/* search */

#search {
	position: absolute;
	top: 141px;
	right: 15px;
}
#search form {
	margin: 0; padding: 0;
	font-size: 13px;
	line-height: 13px;
}
#search label {
	display: none;
}
#search input {
	vertical-align: middle;
}
#search #fc_query {
	width: 120px;
	margin-right: 3px;
	border: 1px solid #6b0046;
}
#wrapper #search .button {
	height: 20px;
	padding: 1px 5px;
	font-size: 12px;
	line-height: 11px;
	border: 1px solid white;
	background: #494f54;
	color: white;
}
#wrapper #search .button:hover {
	background: #222;
	text-indent: 0;
	margin-right: 0;
}

/* breadcrumbs */

#breadcrumbs {
	position: absolute;
	top: 167px; left: 0;
	height: 25px; width: 100%;
	background: #a4a7a9;
	border-bottom: 1px solid white;
}
#breadcrumbs ul,
#breadcrumbs li {
	margin: 0; padding: 0;
}
#breadcrumbs ul {
	margin-top: 3px;
}
#breadcrumbs li {
	float: left;
	display: inline;
	padding: 0 0 0 1.2em;
	font-size: 11px;
	line-height: 18px;
	background: url(../images/interface/breadcrumbs_arrow.png) no-repeat 0.5em 0.60em;
	color: #494f54;
}
* html #breadcrumbs li {
	padding: 0 0 0 12px;
	background-position: 5px 7px; /* no scaling font-size and background for IE */
}
#breadcrumbs li.first {
	padding-left: 15px;
	background: none;
}
#breadcrumbs li a {
	color: #494f54;
	text-decoration: none;
}
#breadcrumbs li a:hover {
	color: #222;
	text-decoration: underline;
}


/* address */

address {
	font-style: normal;
}
address span.spacer {
	display: block;
	font-size: 0px;
	line-height: 60%;
	height: 8px;
}
address span.label {
	display: block;
	float: left;
	width: 1.5em;
	white-space: nowrap;
}

/* #footer */

#footer	{
	position: relative;
	width: 100%; 
	background: #a9006e;
	border-top: 1px solid white;
	font-size: 11px;
	line-height: 125%;
	color: white;
}
#footer .wrapper {
	padding: 8px 20px;
	text-align: center;
}
#footer a	{
	font-weight: bold;
	text-decoration: none;
	color: white;
}
#wrapper #footer a:hover {
	text-decoration: underline;
	color: white;
}

#footer #footerMenu {
	float: left;
	display: inline;
}
#footer #footerMenu ul,
#footer #footerMenu li {
	margin: 0;	padding: 0;
	list-style: none;
}
#footer #footerMenu li {
	float: left; display: inline;
	line-height: 110%;
	font-size: 11px;
	border-right: 1px solid #e9d1e0;
}
#footer #footerMenu li.last {
	border: none;
}
#footer #footerMenu li a {
	line-height: 120%;
	margin: 0 8px 2px 8px;
}

#footer #copyright {
	float: right; display: inline;
}


/* sidePics */

#sidePics {
	position: absolute;
	left: 20px; top: 250px;
	width: 72px;
}
#sidePics img {
	width: 70px; height: 70px;
	border: 1px solid white;
	margin-bottom: 40px;
}


/* various classes */

#content ul {
	list-style: none;
	margin: 0; padding: 0;
	margin-bottom: 1em;
}
#content ul li {
	padding-left: 1.2em;
	background: url(../images/interface/bullet.png) no-repeat 0.35em 0.5em;
	margin-bottom: 0.2em;
}

#secondaryContent .border {
	border: 1px solid white;
}
#secondaryContent blockquote {

}

hr,
h2 {
	display: none;
}
#primaryContent h2,
#secondaryContent h2,
#primaryContent hr,
#secondaryContent hr {
	display: block;
}

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}
abbr {
	border: none;
}
.clearBoth {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
	visibility: hidden;
}


/* specific */
.date {
	color: #484e53;
}

ul li span.date {
	float: right; display: inline;
	padding-left: 0.5em;
	font-size: 0.9em;
}


/* IE5.x/WIN hacks */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */


/* IE5.5 */
@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55.css'; /*";}
}/* */

.reverse {
	display: block;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 15px 4px 15px;
	background: white !important;
	color: #A9006E !important;
}

.reverse a {
	color: #A9006E !important;
}