/* Tabmenu beta */
/* written by Andrey Petrov */
/* while copy-pasting please leave this message ;) */

.tabmenu {
	font: .75em/1em Candara, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: .1em solid #1F4367;
	height: 1.85em;
	padding-left: 0px;
	margin: 0;
	margin-bottom: 2.45em;
}

.tabmenu li {
	list-style: none;
	display: inline;
}

.tabmenu a {
	border: .1em solid #1F4367;
	border-width: .1em .1em 0;
	background: #2C5987;
	color: #FFF;
	text-decoration: none;
	padding: .5em 1em .25em;
	margin: 0 .25em 0 0;
	display: block;
	float: left;
}

.tabmenu .selected a,
.tabmenu li:hover a,
.tabmenu #current.selected a {
	border-width: .1em .35em 0 .1em;
	background: #336699;
	position: relative;
	top: -.1em;
	padding-bottom: .45em;
	margin-right: .1em;
	margin-left: .1em;
    
	_margin-bottom: -.2em;
}

.tabmenu #current a,
.tabmenu #current.selected a {
	background: #3C78B5;
	color: #DDD;
	cursor: default;
}

.tabmenu ul {
	display: none;
	position: absolute;
	left: 0;
    
	width: 775px;
    
	background: #369;
	height: 1.85em;
	border-bottom: .1em solid #1F4367;
	margin: 0;
	margin-top: 1.95em;
	padding: 0;
	padding-top: .5em;
    margin-left: 5.5em;
	_padding-right: 20px; /* killing bug in IE 6 that showing white space. IE 5 and 5.5 still show :( */ }
	html + html .tabmenu ul { _width: 780px; /* kinda hack for IE 5 Win only */
}

.tabmenu ul li {
	position: relative;
	left: 1px;
	/* hide from Mac IE \*/
	float: left;
	/* stop hiding from Mac IE */
}

.tabmenu ul li a {
	_float: none; /* killing bug in IE 6 and down */
	display: inline;
	/* hide from Mac IE \*/
	display: block;
	/* hide from Mac IE \*/
}

.tabmenu #current ul {
	background: #3C78B5;
}

.tabmenu .selected ul,
.tabmenu li:hover ul {
	display: block;
}

.tabmenu li:hover ul {
	z-index: 99;
}

.tabmenu li:hover ul a {
	z-index: 100; /* killing bug with z-index in iCab 3 beta */
}

.tabmenu .selected ul a,
.tabmenu li:hover ul a,
.tabmenu #current.selected ul a {
	border-width: .1em .1em 0 .1em;
	background: #DDD;
	color: #2C5987;
	top: 0;
	margin-right: .25em;
	margin-left: 0;
	padding-bottom: .25em;
	_margin-bottom: 0;
}

.tabmenu .selected ul .subcurrent a,
.tabmenu li:hover ul .subcurrent a,
.tabmenu #current.selected ul .subcurrent a,
.tabmenu li#current:hover ul .subcurrent a {
	border-width: .1em .35em 0 .1em;
	background: #FFF;
	color: #000;
	top: -.1em;
	margin-right: .1em;
	margin-left: -.1em;
	padding-bottom: .45em;
	margin-bottom: 0;
	_margin-bottom: -.2em;
}

.tabmenu .selected ul a:hover,
.tabmenu li:hover ul a:hover,
.tabmenu #current.selected ul a:hover {
	border-width: .1em .35em 0 .1em;
	background: #EEE;
	top: -.1em;
	margin-right: .1em;
	margin-left: -.1em;
	padding-bottom: .35em;
	_margin-bottom: -.1em;
	cursor: pointer;
	_cursor: hand;
}

.tabmenu #current.selected ul .subcurrent a:hover {
	background: #FFF;
	cursor: default;
}


/* =============== These are styles for page ==================*/

body {
	font-family: Candara, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.header {
	background: #DDD;
	padding-top: 1px;
    width:755px;
}

.content, #footer {
	padding: 1px 1px;
}

h1 {
	padding-left: 20px;
}

.content ul {
	padding-left: 1em;
}