/* @group Core Elements */

body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #ffffff;
	line-height: 135%;
}

body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
	font-size: 11px;
}

body,
body.f-default {
	font-size: 12px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 25px 0 10px 0;
	font-weight: normal;
	line-height: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */


/* @group Horizontal Menu */

#horiz-menu {
	height: 38px;
	width: 100%;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
}

#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	padding-left: 5px;
}

#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	padding-left: 5px;
	background: url(../images/dropdown-arrow-over.png) 10px 50% no-repeat;
	color: #fff;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

/* @end */


/* @grup RokContentRotator */

.rotator-4 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(../images/rotator-tl.png) no-repeat 0px 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 0px
}
.rok-content-rotator LI {
	HEIGHT: 34px
}
.rotator-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 19px; FONT-SIZE: 180%; BACKGROUND: url(../images/h3-arrow.png) no-repeat 0px 16px; PADDING-BOTTOM: 3px; COLOR: #7DA409; LINE-HEIGHT: 48px; PADDING-TOP: 0px; HEIGHT: 60px
}
.rok-content-rotator H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; Z-INDEX: 1; BACKGROUND: url(../images/rotator-tab.png) no-repeat 18px 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 7px; WIDTH: 213px; TEXT-INDENT: 40px; LINE-HEIGHT: 36px; PADDING-TOP: 0px; HEIGHT: 34px; outline: none
}
.rok-content-rotator H2 A {
	DISPLAY: block; Z-INDEX: 3; WIDTH: 213px; COLOR: #666; POSITION: absolute; outline: none
}
.rok-content-rotator H2 A.active {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
.rok-content-rotator H2 A:hover {
	TEXT-DECORATION: none
}
.rok-content-rotator H2 A.active:hover {
	TEXT-DECORATION: none
}
.rok-content-rotator .arrow {
	Z-INDEX: 2; RIGHT: 27px; BACKGROUND: url(../images/rotator-tab-active.png) no-repeat 0px 0px; WIDTH: 213px; POSITION: absolute; HEIGHT: 34px
}
.rok-content-rotator .content {
	PADDING-RIGHT: 20px; MARGIN-TOP: 65px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 0px
}
.rok-content-rotator {
	POSITION: relative
}
.rok-content-rotator UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/rotator-shadow.png) no-repeat 100% 50%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 227px; PADDING-TOP: 0px
}
.rok-content-rotator .arrow {
	POSITION: absolute; TOP: 60px
}
.rok-content-rotator LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.rok-content-rotator .content {
	LEFT: 0px; MARGIN-RIGHT: 250px; POSITION: absolute; TOP: 0px
}

/* @end */

