* {
margin: 0;
padding: 0;
}

/* reset html5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

body {
color: #444;
background-color: #fff;
font: 62.5%/1.7em Georgia, Helvetica, sans-serif;
}

img {
border: none;
}

img.right {
float: right;
margin: 0 0x 5px 10px;
padding: 2px;
border: 1px solid #ccc;
}

img.left {
float: left;
margin: 0 10px 5px 0;
padding: 2px;
border: 1px solid #ccc;
}

.right {
float: right;
}

.left {
float: left;
}

img.wide {
display: block;
max-width: 100%;
}

a {
color: #444;
text-decoration: none;
}

a.btn {
display: inline-block;
padding: 5px 10px;
color: #fff;
background-color: #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

a.btn:hover {
color: #fff;
background-color: #999;
}

a.btn-big {
display: inline-block;
margin: 10px 0 0 0;
padding: 10px;
font-size: 18px;
color: #fff;
background-color: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

a.btn-big :hover {
color: #fff;
background-color: #999;
}

.more-links a {
background-color: #000;
color: #fff;
font-size: 16px;
line-height: 16px;
}


/* Typography
------------------------------*/
#page-head h1 {
font-size: 30px;
line-height: 32px;
font-weight: normal;
}

#page-head h1 span {
font-size: 20px;
font-weight: normal;
}

#page-head p {
padding: 10px 0;
font-size: 12px;
line-height: 16px;
}

.index h2 {
font-size: 16px;
line-height: 16px;
}

.index p {
padding: 10px 0;
font-size: 13px;
line-height: 16px;
}

.index ul li,
.index ol li {
padding: 5px 0;
font-size: 13px;
line-height: 16px;
}

.featured-entry h1 {
font-size: 30px;
line-height: 32px;
font-weight: normal;
}

.featured-entry h2 {
font-size: 22px;
line-height: 24px;
font-weight: normal;
}

.featured-entry h3 {
font-size: 14px;
line-height: 24px;
font-weight: bold;
color:#000
}

.featured-entry p {
padding: 5px 0;
font-size: 18px;
line-height: 24px;
}

.index-entry h1,
.sponsor-entry h1 {
padding: 5px 0;
font-size: 18px;
line-height: 24px;
font-weight: normal;
overflow: hidden;
}

.index-entry h2,
.sponsor-entry h2 {
padding: 5px 0;
font-size: 14px;
line-height: 16px;
font-weight: normal;
overflow: hidden;
}

.index-entry h3,
.sponsor-entry h3 {
padding: 5px 0;
font-size: 14px;
line-height: 16px;
font-weight: bold;
overflow: hidden;
color:#000;
}

.index-entry p,
.sponsor-entry p {
padding: 5px 0;
font-size: 14px;
line-height: 16px;
}

.index-entry ul,
.sponsor-entry ul {
list-style-position: inside;
}

.index-entry li,
.sponsor-entry li {
padding: 5px 0;
font-size: 14px;
line-height: 16px;
}

.index-entry a,
.sponsor-entry a {
color: #444;
background-color: transparent;
text-decoration: none;
overflow: hidden;
}

.index-short h1 {
padding: 5px 0;
font-size: 14px;
line-height: 16px;
font-weight: normal;
overflow: hidden;
}

.content h1 {
padding: 10px 0;
font-size: 18px;
font-weight: normal;
}

.content p {
padding: 10px 0;
font-size: 14px;
}

.article h1 {
padding: 10px 0;
font-size: 30px;
font-weight: 100;
line-height: 32px;
}

.article h2 {
padding: 10px 0;
font-size: 24px;
font-weight: 100;
line-height: 24px;
}

.article h3 {
padding: 10px 0;
font-size: 20px;
font-weight: 100;
line-height: 20px;
}

.article h4 {
padding: 10px 0;
font-size: 18px;
font-weight: 400;
line-height: 18px;
}

.article h5 {
padding: 10px 0;
font-size: 18px;
font-weight: 100;
line-height: 18px;
}

.article h6 {
padding: 10px 0;
font-size: 16px;
line-height: 16px;
font-weight: 600;
}

.article p {
padding: 10px 0;
font-size: 14px;
line-height: 16px;
}

.article p.standfirst {
padding: 10px 0;
color: #999;
background-color: transparent;
font-size: 16px;
line-height: 24px;
font-weight: 200;
letter-spacing: 0.1em;
}

.article p.quoteCenter,
.article p.quoteCentre {
padding: 10px 0;
font-size: 16px;
line-height: 16px;
font-weight: 100;
letter-spacing: 0.125em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.article p.quoteLeft {
float: left;
width: 280px;
margin: 10px 20px 10px 0;
padding: 10px 0;
font-size: 16px;
line-height: 16px;
font-weight: 100;
letter-spacing: 0.125em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.article p.quoteRight {
float: right;
width: 280px;
margin: 10px 0 10px 20px;
padding: 10px 0;
font-size: 16px;
line-height: 16px;
font-weight: 100;
letter-spacing: 0.125em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.article ul,
.article ol {
margin: 0 0 0 20px;
}

.article ul li,
.article ol li {
padding: 5px 0;
font-size: 15px;
line-height: 16px;
}
	
#sponsor-group h1 {
padding: 5px 0;
font-size: 16px;
font-weight: 100;
line-height: 24px;
}

.boxRight h1,
.boxLeft h1,
.boxCentre h1 {
font-size: 22px;
line-height: 22px;
}

.boxRight h2,
.boxLeft h2,
.boxCentre h2 {
font-size: 20px;
line-height: 20px;
font-weight: 400;
}

.boxRight h3,
.boxLeft h3,
.boxCentre h3 {
font-size: 18px;
line-height: 18px;
font-weight: 400;
}

.article-head p {
padding: 2px 0;
font-size: 12px;
line-height: 12px;
}

p.article-date {
float: left;
padding: 8px 0 0 0;
color: #999;
background-color: transparent;
font-size: 16px;
line-height: 16px;
}

.feature-head h1,
.section-head h1 {
padding: 5px 0;
font-size: 22px;
line-height: 24px;
font-weight: normal;
}

.feature-head h2,
.section-head h2 {
padding: 5px 0;
font-size: 14px;
line-height: 24px;
font-weight: normal;
}

.feature-head h3,
.section-head h3 {
padding: 5px 0;
font-size: 14px;
line-height: 24px;
font-weight: bold;
color:#000;
}

.error {
color: #fff;
background-color:#f00;
}

.featured-img {
float: left;
max-width: 150px;
max-height: 150px;
padding: 10px 10px 10px 0;
position: relative;
}

.index-img {
float: left;
max-width: 100px;
max-height: 100px;
padding: 0 10px 10px 0;
position: relative;
}

.index-img2 {
float: right;
max-width: 100px;
max-height: 100px;
padding: 0 10px 10px 0;
position: relative;
}

.index-img-sml {
float: left;
max-width: 50px;
max-height: 50px;
padding: 0 10px 10px 0;
position: relative;
}

.cover-img {
float: left;
max-width: 200px;
padding: 0 10px 10px 0;
position: relative;
}

.sponsor-logo {
float: left;
max-width: 200px;
padding: 10px 10px 10px 0;
position: relative;
}

/* Main navigation
------------------------------*/
.navwrap {
margin: 0 10px;
}

	a.navtoggle {
	display: none;
	color: #fff;
	background-color: transparent;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
	}

	#mainnav ul {
	list-style: none;
	}

		#mainnav ul li {
		xposition: relative;
		float: left;
		}

			#mainnav ul li a {
			display: block;
			padding: 10px 0;
			color: #fff;
			background-color: #535151;
			font-size: 16px;
			line-height: 16px;
			text-align: center;
			text-decoration: none;
			}
			
			#mainnav ul li a.sub-nav {
			padding-right: 15px;
			background: url("images/nav-arrow.png") no-repeat scroll 98% 50% #000;
			background-color: #535151;
			}

			#mainnav ul li a.nav-open {
			color: #fff;
			background-color: #666;
			}

			#mainnav ul li.active a {
			color: #fff;
			background-color: #666;
			}

			#mainnav ul li a:hover {
			color: #fff;
			background-color: #666;
			}
			
			#mainnav .sub-nav ul.sub-wrap {
			position: absolute;
			display: none;
			overflow: hidden;
			z-index: 10;
			}
				#mainnav .sub-nav li {
    			width: 100%;
				}
				
				#mainnav .sub-nav ul li a {
    			width: 100%;
				padding: 10px;
				color: #fff;
				background-color: #666;
				text-align: left;
    			border: medium none;
				}

/* Forms
------------------------------*/
legend {
display: none;
}

fieldset {
padding: 2px;
border: none;
}

fieldset.fb-combo {
position: relative;
padding: 0;
}

fieldset.shaded {
clear: left;
margin: 0 !important;
background-color: #efefef;
background-image: none;
}

.content-form label {
display: block;
font-size: 14px;
line-height: 14px;
}

.content-form label.checkbox-label {
display: inline;
font-size: 14px;
line-height: 14px;
}

.content-form input,
.content-form select {
width: 98%;
margin: 0 0 10px 0;
padding: 5px 0;
border: 1px solid #ccc;
font-size: 14px;
line-height: 14px;
}

.content-form input.checkbox {
width: auto;
height: auto;
margin: 0 10px 0 0;
border: 1px solid #ccc;
font-size: 14px;
line-height: 14px;
}

.content-form input.radio {
width: auto;
height: auto;
margin: 0 10px 0 0;
border: 1px solid #ccc;
font-size: 14px;
line-height: 14px;
}

.content-form span.radio-txt {
font-size: 14px;
line-height: 14px;
}

.content-form textarea {
width: 98%;
height: 180px;
margin: 0 0 10px 0;
border: 1px solid #ccc;
font-size: 14px;
line-height: 16px;
}

.content-form input.btn,
.content-form button.btn {
width: auto;
min-height: 26px;
margin: 0 10px 0 0;
padding: 5px 10px;
font-size: 14px;
color: #fff;
background-color: #000;
border: none;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.content-form input.btn:hover,
.content-form button.btn:hover {
color: #fff;
background-color: #666;
}

.content-form input.txt-btn,
.content-form button.txt-btn {
width: auto;
margin: 0 10px 0 0;
font-size: 12px;
line-height: 24px;
color: #666;
background-color: transparent;
border: none;
border-bottom: 1px solid #666;
cursor: pointer;
}

.content-form a.txt-btn {
margin: 0 10px 0 0;
font-size: 12px;
line-height: 12px;
text-decoration: underline;
color: #666;
background-color: transparent;
}

#newsletter-selector {
float: right
}

.inline-form label {
display: inline;
font-size: 16px;
line-height: 16px;
}

.inline-form select {
width: auto;
border: 1px solid #ccc;
font-size: 14px;
line-height: 14px;
}

input.readonly {
border: none;
}

label.error {
display: inline;
color: #FF3036;
background-color: transparent;
padding: 0 0 0 17px;
}

.content-form fieldset#advanced-search-dates, 
.content-form fieldset#advanced-search-date-range {
float: left;
width: 150px;
padding: 0;
}

.content-form input.calendar-date {
float: left;
margin: 0 5px 0 0;
width: 100px;
}

/* Search form elements
------------------------------*/
#search label {
display: inline;
font-size: 14px;
line-height: 14px;
}

#search input {
width: 180px;
padding: 5px 0;
border: 1px solid #ccc;
font-size: 14px;
line-height: 14px;
}

#search input#searchbtn {
width: auto;
min-height: 26px;
margin: 0 10px 0 0;
padding: 5px 10px;
font-size: 14px;
color: #fff;
background-color: #000;
border: none;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#search fieldset a {
float: left;
font-size: 12px;
line-height: 16px;
font-weight: normal;
}

/* Table styles
------------------------------*/
.index table {
width: 100%;
}

.index table th {
padding: 4px;
font-size: 12px;
line-height: 16px;
text-align: left;
vertical-align: top;
}

.index table td {
padding: 4px;
font-size: 12px;
line-height: 16px;
text-align: left;
vertical-align: top;
}

.article table {
width: 100%;
margin: 0 0 10px 0;
}

.article table caption {
font-size: 14px;
line-height: 14px;
font-weight: 100;
margin: 10px 0 5px 0;
text-align: left;
}

.article table th {
padding: 4px;
color: #fff;
background-color: #000;
font-size: 12px;
line-height: 12px;
text-align: center;
vertical-align: top;
}

.article table th.subhead {
color: #fff;
background-color: #666;
}

.article table th.subhead2 {
color: #333;
background-color: #ccc;
}

.article table td {
padding: 4px;
background-image: none;
font-size: 14px;
line-height: 16px;
text-align: left;
vertical-align: top;
}

.article table td.white {
color: #333;
background-color: #fff;
}

.article table p,
.article table li {
font-size: 12px;
line-height: 12px;
}



/* Header
------------------------------*/
#searchnav {
margin: 5px 0;
overflow: hidden;
}

	/* Network
	------------------------------*/
	#search {
	float: left;
	margin: 5px 0 0 10px;
	}

	/* Search
	------------------------------*/
	#networknav {
	float: right;
	margin: 0 10px 0 0;
	}

	#networknav ul {
	list-style: none;
	}

		#networknav ul li {
		float: left;
		}

			#networknav ul li a {
			display: block;
			font-size: 16px;
			line-height: 16px;
			text-align: center;
			text-decoration: none;
			margin: 0 10px 0 0;
			}


#pageheader {
overflow: hidden;
}

	/* Logo
	------------------------------*/
	#logo {
	float: left;
	margin: 0 10px;
	padding: 10px 0;
	}
	
	#logo img {
	width: 100%;
	}

	/* Head banner
	------------------------------*/
	#banner {
	float: right;
	margin: 0 10px;
	padding: 10px 0;
	}

/* Outer container
------------------------------*/
#outerwrap {
overflow: hidden;
clear: both;
}
	
	.fixedwrap {
	margin: 0 auto;
	overflow: hidden;
	}

/* Section containers
------------------------------*/
#register-form {
max-width: 640px;
}

#related-index {
margin: 10px 0;
}

#related-pages ul {
list-style-type: none;
}

	#related-pages li {
	padding: 5px 0;
	color: #444;
	background-color: transparent;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	}


	/* Index styles
	------------------------------*/
	.section-head {
	overflow: hidden;
	}
	
	.featured-entry {
	position: relative;
	margin: 0 0 5px 0;
	padding: 10px;
	overflow: hidden;
	}
	
	.index-entry {
	position: relative;
	margin: 0 0 5px 0;
	padding: 10px;
	color: #444;
	background-color: #efefef;
	overflow: hidden;
	}
	
		.index-entry span {
		position: relative;
		margin: 0 0 0 5px;
		padding: 2px 5px;
		font-size: 12px;
		line-height: 12px;
		color: #fff;
		background-color: #000;
		overflow: hidden;
		}
	
		.index-entry figure {
		float: left;
		margin: 0 20px 0 0;
		width: 200px;
		}
	
	.index-short {
	position: relative;
	margin: 0 0 2px 0;
	padding: 5px;
	color: #444;
	background-color: #efefef;
	overflow: hidden;
	}
	
	.sponsor-entry {
	position: relative;
	margin: 0 0 5px 0;
	padding: 10px;
	overflow: hidden;
	}
	
	.sponsor-thumb {
	position: relative;
	margin: 0 0 5px 0;
	padding: 5px 0;
	overflow: hidden;
	}
	
	.border {
	border-bottom: 1px dotted #999;
	}

	.adslot {
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
	line-height: 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	}
	
	.column2 div.adslot:first-child {
		border-bottom: none;
	}
	
	.adslot a {
	padding: 2px 0;
	font-size: 16px;
	line-height: 16px;
	}

	.adslot div {
	margin: 0 auto 10px auto;
	}
	
	.pagination {
	clear: both;
	height: 1%;
	margin: 10px 0;
	overflow: hidden;
	}
	
	.pagination p {
	padding: 2px 0;
	font-size: 12px;
	line-height: 16px;
	}
	
	.pagination a {
	border: 1px solid #ccc;
	float: left;
	margin: 2px;
	padding: 5px 8px 3px 8px;
	}
	
	.pagination span.current-page {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: inherit;
	float: left;
	margin: 2px;
	padding: 5px 8px 3px 8px;
	}
	
	.pagination a,
	.pagination span.current-page {
	font-size: 14px;
	line-height: 16px;
	}
	
	.index-image {
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	}
	
	.index-image2 {
	float: right;
	width: 140px;
	margin: 0 10px 0 0;
	}
	
	.logo img,
	.index-image img,
	.sponsor-thumb img {
	max-width: 100%;
	}


	/* Content styles
	------------------------------*/
	.article-head {
	border-bottom: 1px dotted #999;
	overflow: hidden;
	}
	
	.boxRight {
	float: right;
	width: 280px;
	margin: 5px 0 5px 20px;
	padding: 10px;
	color: inherit;
	background-color: #efefef;
	border-top: 3px solid #000;
	overflow: hidden;
	}
	
	.boxLeft {
	float: left;
	width: 280px;
	margin: 5px 20px 5px 0;
	padding: 10px;
	color: inherit;
	background-color: #efefef;
	border-top: 3px solid #000;
	overflow: hidden;
	}
	
	.boxCentre {
	clear: left;
	display: block;
	margin: 10px 0;
	padding: 10px;
	color: inherit;
	background-color: #efefef;
	border-top: 3px solid #000;
	overflow: hidden;
	}
	
	.imgRight {
	float: right;
	width: auto;
	margin: 5px 0 5px 20px;
	border-bottom: 3px solid #000;
	overflow: hidden;
	}
	
	.imgLeft {
	float: left;
	width: auto;
	margin: 5px 20px 5px 0;
	border-bottom: 3px solid #000;
	overflow: hidden;
	}
	
	.imgCenter {
	float: right;
	max-width: 300px;
	margin: 5px 0;
	border-bottom: 3px solid #000;
	overflow: hidden;
	}
	
	.article-utils {
    overflow: hidden;
    padding: 5px 0;
	border-top: 1px dotted #999;
	}
	
		.article-utils > div {
		float: right;
		}
	
		.article-utils a {
		margin: 0 0 0 5px;
		}

	span.caption {
	display: block;
	clear: both;
	margin: 0;
	padding: 5px;
	text-align: left;
	color: #444;
	background-color: #efefef;
	font-size: 11px;
	line-height: 11px;
	}

	.more-links {
	text-align: right;
	}

	.shaded {
	color: #444;
	background-color: #efefef;
	}
	
	.tabs {
	clear: left;
	width: 100%;
	}
			
	.tabs ul.event-nav {
	background-color: #000;
	color: inherit;
	list-style-type: none;
	margin: 0 0 9px;
	overflow: hidden;
	padding: 0;
	}
	
	.tabs ul.event-nav a {
	border-radius: 0;
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 5px 9px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	}
	.tabs ul.event-nav a:hover {
	background-color: #666;
	color: #fff;
	}
	.tabs ul.event-nav a.selected {
	background-color: #efefef;
	color: #444;
	}
	.tabs ul.event-nav a.selected:hover {
	background-color: #efefef;
	color: #444;
	}
	
	
	/* Group containers
	------------------------------*/
	.row-group {
	width: 100%;
	overflow: hidden;
	}
	
	#index-group, #article-group, #account-group {
    float: left;
    width: 640px;
	}
	
	#side-group {
	float: left;
	width: 320px;
	}
	
	#event-group,
	#sponsor-group {
	float: left;
	}
	

	/* Index column
	------------------------------*/
	.column1 {
	width: 140px;
	}
	
	.column2 {
	width: 300px;
	}
	
	.column3 {
	width: 460px;
	}
	
	.column4 {
	width: 620px;
	}
	
	.column5 {
	width: 780px;
	}
	
	.column6 {
	width: 940px;
	}
	
	.column7 {
	width: 1100px;
	}
	
	.column8 {
	width: 1260px;
	}
	
	.column1,
	.column2,
	.column3,
	.column4,
	.column5,
	.column6 {
	float: left;
	margin: 10px;
	}
	
	
/* Footer
------------------------------*/
#pagefooter {
margin-top: 10px;
}

#footer {
margin: 10px 0;
padding: 10px 0;
border-top: 1px dotted #999;
overflow: hidden;
}

#footer section.logo {
padding: 5px 0 0 0;
float: right;
}

#footer section.nav {
padding: 20px 0 0 0;
float: left;
}

#footer h1 {
font-size: 18px;
line-height: 18px;
font-weight: normal;
}

#footer p {
padding: 5px;
font-size: 12px;
line-height: 16px;
}

#footer ul {
display: block;
margin: 0;
list-style: none;
overflow: hidden;
}
		
#footer li {
display: inline-block;
font-size: 14px;
line-height: 14px;
}
		
#footer li a {
display: block;
padding: 5px;
}

#footer a.btn {
float: left;
margin: 5px;
font-size: 18px;
line-height: 18px;
}
	
	
/* Media queries - desktop
------------------------------*/
@media screen and (min-width: 1021px) {
	#leader728banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	} 	 	
	#leader660banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	display: none; 	} 	 	#leader300banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	display: none; 	}
	.fixedwrap {
	width: 1020px;
	}

	#search {
	width: 320px;
	}
	
	#logo {
    width: 260px;
	margin: 20px 0 0 10px;
	}

	#mainnav {
	width: 1020px;
	margin: 0 auto;
	}
	
	#mainnav ul li {
	width: 12.5%;
	}
	
	#mainnav ul li a {
	font-size: 14px;
	line-height: 18px;
	}
	
	ul.sub-list {
    position: relative;
    float: left;
    list-style: none outside none;
    width: 180px;
    }
			
	#mainnav li#accountnav {
	position: relative;
	}
	
	#mainnav #accountnav ul.sub-wrap {
	right: 0;
	}
		
	#side-group {
	width: 340px;
	}
		
	#index-group,
	#article-group,
	#account-group {
	width: 680px;
	}
		
	#event-group {
	width: 850px;
	}
		
	#sponsor-group {
	width: 170px;
	}
	
	.column1 {
	width: 150px;
	}
	
	.column2 {
	width: 320px;
	}
	
	.column3 {
	width: 490px;
	}
	
	.column4 {
	width: 660px;
	}
	
	.column5 {
	width: 830px;
	}
	
	.column6 {
	width: 1000px;
	}
	
	.flexslider {
    height: 300px;
	}

}

/* Media queries - tablet
------------------------------*/
@media screen and (min-width: 661px) and (max-width: 1020px) {
	#leader728banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	display: none; 	} 	 	
	#leader660banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	} 	 	
	#leader300banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	display: none; 	}
	.fixedwrap {
	width: 640px;
	}

#desktopad {
  display:none;
 }

	#search {
	width: 280px;
	}
	
	#logo {
	width: 280px;
	}
	
	#banner {
	margin-top: 10px;
	}
		
	#side-group {
	width: 640px;
	}
	
	.column5,
	.column6 {
	width: 620px;
	}

	#mainnav {
	width: 640px;
	margin: 0 auto;
	}
	
	#mainnav ul li {
	width: 25%;
	}
	
	#mainnav ul li a {
	font-size: 14px;
	line-height: 18px;
	}
	
	ul.sub-list {
    position: relative;
    float: left;
    list-style: none outside none;
    width: 180px;
    }
			
	#mainnav li#accountnav,
	#mainnav li#viewnav {
	position: relative;
	}
	
	#mainnav #accountnav ul.sub-wrap,
	#mainnav #viewnav ul.sub-wrap {
	right: 0;
	}

	.event-tab {
	width: 460px;
	}
	
	.flexslider {
    height: 350px;
	}

	#footer section.logo {
	padding: 5px 0 0 0;
	float: none;
	text-align: center;
	}

	#footer section.nav {
	padding: 10px 0 0 0;
	float: none;
	text-align: center;
	}

}	

/* Media queries - mobile to small tablet
------------------------------*/
@media screen and (max-width: 660px) {
	#leader728banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	display: none; 	} 	 	#leader660banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	display: none; 	} 	 	#leader300banner { 	float: none; 	margin: 0; 	padding: 0; 	text-align: center; 	}
	.fixedwrap {
	width: 315px;
	}
	
	#desktopad {
  display:none;
 }
		
	#index-group,
	#article-group,
	#account-group,
	#side-group {
	width: 315px;
	margin-top: 20px;
	}
		
	.column2,
	.column3,
	.column4,
	.column5,
	.column6 {
	width: 315px;
	margin: 0;
	}
	
	.row-group {
	clear: left;
	}

	#search {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
	}
	
	#search fieldset a {
    float: none;
	}
	
	#logo {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
	#logo img {
	width: auto;
	}
	
	#banner {
	float: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}

	#mainnav {
	width: 315px;
	margin: 0 auto;
	}

	a.navtoggle {
	display: block;
	padding: 5px 0;
	color: #fff;
	background-color: #000;
	}

	a.navtoggle:hover {
	color: #fff;
	background-color: #666;
	}
	
	#mainnav .navwrap {
	display: none;
	margin: 0;
	}
	
	#mainnav ul li {
	float: none;
	}
	
	#mainnav ul li a {
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	}
			
	#mainnav .sub-nav ul.sub-wrap {
	position: relative;
	width: auto;
	}
		
		#mainnav .sub-nav ul li a {
		text-align: center;
		}
			
	#mainnav ul li a.sub-nav {
	padding-right: 0;
	background: url("images/nav-arrow.png") no-repeat scroll 95% 50% #000;
	}
	
	.index-entry figure {
	float: none;
	margin: 0;
	width: auto;
	}
	
	.flexslider {
    xheight: 600px;
	}

	.article p {
	font-size: 14px;
	line-height: 16px;
	}
	
	.featured-img {
    float: none;
	}
		
	.imgRight,
	.imgLeft {
	float: none;
	display: block;
	max-width: 300px !important;
	margin: 0 auto 10px auto;
	text-align: center;
	}
		
	.imgRight img,
	.imgLeft img {
	width: auto;
	float: none !important;
	}
		
	nav.column1 {
	width: 100%;
	margin: 10px 0 0 0;
	}

	#footer section.logo {
	padding: 5px 0 0 0;
	float: none;
	text-align: center;
	}

	#footer section.nav {
	padding: 10px 0 0 0;
	float: none;
	text-align: center;
	}

}