
.main-split:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	background: #21578a url(/qssdl/images/page-bg.jpg) top left repeat-x;
	font: .9em calibri,arial,sans-serif;
	color: #333333;
	}

	
.container {
	margin: 0 auto;
	width: 960px;
	position: relative;
	padding: 0;
	}
	
a img {
	border: none;
	}

a {
	color: #21578a;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
	
.clr {
	clear: both;
	}
	
.clrLeft {
	clear: left;
	}
	
.float-right {
	float: right;
	margin-right: 15px;
}
	
* {
	margin: 0;
	padding: 0;
	}
	
#header {
	background: url(/qssdl/images/header-bg.jpg) top left repeat-x;
	overflow: hidden;
}

#header-inner {
	background: url(/qssdl/images/content-shadow-top.png) bottom center no-repeat;
	height: 244px;
	padding: 0 0 0 15px;
	width: 977px;
	margin: 0 auto;
}

#social-links {
	/*
	float: right;
	clear: both;
	*/
	padding-top: 6px;
	margin-bottom: 30px;
}

#social-links img {
	position: relative;
	vertical-align: middle;
	margin-left: 4px;
}

#social-links img#mail-icon {
	margin-left: 16px;
}

#logo {
	/*
	position: absolute;
	top: 16px;
	*/
	display: block;
	float: left;
	padding: 16px 0 0 0;
	width: 379px;
	height: 110px;
}

#nav-wrapper {
	float: right; 
	width: 564px;
	padding: 0 16px 15px 0;
	text-align: right;
}

.nav {
	width: 564px;
}

.nav li {
	display: inline;
	list-style-type: none;
}

.nav li a {
	font-size: 1em;
	float: right;
	margin-left: 10px;
}

#user-nav li a {
	color: #000;
	font-size: 1.1em;
	padding-bottom: 10px;
}

#main-nav {
	clear: right;
}

#pano {
	width: 960px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #c4c4c4; 
	background: #fff;
	height: 126px;
	clear: both;
}

#pano-bar {
}

#pano-bar img {
	border-right: 1px solid #fff;
}


#main-wrapper  {
	background: url(/qssdl/images/content-shadow.png) top left repeat-y;
	width: 992px;
	margin: 0 auto;
}

#main {
	background: #fff;
	width: 924px;
	padding: 0 18px 18px 18px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #c4c4c4;
}

h2 {
	color: #000;
	font-size: 1.4em;
}

h2 a {
	color: #000;
}

h2.indented {
	margin-left: 16px;
}

#bottom-shadow {
	width: 992px;
	background: url(/qssdl/images/content-shadow-bottom.png) top center no-repeat;
	margin: 0 auto;
	height: 15px;
}

#right-col {
	display: none;
	float: right;
	margin-right: -285px;
	/*position: absolute;
	right: 18px;
	top: 0;*/
	width: 262px;
	padding-bottom: 30px;
}

#home #right-col {
	display: block;
}

#viewObject-right-column {
float:right;
border-left:1px dotted #ccc;
width:300px;
padding:5px;
}

#access-resource {
color:#666;
text-align:center;
padding-bottom:10px;
}

.blue-header,
.green-header {
	background: #21578a;
	padding: 4px 12px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}

.green-header {
	background: #8dc63f;
	color: #000;
}

.blue-header-bottom {
	height: 6px;
	background: url(/qssdl/images/blue-header-bottom-bg.gif) top left no-repeat;
	margin-bottom: 15px;
}

.green-header-bottom {
	height: 6px;
	background: url(/qssdl/images/green-header-bottom-bg.gif) top left no-repeat;
	margin-bottom: 15px;
}

#search,
#twd-announce {
	padding-bottom: 16px;
	border-bottom: 2px solid #e1e8ed;
	margin-bottom: 15px;
}

.search-input {
	border: 2px solid #70a489;
	width: 150px;
	height: 28px;
	padding: 0 9px;
	position: relative;
	vertical-align: middle;
}

.search-button {
	position: relative;
	vertical-align: middle;
}

#search-options,
#search-links {
	text-align: center;
	margin-top: 15px;
	font-size: 1.1em;
	font-weight: bold;
}

#browse-subject {
	padding: 15px 0 20px 0;
}

#browse-subject select {
	margin-bottom: 10px;
}

#spotlight {
	padding: 0 0 0 15px;
}

h3 {
	color: #95ca4c;
	font-size: 1.1em;
}

.more-link {
	text-align: right;
	display: block;
	padding-top: 15px;
}


#left-col {
	float: left;
	width: 924px;
}

#left-col li {
	margin: 0 0 0 30px;
}

#left-col ul {
	margin: 0 0 1em 0;
}

#home #left-col {
	width: 639px;
}

#welcome-message {
	padding: 0 10px 30px 10px;
}

#left-col ul.bullet-list li,
#right-col ul.bullet-list li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 3px 30px;
	background: url(/qssdl/images/list-bullet.gif) 17px 5px no-repeat;
}

ul.bullet-list {
	margin-bottom: 30px;
}

.main-split {
	width: 311px;
	float: left;
	
}

.split-right {
	margin-left: 17px;
}

#logo-bar {
	clear: both;
	height: 79px;
	text-align: center;
	padding: 15px 0 0 0;
	border-top: 1px solid #dae2e9;
}

#logo-bar img {
	margin: 0 55px;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	text-align: center;
}

#footer a {
	padding: 0 26px;
	color: #dae2e9;
	border-right: 2px solid #dae2e9;
}

#footer a.last {
	border: none;
}

#twd_breadcrumbs {
position: relative;
top: -20px;
}

#twd_breadcrumbs li {
	float: left;
	list-style: none;
	padding: 0 8px 0 0;
	margin: 0;
}
#twd_breadcrumbs:after {
	content: ".";
	visibility: hidden;
	height: 0;
	clear: left;
	}
