/*--------------------------------------------------------------------------------------------
	Global styles 
  --------------------------------------------------------------------------------------------*/
html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background:#1E1B15 url(../images/bg.jpg);
}

body { 
	behavior:url("/css/csshover.htc");
}

p {
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
div#container {
	position:relative;
	width:740px;
	margin:auto;
	min-height:100%;
	background:url(../images/bg_spotlight.jpg) no-repeat;
}
/* Header */
div#header {
	
}
div#headerContent {
	position:relative;
	height:139px;	
}
div#logo {
	position:absolute;
	top:82px;
	left:0;
	width:171px;
	height:48px;	
}
div#nav {
	position:absolute;
	bottom:0;
	right:0;
}

/* override style for content area */
div#contentContainer {
	background:url(../images/bg_hline.gif) no-repeat 0 10px;
	padding-bottom:30px;
}

div#content {
	float:left;
	width:457px;
}
div.contentFooter {
	background:url(../images/bg_vline_bot.gif) no-repeat right bottom;	
}
div#sidebarContainer {
	float:right;
	width:282px;
}
div.sidebar {
	padding-left:1px;
	background:url(../images/bg_vline.gif) no-repeat left top;
}
div.sidebarFooter {
	margin-left:-1px;
	background:url(../images/bg_vline_bot.gif) no-repeat left bottom;	
}
div.sidebarFooterRight {
	background:url(../images/bg_vline_bot.gif) no-repeat right bottom;	
}

/* Footer */
div#footer {
	position:absolute;
	bottom:0;
	width:740px;
}
  

/* Extra */
div.horizontalLine {
	clear:both;
	line-height:1px;
	background:url(../images/bg_hline.gif) no-repeat;
}
div#dqltag {
	position:relative;
	width:100%; 
}
div#dqltag div {
	position:absolute;
	right:0;
	top:-82px;
}
div#dqltag img {
	opacity:0.99;	
}
div#dqltag a:hover img {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*--------------------------------------------------------------------------------------------
	Teasers - common
  --------------------------------------------------------------------------------------------*/
div#teaserContentTop {
	line-height:20px;
	padding:0 22px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../images/bg_hline.gif) no-repeat bottom;
}




/*--------------------------------------------------------------------------------------------
	Typography - Main Content
	
	NB: It's usually best to apply padding to parent elements rather than all child elements
	however the lines in this design made this approach the more logical one.
  --------------------------------------------------------------------------------------------*/
/* Content child element padding */  
div#content h3,
div#content h4,
div#content p {  
	padding:0 15px 0 20px;
} 
/* Sidebar child element padding */  
div#sidebarContainer h3,
div#sidebarContainer p {  
	padding:0 20px 0 15px;
} 
div#content h3,
div#sidebarContainer h3 {  
	padding-top:10px;
}
  
div#content p {
	color:#989898;
	line-height:1.5em;
}  
div#content p.leadin {
	color:#CDCDCC;
	font-size:1.1em;
}  
  
div#content h3,
div#sidebarContainer h3 {
	line-height:25px;
	color:#FFFFFF;
	margin:0;
	font-size:1.1em;
}
div#content h3 {
	background:url(../images/bg_hline.gif) bottom left no-repeat;
}
div#content .qualification {
	font-size: 0.9em;
	font-weight: normal;
}
div#sidebarContainer h3 {
	background:url(../images/bg_hline.gif) bottom right no-repeat;
}

h4 { 
	color:#FFF;
	font-size:1.1em;
}
div#sidebarContainer p {
	color:#989898;
	line-height:1.5em;
}
div#sidebarContainer a {
	color:#CC3232;
}

div.rss {
	padding:5px 0 0 15px;
}


/*--------------------------------------------------------------------------------------------
	Navigation / Lists / Links
  --------------------------------------------------------------------------------------------*/
ul#navMain {
	list-style:none;
	padding:0;
	margin:0;
}
ul#navMain li {
	float:left;
}
ul#navMain li a {
	display:block;
	padding:7px 14px;
	color:#CCCCCC;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
ul#navMain li a:hover,
ul#navMain li#selected a {
	color:#FFFFFF;
}



ul#navSidebar {
	list-style:none;
	padding:0;
	margin:0;
	background:url(../images/bg_sidebar_menu.gif) no-repeat;
	width:178px;
}
ul#navSidebar li {
	border-bottom:solid 1px #67625F;
}
ul#navSidebar a {
	display:block;
	zoom:1; /* for IE */
	line-height:15px;
	padding:0 10px 0 20px;
	text-decoration:none;
	color:#C6C6BF;
	font-weight:bold;
	text-transform:uppercase;
}
ul#navSidebar a:hover {
	color:#FFFFFF;
}
ul#navSidebar li#selected a {
	color:#131111;
}


a.next,
a.back {
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
}
a.next {
	padding-right:20px;
	background:url(../images/icon_arrow_r.gif) no-repeat right -2px;
}
a.back {
	padding-left:20px;
	background:url(../images/icon_arrow_l.gif) no-repeat left -2px;
}

li {
	color:#989898;
}


/*--------------------------------------------------------------------------------------------
	Forms 
  --------------------------------------------------------------------------------------------*/