@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0}
body {background:url(images/background.png) repeat-y; background-position:center;}

#wrapper {width:980px; margin-left:auto; margin-right:auto;}

#top-nav {
	background:url(images/nav-bar.png) no-repeat;
	height:70px;
}

h2,p {font-family:Arial, Helvetica, sans-serif; padding-left:20px; margin:0}

#top-nav ul {list-style:none; padding-top:15px; margin-top:0 }
#top-nav li {display:inline-block; padding-right:15px;}
#top-nav li.divider {background:url(images/divider.png) no-repeat right center}

#sub-nav ul {list-style:none; margin:0; padding-left:20px;}
#sub-nav li {float:left}
#sub-nav li a {
	display:block;
	padding:0px 10px;
	color:#095BA6;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none
}

#sub-nav li a:hover {text-decoration:underline}

a.today {height:35px; width:88px; display:inherit; }

a.social {height:35px; width:155px; display:inherit; }

a.explore {height:35px; width:100px; display:table-cell;}

a.live-now {height:35px; width:100px; display:table-cell;}

a.today {background:url(images/today.png) no-repeat; background-position: 0 0;}

a.social {background:url(images/community.png) no-repeat; background-position: 0 0;}

a.explore {background:url(images/explore.png) no-repeat; background-position: 0 0;}

a.live-now {background:url(images/live-now.png) no-repeat; background-position: 0 0;}

a.today:hover, a.social:hover, a.explore:hover, a.live-now:hover {background-position: 0 -40px;}

a.active {background-position: 0 -40px;}



#column-left {
	width: 210px;
	float: left
}
#column-center { width: 536px; float: left; }
#column-right { width: 210px; float: left;}


#column2 { width: 210px; float: left; margin-left:50px;}
#column3 { width: 210px; float:right; margin-right:30px;}

#column-left p, #column-left img, h1, h2, h3 {padding-left:20px}

#column-right {font: 14px/16px "Helvetica Neue",Arial,sans-serif;}

#column-right h2 { font-size:18px; font-family:"Helvetica Neue",Arial,sans-serif; color:#333333}

 
#quick-links {
width:500px;
margin-left:auto;
margin-right:auto;
border-radius: 10px;
border-top: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-color:#667F8D;
background-color:#21303A;
}

#quick-links h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0 0 0 0;
	}
	
#ql-head {
	width:px;
	margin-left:auto;
	margin-right:auto;
	background-color:#DFE3E5;
	border-bottom: thin solid #667F8D
	}
	
#ql-head h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#273A47;
	margin: 0 0 0 0;	
	}
	
#ql-content {
	width:500px;
	background-color:#FFFFFF;
	border-bottom: thin solid #667F8D;
	margin-left:auto;
	margin-right:auto;
	}

#ql-content.selected-markets {
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;	
	border-color:#667F8D;
	}	

#ql-content p {
	font-family:Arial, Helvetica, sans-serif;
	color:#3B5160;
	font-size:12px;
	margin: 0 0 0 0;	
	}
	
table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B5160;
	}
	
table a {
	text-decoration:none;
	font-weight:bold;
	color:#244EA0;	
	}
	
#messages p {padding-left:0; font-size:12px; text-align:justify; margin-top:5px;}	

/*front page boxes*/

#mini-content {background:url(/images/mini-content.jpg) no-repeat; height:120px}
#mini-content h2 {font-size:26px; color:#000000; padding-left: 7px; padding-top:8px; font-weight: bold}
#mini-content2 {background:url(/images/mini-content2.jpg) no-repeat; height:120px}
#mini-content2 h2 {font-size:16px; color:#000000; padding-left: 10px; padding-top: 10px; font-weight: bold}
#mini-content p, #mini-content2 p {
	font-size: 12px;
	color:#4B4B4B;
	padding-left: 15px;
}
#mini-content .mc-image, #mini-content2 .mc-image {
	float:right;
	position: relative;
	margin-right: 15px;
}

#mini-content2 h2 a {color:#990000}

#mini-content2 a {color:#4B4B4B; text-decoration:none;}
#mini-content2 a:hover {color:#990000}	

.posts {border-width: 0 0 1px;
    padding: 12px 12px 10px 69px; border-top: 1px solid #e8e8e8}
	
.posts a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#0084B4; font-weight:bold; font-size:14px; line-height:16px;}

.customisable-border {
    border: 1px solid #E8E8E8;
}

#dt-messages {
	width:880px; background-color:#FFFFFF;
	border-radius: 10px;
	border-width: 0 0 1px;
    padding: 0px 12px 10px 10px; border: 1px solid #e8e8e8;
	margin-left:20px;
	}
	
	

#dt-messages a {
    font-family: arial;
    font-weight: bold;
    text-decoration: none;
}	

#dt-messages p {
    line-height:20px;
	margin-top:10px;
}	

#dt-messages h3 a {
    color: #0084B4;
    font-family: arial;
	text-align:justify;
	padding-left:0px;
	text-decoration:none
}	


#dt-boxes .top-box {
	color:#FFFFFF;
	padding-top:9px;
	font-size:26px
}

#dt-boxes a {text-decoration:none; color:#333333}
#dt-boxes a:hover {text-decoration:none; color:#d80000}