/***************************************************************************}
{* ExiteCMS Web Application Framework                                      *}
{***************************************************************************}
{* Copyright 2008-2009 Exite BV, The Netherlands                           *}
{* for support, please visit http://www.exitecms.org                       *}
{***************************************************************************}
{*                                                                         *}
{* Theme name: ExiteCMS v8 default theme                                   *}
{* Author    : Rollsroyce, ExiteCMS development team                       *}
{*                                                                         *}
{***************************************************************************}
{*                                                                         *}
{* CSS overrides for the page_default template                             *}
{*                                                                         *}
{***************************************************************************/
#wrapper {
	padding:15px 0px 0px 0px;
	width:988px;
	background-color:#fff;
	z-index:-1;
}

.wrapper {
	width:962px;
	background-color:#dadada;
	text-align:left;
}

#topwrapper {
	padding:0 25px;
	height:auto!important;
	height:95px;
	min-height:95px;
}

#topleft {
	float:left;
	padding-top:24px;
}

#logo, #logo p {
	margin:0px;
	padding:0px;
	height:60px;
	width:360px;
}

#topright {
	float:right;
	padding-top:24px;
}

#bread {
	padding:5px 15px 0px 15px;
	font-size:100%;
}
#bread a {
	font-weight:normal;
}
#bread .bgleft {
	background:url(../images/bread-l.gif) top left no-repeat;
	padding-left:8px;
}
#bread .bgright {
	background:url(../images/bread-r.gif) top right no-repeat;
	padding-right:10px;
}
#bread .bg {
	background:url(../images/breadbg.gif) top left repeat-x;
	padding:10px 0;
}
#bread img {
	vertical-align:middle;
	margin:-2px;
}

#left {
	float:left;
	width:230px;
}

#right{
	float:right;
	width:688px;
}

#left .module, #right .module {
	background:url(../images/module-tr.gif) top right no-repeat;
	margin-bottom:15px;
	float:left;
	width:100%;
}

#left .module div, #right .module div {
	background:url(../images/module-tl.gif) top left no-repeat;
}

#left .module div div, #right .module div div {
	background: url(../images/module-bl.gif) bottom left no-repeat;
}

#left .module div div div, #right .module div div div {
	background:url(../images/module-br.gif) bottom right no-repeat;
	padding:10px;
}

#left .module div div div div, #right .module div div div div {
	padding:0;
	background:url(../images/blank.gif) no-repeat;
}

.module .header {
	font-size:1.3em;
	color:#000000;
	background:url(../images/h3-tr.gif) top right no-repeat;
	margin:-10px -10px 0px -10px;
	letter-spacing: 0px;
	padding:15px 0;
}

.module .header span {
	padding:15px 10px;
	background:url(../images/h3-tl.gif) top left no-repeat;
}

#message {
	background-color: #ffffff;
	font-weight:bold;
	/* message panel style */
}

#message .bgtl {
	background:url(../images/message-tl.gif) top left no-repeat;
}

#message .bgtr{
	background:url(../images/message-tr.gif) top right no-repeat;
}

#message .bgbl {
	background:url(../images/message-bl.gif) bottom left no-repeat;
}
#message .bgbr {
	background:url(../images/message-br.gif) bottom right no-repeat;
	padding:10px 15px;
}

#message, #topmodule, #mainbody {
	background-color:#fff;
	margin-bottom:15px;
}

#topmodule .bgtl {
	background:url(../images/topmodule-tl.gif) top left no-repeat;
}

#topmodule .bgtr{
	background:url(../images/topmodule-tr.gif) top right no-repeat;
}

#topmodule .bgbl {
	background:url(../images/topmodule-bl.gif) bottom left no-repeat;
}
#topmodule .bgbr {
	background:url(../images/topmodule-br.gif) bottom right no-repeat;
	padding:10px 15px;
}
#topmodule .panelcontent {
	margin-bottom: 15px;
}

#mainbody .bgbl {
	background:url(../images/mainbody-bl.gif) bottom left no-repeat;
}
#mainbody .bgtl {
	background:url(../images/mainbody-tl.jpg) top left no-repeat;
}
#mainbody .bgtr {
	background:url(../images/mainbody-tr.jpg) top right no-repeat;
}
#mainbody .bgbr{
	background:url(../images/mainbody-br.gif) bottom right no-repeat;
	padding:10px 15px;
}
#mainbody .panelcontent {
	margin-bottom: 5px;
}
#mainbody .panelcontent .header {
	font-size:1.8em;
	color:#2c4f97;
	margin-bottom: 20px;
}

#mainbody fieldset {
	padding: 10px;
	margin-bottom:10px;
}

#mainbody legend {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 0px 5px;
	font-weight:bold;
}

#mainbody .panelcontent fieldset .spacing {
	line-height:1.5;
	margin-left:75px;
}

#mainbody .panelcontent fieldset .spacing img {
	vertical-align:middle;
}

#mainbody .panelcontent fieldset div .icon {
	float:left;
}

#bottomwrapper {
	padding:15px;
	background-color:#bababa;
}

#bottomwrapper .bgtr {
	background:url(../images/bottom-tr.gif) top right no-repeat;
}

#bottomwrapper .bgtl {
	background:url(../images/bottom-tl.gif) top left no-repeat;
}

#bottomwrapper .bgbl{
	background:url(../images/bottom-bl.gif) bottom left no-repeat;
}

#bottomwrapper .bgbr {
	background:url(../images/bottom-br.gif) bottom right no-repeat;
	padding:15px 10px;
}

#bottomwrapper .panelcontent {
	padding:10px 20px;
}

#footerwrapper {
	font-size:80%;
	color:#e8e8e8;
	background-color:#838383;
	padding:10px 20px;
	height:25px;
	position: relative;
}

#footerwrapper a {
	color:#e8e8e8;
	text-decoration:underline;
	font-weight:normal;
}

#footerwrapper a:hover {
	color:#fff;
}

#footerleft {
	float:left;
	width:640px;
}

#footerright {
	float:right;
	width:280px;
	text-align:right;
	position: absolute;
	right:20px;
	bottom:10px;
}

#centerbottom {
	margin-top:10px;
}

#centerleft {
	float:left;
}
#centerright {
	float:right;
}
#centerleft, #centerright {
	width:49%;
}

#bottomleft, #bottomcenter, #bottomright {
	float:left;
	width:33%;
}
#bottomleft .header, #bottomcenter .header, #bottomright .header {
	font-size:1.4em;
	color:#2c4f97;
	font-weight:bold;
	background:url(../images/dotted.png) bottom left repeat-x;
	padding:0 0 10px 0;
}

/*-----HEADERMENU MENU-----*/

ul#headermenu {
	padding:0;
	margin:0;
	text-align:right;
	padding-right:10px;
}

ul#headermenu li {
	display:inline;
	padding:0;
	margin:0;
}

a.headermenu{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	border-right:#fff 1px solid;
}

a.headermenu:hover {
	text-decoration:underline;
}

/*-----NAVWRAPPER MENU-----*/

#navwrapper {
	position:relative;
	z-index:100;
	background:url(../images/navbg.jpg) top left repeat-x;
	height:43px;
}

/* style for the mainlevel's ul and sublevel's ul */
#navwrapper ul.menu, #navwrapper ul.menu ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#navwrapper ul.menu {
	padding:11px 10px 0 10px;
}

#navwrapper ul.menu a {
	display:block;
}

/* mainlevel's li */
#navwrapper ul.menu li {
	float:left;
	padding:0;
	background:none;
	margin:0;
	margin-right:6px;
}

#navwrapper ul.menu li ul {
	clear:both;
	position:absolute;
	left:-999em;
	top:32px;
	height:auto;
	width:180px;
	margin:0;
	padding-top:3px;
	padding-bottom:6px;
	background-color:#fff;
}

#navwrapper ul.menu li ul ul {
	position:absolute;
	left:-999em;
	top:auto;
	margin:0;
	margin-left:165px;
	margin-top:0;
	padding:0;
}

#navwrapper ul.menu li ul ul a {
	font-size:110%;
	font-weight:normal;
}

#navwrapper ul.menu li li {
	width:180px;
	padding:0 15px;
	margin:2px 0px;
}

html>body #navwrapper ul.menu li li {
	width:150px;
}

#navwrapper ul.menu li ul a {
	color:#000;
	font-size:110%;
	text-decoration:none;
	display:block;
	padding:3px 10px;
	margin:0px 3px;
}

#navwrapper ul.menu li:hover ul ul,#navwrapper ul.menu li:hover ul ul ul,#navwrapper ul.menu li.sfhover ul ul,#navwrapper ul.menu li.sfhover ul ul ul {
	left:-999em;
}

#navwrapper ul.menu li:hover ul,#navwrapper ul.menu li li:hover ul,#navwrapper ul.menu li li li:hover ul,#navwrapper ul.menu li.sfhover ul,#navwrapper ul.menu li li.sfhover ul,#navwrapper ul.menu li li li.sfhover ul {
	background-color:#ddd;
	border:1px solid #fff;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	left:auto;
	z-index:6000;
}

#navwrapper ul.menu li li:hover,#navwrapper ul.menu li li.sfhover {
 background:#eee;
}

#navwrapper ul.menu li a {
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding:3px 0px 3px 11px;
	color:#000;
}

#navwrapper ul.menu li a span {
	padding:3px 11px 3px 0px;
}

#navwrapper ul.menu li.active a, #navwrapper ul.menu li:hover a, #navwrapper ul.menu li.sfhover a {
	background:url(../images/active-l.gif) top left no-repeat;
	float:left;
	margin-top:0px;
	_background:none;
	_padding:3px 11px 3px 0px;
}

#navwrapper ul.menu li.active a span, #navwrapper ul.menu li:hover a span, #navwrapper ul.menu li.sfhover a span {
	background:url(../images/active-r.gif) top right no-repeat;
}

#navwrapper ul.menu li.active ul a, #navwrapper ul.menu li.active ul a span, #navwrapper ul.menu li:hover ul a, #navwrapper ul.menu li.sfhover ul a, #navwrapper ul.menu li:hover ul a span, #navwrapper ul.menu li.sfhover a span {
	background:none;
	padding:3px 0px 3px 11px;
}

#navwrapper ul.menu li.active ul a, #navwrapper ul.menu li:hover ul a, #navwrapper ul.menu li.sfhover ul a {
	padding:4px 0;
	background-color:blue;
}

#navwrapper ul.menu li.active, #navwrapper ul.menu li li.active {
	background-color: #eee;
}

#navwrapper a span span span span span {
	padding:0;
}

ul.menu li span span span span span span {
	display: inline;
}

/*-----MAINWRAPPER MENUS-----*/

#mainwrapper {
	padding:10px 15px 0px 15px;
}

#mainwrapper ul.menu, #mainwrapper ul#mainlevel {
	margin:0 -10px;
}

#mainwrapper ul.menu ul, #mainwrapper ul#mainlevel ul {
	padding:0;
	margin:0;
}

#mainwrapper ul.menu li, #mainwrapper ul#mainlevel li {
	background:none;
	margin:0;
	padding:0;
	margin-bottom:2px;
}

#mainwrapper ul.menu li li, #mainwrapper ul#mainlevel li li {
	margin-bottom:0;
}

#mainwrapper ul.menu a, #mainwrapper ul#mainlevel a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:normal;
	color:#000;
	display:block;
	padding:3px 10px;
	background-color:#eee;
}

#mainwrapper ul.menu a:hover, #mainwrapper ul.menu li.active a, #mainwrapper ul#mainlevel a:hover {
	text-decoration:none;
	background-color:#fff;
}

#mainwrapper ul.menu li#current a, #mainwrapper ul#mainlevel li a#active_menu.mainlevel {
	font-weight:bold;
	background-color:#fff;
}

#mainwrapper ul.menu li li a, #mainwrapper ul.menu li#current li a, #mainwrapper ul#mainlevel li li a,  #mainwrapper ul#mainlevel li#current li a {
	padding-left:20px;
	font-weight:normal;
	color:#000;
}

#mainwrapper ul.menu li#current a:hover, #mainwrapper ul.menu li.active li#current a, #mainwrapper ul#mainlevel li#current a:hover, #mainwrapper ul#mainlevel li.active li#current a {
	color:#fff;
}

#mainwrapper ul.menu li.active li#current li a, #mainwrapper ul#mainlevel li.active li#current li a {
	background-color:#fff;
	color:#000;
}

#mainwrapper ul.menu li li li a, #mainwrapper ul.menu li.active li#current li a, #mainwrapper ul.menu li#current li li a, #mainwrapper ul#mainlevel li li li a, #mainwrapper ul#mainlevel li.active li#current li a, #mainwrapper ul#mainlevel li#current li li a {
	padding-left:35px;
}

#mainwrapper ul li, #bottomwrapper ul li {
	padding-left:12px;
	margin-left:4px;
}

#exitecms_footer {
	line-height:160%;
	font-size:80%;
}