/* Reset
---------------------------------------------------------- */

html, body, ul, ol, li, form, fieldset, legend,
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

fieldset,img { border: 0; }

legend { color: #000; }

ul, ol { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select {
	font-size: 110%;
	line-height: 1.1;
}

abbr, dfn[title] {
	border-bottom: .1em dotted;
	cursor: help;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

hr {
	height:1px;
	display:block;
	border:0;
	border-top:1px solid #ccc;
	margin:10px 0;
	clear:both;
}

/* Html 5 compatibility
---------------------------------------------------------- */

header, footer, section, aside, nav, article,
figure, hgroup, audio, canvas, datalist, video {
	display: block !important;
}

/* Basic grid system (or use http://www.1kbgrid.com/)
---------------------------------------------------------- */

.grid {
	clear:both;
	width:100%;
}

.row {
	clear:both;
}

.col {
	display:inline;
	overflow:hidden;
	float:left;
}

.col75 {
	width:75%;
}

.col66 {
	width:66%;
}

.col50 {
	width:50%;
}

.col33 {
	width:33%;
}

.col25 {
	width:25%;
}

.inner-col {
	margin:0 10px;
}

/*	Utils
---------------------------------------------------------- */

#wrapper, .wrapper {
	margin:0 auto;
	width:940px;
/*	padding: 0 10px;*/
	position:relative;
}

.hide-me {
	display: block;
	left: -9999px;
	position: absolute;
	visibility: hidden;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* New clearfix hack
---------------------------------------------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix{
	height: 1%;
} /* IE6 */

*:first-child+html .clearfix {
	min-height: 0;
} /* IE7 */

/* Menu. add hover behaviour with jquery for older browsers
---------------------------------------------------------- */

.menu, .menu ul {
	list-style:none;
	margin:0;
}

.menu li{
	float:left;
	width:auto;
	position:relative;
}

.menu li a {
	display:inline-block;
	padding:5px 10px 5px 10px;
	color:#264597;
	text-decoration:none;
	height:30px;
	font-weight: bold;
	line-height:30px;
	text-transform: uppercase;
}

.menu li a:hover, .menu li a.hover, .menu li.current > a {
	background:url('../images/menu-item-hover.png') top center no-repeat;
	color:#a4a4a4;
}

.menu li.current > a {
	cursor:default;
}

.menu li ul {
	display:none;
	position:absolute;
	left:10px;
	top:30px;
	border:1px solid #a4a4a4;
	z-index: 5000;
}

.menu li:hover ul, .menu li.hover ul {
	display:block;
	background: #fff;
}

.menu li ul li {
	clear:both;
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}

.menu li ul li a {
	background:#fff;
	width:100px;
	min-height:14px;
	height:auto;
	padding:5px 10px;
	font-weight: normal;
	line-height: 14px;
	font-size: 11px;
	text-transform: none;
	border-right:0;
}

.menu li ul li a:hover, .menu li ul li.current a {
	background: #fff;
}

.menu li.first {}

.menu li.last {}

.submenu li.first {}

.submenu li.last {}

.submenu li.current {font-weight:bold;}

#lang-menu {
	position:absolute;
	top:10px;
	right:0;
}

#lang-menu li {
	float:left;
	height:20px;
	line-height:20px;
	padding:0 5px;
	background:#eee;
	margin-left:5px;
}

/* Headers
-------------------------------------------------------------- */

h1 {
	font: 16px/20px Arial, Verdana, sans-serif !important;
	line-height: 36px;
	font-style: italic;
	font-weight: normal;
	margin:12px 0 6px 0;
	text-transform: uppercase;
	color:#264892;
		border-bottom: 1px solid #cbcbcb;
	padding-bottom: 3px;
}

/* Custom site layout
---------------------------------------------------------- */


#header {
	border:5px solid #ffc92e;
	border-right:0;
	border-left:0;
	height:85px;
	padding:20px 0;
}

#header #logo img {
	padding-right:10px;
	border-right:1px solid #cbcbcb;
	float:left;
}

#header #logo #site-desc {
	float:left;
	width:180px;
	padding:20px;
	color:#a4a4a4;
	text-transform: uppercase;
}

#header-nav {
	position:absolute;
	right:0;
	top:0;
	width:300px;
}

#header-nav ul {
	margin:0;
	list-style:none;
}

#header-nav li a {
	text-transform: uppercase;
	color:#a4a4a4;
	display:inline-block;
	border-bottom:1px solid;
	text-decoration: none;
	font-size:14px;
	width:100%;
	text-align: right;
	padding:5px 0;
}

#header-nav li a:hover {
	background: #ffc929;
	color:#264892;
}

#menu .wrapper {
	border-bottom:1px solid #cdcdcd;
}

#menu #social-icons {
	position:absolute;
	right:0;
	top:0;
	padding:7px 0;
}

#footer {
	padding:10px 0;
	margin:10px 0;
	border-top:1px solid #ccc;
	font-size:0.8em;
	color:#333;
	text-align:center;
}

#footer #copyright {
	position:absolute;
	right:0;
	top:0;
}

#footer #footer-links {
	position:absolute;
	left:0;
	top:0;
	color:#8e8e8e;
}

#footer #footer-links a {
	color:#8e8e8e;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 10px;
}

#footer #footer-links a:hover {
	text-decoration: none;
}

#content {
	
}

.yellow {
	color:#ffc92e;
}

.light-grey {
	color:#cbcbcb;
}

.grey {
	color:#a4a4a4;
}

.dark-grey {
	color:#4a4a4a;
}

.blue {
	color:#264892;
}

#main-col {
	width:620px;
	padding-right:20px;
}

#side-col {
	padding-top:10px;
	width:300px;
}

#top-bar {
	background:#ffc92e;
}

#top-bar .message {
	padding:10px 0;
}

#top-bar .error {
	color:#990000;
	font-weight:bold;
}

#logged-in-bar {
	padding:10px 0;
}

#logged-in-bar a {
	color:#9a6601;
}

#logged-in-bar a:hover {
	text-decoration: none;
}

#member-login {
	background:#ffc92e;
	padding:10px 0;
}

#member-login a {
	color:#9a6601;
}

#member-login a:hover {
	text-decoration: none;
}

#member-login .title {
	color:#9a6601;
	font-size:16px;
	text-transform: uppercase;
	float:left;
	line-height: 30px;
	width:160px;
}

#member-login .message {
	position:absolute;
	top:0;
}

#member-login form {
	float:left;
}

#member-login #member-login-links {
	clear: both;
	padding-top: 5px;
}

#member-login .cancel {
	float:right;
	line-height: 30px;
}

.list-item s{
	clear:both;
}

.list-item .picture {
	float:left;
	width:150px;
}

.list-item .text {
	float:left;
	width: 450px;
	padding-left:20px;
}

.typography .article .date {
	margin-bottom: 5px;
	display:inline-block;
	font-style: italic;
	color:#222;
}

.list-item .read-more, .view-all, .blue-button {
	margin-top: 5px;
	display:inline-block;
	background-image: linear-gradient(bottom, rgb(20,49,112) 21%, rgb(38,72,146) 61%);
	background-image: -o-linear-gradient(bottom, rgb(20,49,112) 21%, rgb(38,72,146) 61%);
	background-image: -moz-linear-gradient(bottom, rgb(20,49,112) 21%, rgb(38,72,146) 61%);
	background-image: -webkit-linear-gradient(bottom, rgb(20,49,112) 21%, rgb(38,72,146) 61%);
	background-image: -ms-linear-gradient(bottom, rgb(20,49,112) 21%, rgb(38,72,146) 61%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.21, rgb(20,49,112)),
		color-stop(0.61, rgb(38,72,146))
	);
	color:#fff;
	text-decoration: none;
	padding:2px 10px;
	font-size:11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.blue-button {
	margin-top:0;
}

.list-item .read-more:hover, .typography .view-all:hover {
	text-decoration: none;
	background:#4467b3;
}


.typography .list-item p {
	margin: 0;
}
.typography .list-item h3 {
	margin: 0;
}

.list-item {
	clear:both;
	padding-bottom:5px;
	margin-bottom: 5px;
	border-bottom:1px solid #cbcbcb;
}

.item-header {
	position:relative;
	padding-bottom: 5px;
	border-bottom:1px solid #cacaca;
	margin-bottom: 5px;
}

.item-header .back {
	position:absolute;
	top:0;
	right:0;
	line-height:18px;
}

.typography .item-header h2 {
	border:0;
}

.print {
	background: url('../images/print-icon.png') bottom center no-repeat;
	text-indent: 9999px;
	overflow: hidden;
	width:12px;
	height: 12px;
	display:inline-block;
}

.typography .item-header p {
	margin: 0;
	padding: 0;
}

.side-news {
	background: url('../images/bullet-plug.png') 0px 20px no-repeat;
	padding-left:20px;
	padding-bottom: 10px;
}

.side-news .publishing-date {
	line-height: 20px;
	margin: 0;
	font-style: italic;
	color:#4a4a4a;
}

.side-news .title {
	margin: 0;
	color:#4a4a4a;
	padding: 0;
}

.typography .view-all {
	clear: both;
	color:#fff;
	float:right;
}

.with-borders {
	border:1px solid #cbcbcb;
	padding: 5px 0;
	margin-top:5px;
	border-left:0;
	border-right:0;
}

#premium-members {
/*	text-align: center;*/
}

#premium-members .premium-member, #premium-members .premium-member a {
	width:150px;
	margin: 0 auto;
	line-height:0;
}

.typography .event-box h2 {
	font-weight: bold !important;
}

.event-box .event .date {
	float:left;
	clear:both;
	width:40px;
	height:30px;
	padding:5px 0;
	background: #264892;
	color:#ffc92e;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.event-box .event {
	clear: both;
	margin-bottom: 10px;
}
.event-box .day {
	font-size:20px;
	display:block;
	text-align:center;
	font-weight:bold;
	line-height: 15px;
}

.event-box .month {
	display:block;
	text-align:center;
	text-transform: uppercase;
	line-height: 15px;
}

.event-box .event .text {
	width:250px;
	float:left;
	padding-left:10px;
}

.event-box .event .text .location {
	font-style: italic;
	color:#4A4A4A;
}

.event-box .event .text .title {
	text-transform: uppercase;
}

.event-box .event .location {
	display:block;
}

.typography ul.slides, .typography .slides li {
	list-style: none;
	margin:0;
	padding:0;
	line-height: 1em;
}

#slider {
	position:relative;
}
#slider .arrow {
	position:absolute;
	top:150px;
	width:31px;
	height: 31px;
	text-indent: -9999px
}
#slider .next {
	background: url('../images/arrow-circle-right.png') no-repeat;
	right:10px;
}
#slider .prev {
	background: url('../images/arrow-circle-left.png') no-repeat;
	left:10px;
}

#slider .description {
	background: #eee;
	padding:10px;
}

#premium-members-slider {
	overflow: hidden;
	position: relative;
	height: 139px;
}

#premium-members-slider ul {
	margin-left: 35px;
	width:550px;
}

#premium-members-slider li {
	float:left;
	margin:0 5px;
}
#premium-members-slider .arrow {
	position:absolute;
	top:75px;
	width:25px;
	height: 25px;
	text-indent: -9999px
}
#premium-members-slider  .next {
	background: url('../images/arrow-right.png') no-repeat;
	right:0px;
}
#premium-members-slider  .prev {
	background: url('../images/arrow-left.png') no-repeat;
	left:0px;
}

.typography #premium-members-slider h2 {
	font-weight:bold;
}

.filters {
	background: #eee;
	padding:5px;
	margin-bottom: 10px;
}
.filters a {
	border-right:1px solid #ccc;
	padding-right:5px;
	margin-right:5px;
	display:inline-block;
}

.comment {
	clear:both;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.comment .author {
	font-size:14px;
}

.comment .author .date {
	font-size:10px;
	color:#333;
	font-style:italic;
}

#member-header .logo, #event-header .logo {
	float:left;
	width:160px;
	height: 100px;
}
#member-header .left, #event-header .left {
	float:left;
	width:220px;
	height: 100px;
}
.typography #member-header h2 {
	font-size:18px !important;
	font-weight: bold;
}
#member-header .right {
	position:absolute;
	bottom:0;
	right:0;
	width:220px;
	padding-bottom:5px;
}

.picture-inline {
	width:282px;
	float:right;
	margin-left:10px;
	line-height: 0;
}

.picture-inline .legend {
	background: #eee;
	line-height: 15px;
	padding:3px;
	margin-bottom:5px;
}

#Article .typography .synopsis {
	font-style: italic;
	font-size:1.2em;
	line-height: 1.5em;
}

.event .publishing-date {
	font-weight:bold;
	line-height: 1.8em;
}

span.error-msg {
	padding-left: 10px;
	color:red;
}

.tweet {
	margin-bottom: 5px;
}

.tweet .date {
	display:block;
	font-style: italic;
	color:#666;
}

.tweet .author {
	font-weight:bold;
}

.tweet .text {
	color:#000;
}

#twitter-feed .filters .current {
	font-weight: bold;
}

.comment-count, .comment-count a {
	line-height:24px;
	height:24px;
	display:inline-block;
}
