@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

@import url(https://fonts.googleapis.com/css?family=Tangerine);

@media screen , projection {
	* {
		margin: 0;
		padding: 0
	}
	html,#nav a {
		color: #000
	}
	html {
		background: #FFF url(/resources/images/header.png) repeat-x;
		font: 13px/20px 'droid sans', arial, sans-serif;
		height: 100%;
	}
	h1,h2,h3,h4,p,blockquote,table,div {
		min-width: 20%
	}
	h1,h2,h3,th,td {
		font-weight: normal
	}
	h2,h3 {
		line-height: 20px
	}
	h2 {
		font-size: 18px;
		margin: 0 0 15px
	}
	h3 {
		font-size: 16px;
		margin: 15px 0 10px
	}
	h3+h2,h4+h2,h5+h2,h6+h2,p+h2,ul+h2,ol+h2,dl+h2 {
		margin-top: 15px
	}
	h4 {
		font-size: 1em;
		margin: 10px 0 -10px
	}
	p,ul,ol,table {
		margin: 10px 0
	}
	pre,code {
		color: #282;
		font: 13px/20px courier, monospace
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	ul.alt,ol.alt {
		margin: 10px 0 10px 20px
	}
	ul.alt {
		list-style-type: disc
	}
	ol.alt {
		list-style-type: decimal
	}
	ul.two-col li {
		float: left;
		margin-bottom: .7em;
		padding: 0 2em 2em 0;
		width: 48%
	}
	ul.two-col li.even {
		padding-right: 0
	}
	a,ins {
		text-decoration: none
	}
	a {
		color: #06d
	}
	a:visited {
		color: #06d
	}
	a:focus,a:active {
		color: #c11
	}
	a:focus,a:hover,a:active {
		text-decoration: underline
	}
	a img {
		border: 0
	}
	cite,sup {
		color: #666
	}
	cite {
		font-style: normal
	}
	sup {
		font-size: 10px;
		vertical-align: baseline
	}
	ins {
		color: #900;
		font-weight: bold
	}

	form ul label {
		display: inline;
		font-weight: normal
	}
	form ul input,form div input {
		width: auto
	}
	form input[type='text'],form input[type='password'],form textarea {
		width: 300px
	}
	form strong,label {
		display: block
	}
	form strong,label {
		color: #000;
		margin: 10px 0 0;
		font-weight: bold
	}
	form .f-compact {
		width: 50px
	}
	form .note {
		clear: left
	}
	fieldset {
		border: 0
	}
	legend {
		display: none
	}

	body {
		height: 100%;
	}

	body #header-content,body #nav,body #stage,body #article,body #footer-content
		{
		width: 950px
	}
	body #stage {
		width: 684px
	}
	body #footer-content #meta{
		width: 650px
	}
	*>body #header-content,*>body #nav,*>body #stage,*>body #article,*>body #footer-content
		{
		max-width: 950px;
		width: auto
	}
	*>body #stage {
		max-width: 684px;
		width: auto
	}
	#header-content,#nav,#stage,#article,#footer-content {
		margin: auto;
		width: 950px
	}
	#stage,#article,#footer,#footer-content {
		clear: both
	}
	#header,#header h1 {
		position: relative
	}
	#header {
		position: fixed;
		z-index: 1000;
		top: 0px;
		left: 0px;
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
		height: 50px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		-k-user-select: none;
		user-select: none;
		background-image:
			url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSg5NSwxMjksMTg0LDAuOSkiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0icmdiYSgzNyw2NCwxMTYsMC45KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSg0Miw3MiwxMzIsMC45KSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(95, 129,
			184, 0.9) ), color-stop(80%, rgba(37, 64, 116, 0.9) ),
			color-stop(100%, rgba(42, 72, 132, 0.9) ) );
		background-image: -webkit-linear-gradient(top, rgba(95, 129, 184, 0.9),
			rgba(37, 64, 116, 0.9) 80%, rgba(42, 72, 132, 0.9) );
		background-image: -moz-linear-gradient(top, rgba(95, 129, 184, 0.9),
			rgba(37, 64, 116, 0.9) 80%, rgba(42, 72, 132, 0.9) );
		background-image: -o-linear-gradient(top, rgba(95, 129, 184, 0.9),
			rgba(37, 64, 116, 0.9) 80%, rgba(42, 72, 132, 0.9) );
		background-image: -ms-linear-gradient(top, rgba(95, 129, 184, 0.9),
			rgba(37, 64, 116, 0.9) 80%, rgba(42, 72, 132, 0.9) );
		background-image: linear-gradient(top, rgba(95, 129, 184, 0.9),
			rgba(37, 64, 116, 0.9) 80%, rgba(42, 72, 132, 0.9) );
		border: 1px solid #05173a;
		border-left: 0;
		border-right: 0;
		-moz-box-shadow: inset 0px -1px 0px rgba(83, 141, 255, 0.35), inset 0px
			1px 0px rgba(168, 197, 255, 0.65), 0px 1px 7px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: inset 0px -1px 0px rgba(83, 141, 255, 0.35), inset
			0px 1px 0px rgba(168, 197, 255, 0.65), 0px 1px 7px
			rgba(0, 0, 0, 0.75);
		-o-box-shadow: inset 0px -1px 0px rgba(83, 141, 255, 0.35), inset 0px
			1px 0px rgba(168, 197, 255, 0.65), 0px 1px 7px rgba(0, 0, 0, 0.75);
		box-shadow: inset 0px -1px 0px rgba(83, 141, 255, 0.35), inset 0px 1px
			0px rgba(168, 197, 255, 0.65), 0px 1px 7px rgba(0, 0, 0, 0.75)
	}
	#header * {
		color: #B2B2B2
	}
	#header h1 {
		font: 32px/49px 'droid sans', arial, sans-serif;
		left: 20px;
		letter-spacing: -1px;
		text-shadow: 1px 1px 1px #cdcdcd;
		top: 23px;
		width: 50%;
		font-weight: bold;
		color: #0065CF
	}
	#header h1 a {
		color: #0065CF;
		text-decoration: none
	}
	#header h1 img {
		float: left;
		padding: 0 10px 0 0
	}
	#header div.options {
		position: absolute;
		right: 20px;
		top: 3px;
		margin-top: 0px;
	}
	#header div.options a {
		color: #06d
	}
	#header form input,#header form select {
		font: 13px/20px arial, sans-serif
	}
	#header form span {
		padding: 0 10px
	}
	#header form span#survey {
		padding: 0
	}
	.section {
		background: #fff;
		height: 1%
	}

	#footer {
		margin: 0px;
		background-color: #e7e7e7;
		background-image:
			url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7),
			color-stop(100%, #e7e7e7) );
		background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
		background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
		background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
		background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
		background-image: linear-gradient(top, #f7f7f7, #e7e7e7);
		-moz-box-shadow: inset 0px 1px 4px #aaa;
		-webkit-box-shadow: inset 0px 1px 4px #aaa;
		-o-box-shadow: inset 0px 1px 4px #aaa;
		box-shadow: inset 0px 1px 4px #aaa;
		border-top: 1px solid #999;
		position: relative
	}
	
	#footer #footer-content {
		margin: 0 auto;
		clear: both;
		height: 43px;
		position: relative;
		text-align: center;
		padding: 18px 0 5px 0;
		-webkit-font-smoothing: antialiased
	}	
	
	#footer-content dl {
		float: left;
		margin-right: .66%;
		width: 16%
	}
	#footer-content dt,#footer-content dd {
		padding: 0 0 3px
	}
	#footer-content dt {
		font-weight: bold
	}
	#footer-content #meta {
		margin-bottom: 10px;
		max-width: 650px;
		padding: 10px 300px 0 0
	}
	#footer-content #meta ul,#footer-content #meta li {
		display: inline;
		margin: 0
	}
	#footer-content #meta ul {
		padding-left: 10px
	}
	#footer-content #meta a {
		padding-right: 10px
	}
	#footer-content #meta img {
		position: relative;
		top: 3px
	}
	#nav {
		border-left: 1px solid #ddd;
		height: 32px;
		line-height: 22px
	}
	#nav ul {
		display: none;
		margin: 0
	}
	#nav li {
		float: left;
		position: relative;
		z-index: 2
	}
	#nav li:hover ul {
		border: 1px solid #ddd;
		border-top: 0;
		cursor: pointer;
		display: block;
		min-width: 200px
	}
	#nav li:last-child {
		border-right: 1px solid #fff
	}
	#nav li ul {
		background: #fff;
		left: 0;
		position: absolute;
		top: 33px
	}
	#nav li li {
		display: inline;
		float: none !important;
		white-space: nowrap
	}
	*>#nav li li {
		display: block
	}
	#nav li li a {
		border: 0 !important;
		min-width: 158px
	}
	#nav li a,#nav li strong {
		border-bottom: 1px solid #b2b2b2;
		border-left: 1px solid #fff;
		border-right: 1px solid #ddd;
		display: block;
		color: white;
		padding: 6px 20px 4px
	}
	#nav li a:focus,#nav li a:hover,#nav li a:active,#nav li strong:hover,#nav .path
		{
		background: #bcd6f0;
		text-decoration: none
	}
	#nav li strong {
		cursor: default;
		font-weight: normal
	}
	#nav2 {
		left: 203px;
		position: absolute;
		top: 39px;
		line-height: 19px;
	}
	#nav2 ul {
		float: left;
		overflow: hidden;
	}
	#nav2 li {
		border-left: 1px solid #B2B2B2;
		float: left;
		margin-left: -1px;
	}
	#nav2 li.first {
		border-left: none;
	}
	#nav2 a {
		color: #06d;
		display: block;
		font-size: 128.5%;
		padding: 0 19px 0 15px;
		text-decoration: none;
	}
	#nav2 a:hover {
		text-decoration: underline;
	}
	body.rtl #nav {
		border-left: 0;
		border-right: 1px solid #ddd
	}
	body.rtl #nav li {
		float: right
	}
	body.rtl #nav li:last-child {
		border-left: 1px solid #fff;
		border-right: 0
	}
	body.rtl #nav li ul {
		left: auto;
		right: 0
	}
	body.rtl #nav li a,body.rtl #nav li strong {
		border-left: 1px solid #ddd;
		border-right: 1px solid #fff
	}
	#stage {
		max-width: 684px;
		min-height: 65px;
		padding: 30px 244px 10px 20px;
		position: relative
	}
	#stage h2 {
		font-size: 27px;
		line-height: 30px;
		margin: 0 0 5px
	}
	#stage p {
		margin: 0 0 10px
	}
	#stage div {
		bottom: 10px;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 200px
	}
	*>#stage div {
		top: auto
	}
	#stage img {
		float: left;
		margin: -10px 30px 10px 0
	}
	#article.extra {
		padding-right: 230px;
		width: 720px
	}
	*>#article.extra {
		max-width: 720px;
		width: auto
	}
	#aside {
		display: inline;
		float: right;
		left: 10px;
		margin: 0 -230px 0 0;
		position: relative;
		width: 220px
	}
	*>#aside {
		left: auto
	}
	*+html #aside {
		left: 10px
	}
	#aside blockquote cite,#aside img,#aside .logos,.type-4 img {
		display: block
	}
	#aside blockquote cite {
		margin-left: -40px
	}
	#aside img,.type-4 img {
		margin: 0 auto 10px
	}
	#aside .logos {
		float: none;
		margin: 10px 0;
		width: auto
	}
	body.rtl #article.extra {
		padding-left: 230px;
		padding-right: 0
	}
	body.rtl #aside {
		float: left;
		left: auto;
		right: 10px;
		margin: 0 0 0 -230px
	}
	*>body.rtl #aside {
		right: auto
	}
	*+html body.rtl #aside {
		right: 10px
	}
	.section,#sign-in {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #ddd;
		border-radius: 5px;
		margin: 0 0 10px 0;
		padding: 20px 20px 9px
	}
	.section>h2,.section ul {
		clear: left
	}
	.type-2 div,.type-3 div,.type-4 div {
		float: left;
		margin: 0 3% 0 0
	}
	*>.type-2 div,*>.type-3 div,*>.type-4 div {
		margin: 0 5% 0 0
	}
	.type-2 div div,.type-3 div div,.type-4 div div {
		float: none;
		margin: 10px 0
	}
	.type-2 div {
		width: 45%
	}
	.type-3 div {
		width: 28.3%
	}
	.type-4 div {
		width: 20%
	}
	.sections {
		clear: both;
		height: 185px;
		overflow: hidden;
		position: relative
	}
	.sections .section {
		float: left;
		height: 153px;
		margin: 0;
		position: absolute;
		top: 0;
		width: 20% !important
	}
	.sections .pos-1 {
		left: 0
	}
	.sections .pos-2 {
		left: 25%
	}
	.sections .pos-3 {
		right: 25%
	}
	.sections .pos-4 {
		right: 0
	}
	.content-section {
		margin-bottom: 30px
	}
	.icon {
		float: left;
		margin: 0 10px 10px 0
	}
	.bottom-paragraph {
		width: 620px
	}
	.meta,.note,.media div p {
		color: #666
	}
	.logos {
		display: table-cell;
		float: right;
		margin: 0 0 10px 5%;
		text-align: right
	}
	.logos img {
		margin: 0 10px 10px;
		vertical-align: middle
	}
	.clearfix:after {
		clear: both;
		content: '.';
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}
	.clearfix {
		_height: 1px;
		zoom: 1
	}
	.clearfix-2 {
		display: block;
		height: 280px
	}
	
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -67px;
	}
	
	.push{
		height: 67px;
	}
}

@media print {
	html {
		font-family: arial, sans-serif;
		line-height: 1.5
	}
	h1,h2,h3,h4 {
		font-weight: normal
	}
	#header form,#footer,#nav ul,#stage img,.type-4 img {
		display: none
	}
}