.devnote {
	border:1px dashed #c30;
	background:#eee;
	margin:20px;
	padding:10px;
	opacity:0.5;
	font-weight:bold;
}
/* global styles ---------------------------------------------------------- */
html {
	background:#eee;
	font:normal 1em Arial;
}
body {
	height:100%;
	margin:0;
	padding:0;
	font:normal 1em "Franklin Gothic Medium","Lucida Sans Unicode",Tahoma,Verdana,Arial;
	text-align:center;
}
html>body {
	font:normal .9em "Franklin Gothic Medium","Lucida Sans Unicode",Tahoma,Verdana,Arial;
}
body {
	/*font:normal .9em "Franklin Gothic Medium","Lucida Sans Unicode",Tahoma,Verdana,Arial;*/
	/*border:1px solid #ccc;*/
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
}
h1 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:3em;
	font-family:verdana;
	margin:4px 0 0 0;
	padding:0 0 4px 0;
	border-bottom:6px solid #eee;
}
h2 {
	font-weight:normal;
	letter-spacing:1px;
	margin-top:14px;
	font-size:1.7em;
	border-bottom:2px solid #eee;
}

h3 {
	font-weight:normal;
	letter-spacing:1px;
	margin:12px 0 0 0;
	font-size:1em;
}
#content>h3 {
	font-size:1.1em;
}
h4 {
	font-size:.8em;
}
h1,h2 { color:#999; }
h3,h4 { color:#666; }
h5,h6 { color:#333; }

a:link,
a:active,
a:visited {
	text-decoration:none;
	color:#E62B2D;
}
a:hover {
	border-bottom:1px dashed #999;
}
p {
	line-height:1.4em;
	padding:0 8px;
}
table td {
	/*border:1px solid #ccc;*/
	vertical-align:top;

}
ul,p {
	font-size:.9em;

}
ul li {
	list-style-type:square;
	color:#666;
}
/* head styles (logo) ----------------------------------------------------- */
#head {
	width:720px;
	margin:0 auto;
	background:#fff;
}
#i18n {
	font-size:.8em;
	margin:12px auto 12px auto;
}
#i18n a {
	float:right;
	width:100px;sd
	text-align:center;
	border:1px solid #eee;
	border-width:1px 0 1px 1px;
	margin:2px;
	padding:2px 0 2px 4px;
	color:#666;
}
#i18n a:hover {
	background:#eee;
	color:#E4292B;
}
/* content layout --------------------------------------------------------- */
#layout {
	width:720px;
	margin:10px auto;
}
#layout * {
	text-align:left;
}
#leftbar {
	background:#fff url('../i/menu-bg.png') repeat-y top left;
}
#nav #logo {
	height:61px;

}
#nav * {
	/*border:1px solid #c30;*/
}
#nav {
	width:200px;
	background:#fff;
	border:0;
	padding:0;
}
.menu {
	margin:42px 0 30px 0;
	padding:0;
}
.menu a:hover {
	text-decoration:none!important;
}
.menu li {
	list-style-type:none;
	margin:8px 0 0 20px;

	/*border-width:0 0 1px 0;*/
}
.menu li a {
	border:1px solid #eee;
	border-width:0 0 1px 10px;
	display:block;
	text-align:right;
	font-size:.9em;
	padding:0 0 0 6px;
}
.menu li>a {
	font-size:1em;
	padding:2px 0 2px 6px;
}

.menu li a:hover {
	border-top:0;
	border-left:10px solid #E4292B;
	border-right:0;
	border-bottom:1px solid #eee!important;
}
.menu li.active a {
	border-left:10px solid #999;
}
.menu li ul {
	margin:0;
}
.menu li ul li a {
	border:1px solid #eee;
	border-width:0 0 1px 6px!important;
}
.menu li ul li a:hover {
	border-top:0;
	border-left:6px solid #E4292B;
	border-right:0;
	border-bottom:1px solid #eee!important;
}
.menu li ul {
	padding-left:8px;

}
#layout {

}
#layout #content {
	padding:12px;
	margin:0;
	background:#fff;
}
/* tables inside content */
#content table {
	margin:8px;
}
#content table th {
	background:#eee;
	color:#666;
	padding:4px 6px;
	border-bottom:1px solid #fff;
	vertical-align:top;
	font-size:.8em;
}
#content table tr>th {
	font-size:.9em;
}
#content table tr:last-child td {}
#content table td {
	padding:4px 6px;
	border-bottom:1px solid #eee;
	font-size:.9em;
}

/* footer layout ---------------------------------------------------------- */
#footer {
	font-size:.7em;
	padding:12px;
	text-align:center!important;
	background:#fff url('../i/corner-bottomRight.png') no-repeat bottom right;
}

#footer span {
	padding:0 4px;
}
#footer #copyright {
	text-align:center!important;
}
#footer a {
	color:#333;
}
#footer a:hover {
	color:#E62B2D;
}
.secondarymenu {
	width:100%;
	margin:0 auto;
	padding:0 0 0 18px;
	height:22px;
	text-align:center!important;
}
.secondarymenu li {
	float:left;
	padding:2px 4px;
	margin:0 2px;
	list-style-type:none;
}

h2 a:link,
h2 a:active,
h2 a:visited {
	display:block;
	background:url('../i/goTop.png') no-repeat right 8px;
}
h2 a:hover {
	border-bottom:0!important;
	background:url('../i/goTopHover.png') no-repeat right 8px;
}