/*basic layout
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

body, html {
	background: #3d3d3d url(../images/bg.jpg) repeat-x;
	color: #555555;	
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 0.95em;
	text-align: center;
	}

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 60.2em; /*width:67.2em;*/
	}

#sideburnLeft {
	background: transparent url(../images/sideburnLeft.jpg) top left no-repeat;
	}

#sideburnRight {
	background: transparent url(../images/sideburnRight.jpg) top right no-repeat;
	}

#canvas {
	background: transparent url(../images/bgHeader.jpg) repeat-x;
	margin: 0 27px 0 27px;
	padding: 0;
	}

/*header area
-----------------------------------------------------------------------------*/
#header {
	height: 115px;
	}

#header .logo {
	padding: 0 0 0 1.3em;
	position: relative;
	top: 70px;
	}

#toolbar {
	float: right;
	font-size: 0.7em;
	font-family:  Verdana, Tahoma, Arial, Helvetica;
	padding: 0 1em 0 0;
	position: relative;
	top: 60px;
	}

#header span {
	padding-right: 0.5em;
	}

#header ul,#header li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#header li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#header a {
	border: none;
	}


/*menu area
-----------------------------------------------------------------------------*/
#menu {
	background: #3d3d3d url(../images/bgMenu.jpg) repeat-x top center;
	font-family: Verdana, Arial, Tahoma, Helvetica;
	height: 1.9em;	
	}

#nav {
	float: left;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1;
	list-style: none;	
	margin: 0 0 0.3em 0.5em;
	padding: 0;
	}

#nav ul{
	float: left;
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
	}

#nav li{}

#nav a {
	display: block;
	color: #ffffff;
	padding: 0.9em;
	text-decoration: none;
	}


#nav a.L1 {
	background: url(../images/arrowMenuDown.gif) right center  no-repeat;
	cursor: default;
	margin-right: 0.5em;
	padding-right: 1em;
	}

#nav a.L2 {
	background: url(../images/arrowMenuRight.gif) 95% center  no-repeat;
	cursor: default;
	}

#nav li {
	border-right: 1px solid #555555;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav li .first{
	background: #515151 url(../images/bgMenuFirst.jpg) repeat-x top center;
	float: left;
	padding: 0;
	}

#nav li ul {
	height: auto;
	left: -999em;
	margin: 0;
	position: absolute;
	width: 13em;
	w\idth: 13em;
	}

#nav li li {
	background: #515151;
	border:0;
	}

#nav li ul a {
	border-left: 1px solid #555555;
	/*border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;*/
	border-top: 1px solid #444444;
	width: 12em;
	w\idth: 12em;
	}

#nav li ul ul {
	margin: -2.9em 0 0 13.9em;
	}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

/*hover for top level*/
#nav li:hover, #nav li.sfhover {
	background: #EC7A00 url(../images/bgMenuItemHover.gif) repeat-x top center;
	}

/*hover for sublevel*/
#nav ul li:hover, #nav ul li.sfhover {
	background: #616161;
	}


/*main
-----------------------------------------------------------------------------*/
#main {	
	background: #ffffff url(../images/shadowContent.gif) repeat-x top;
	border-bottom: 7px solid #53692b;
	height: 100%;
	min-height: 30em;
	padding: 1em 0.5em 1em 0.5em;
	}

#mainHome{
	background: #ffffff url(../images/shadowContent.gif) repeat-x top;
	border-bottom: 7px solid #53692b;
	height: 100%;
	min-height: 15em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	}

#mainHome .twoColumns .right {
	padding-top: 1em;
	}

#intro{
	height: 24.33247em;
	width: 100%;
	}

#swfobject1 {
	background: #ffffff;
	padding: 0;	
	text-align: left;
	vertical-align: text-bottom;
	}




/*promo area
-----------------------------------------------------------------------------*/
.promo{
	background: #525252 url(../images/bgPromo.png) repeat-x;
	border-bottom: 5px solid #5c5c5c;
	color: #ffffff;
	min-height: 20em;
	padding: 0.5em;
	}

.promo p{
	font-size: 0.8em;
	}

.promo .left{

	}


/*footer area
-----------------------------------------------------------------------------*/
#footer {
	background: #000 url(../images/bgFooter.jpg) repeat-x;
	color: #cccccc;
	height: 3.2em;
	line-height: 1.2em;
	padding: 0.6em 1em 0 0;
	text-align: right;
	font-size:100%;
	}

#footer ul {
	background-image: none;
	display: inline;
	font-size:0.7em;
	}

#footer .first {
	background: none;
	padding: 0;
	}

#footer li {
	background: transparent url(../images/bulletFooter.gif) no-repeat center left;
	display: inline;
	font-weight:bold;
	font-family: Verdana, Arial, Tahoma, Helvetica;
	padding-left:0.5em;
	}

#copy {
	color:#b4b4b4;
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size:0.7em;
	}


/*footerShadow area
-----------------------------------------------------------------------------*/
#footerShadow {
	background: transparent url(../images/bgFooterShadow.gif) repeat-x;
	height: 26px;
	}

/*
two columns layout
-----------------------------------------------------*/
.twoColumns{
	
	}

.twoColumns .left{
	float: left;
	width: 67%;
	}

.twoColumns .right{
	/*margin-left:	42.1em;*/
	margin-left: 67.8%;/*opera fails: no*/
	}

/*three columns layout
----------------------------------------------------*/
.threeColumns {
	
	}

.threeColumns .left {
	float: left;
	width: 33%;
	}

.threeColumns .center {
	float: left;
	margin-left: 0.5em;
    margin-right: 0.5em;
   	width: 33%;
	}

.threeColumns .right {
	float: left;
	width: 32%;
	}