/* Univeristy of UWS
 * Layout CSS
*/


/* Body Structure */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body { 
	margin: 0;
	padding: 0;
	background: #fff;
}

img { display: block }

img.inline
{
	display:inline;
}

a#skipnav {
	 visibility: hidden; 
	 position: absolute; 
	 left: -9999px; 
}

.clear-fix {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 0;
}

#container {
	width: 876px;
	margin: 0 0 0 19px;
}

#wrapper {
	width: 875px;
	margin: 0 auto;
	/*background: url(/include/uws/image/background_primary.gif) 219px 10px repeat-y;*/
}

/* Header */

#top {
	width: 860px;
	height: 58px;
	margin: 0;
	padding: 13px 15px 0 0;
	text-align: right;
}

/* Google Search */

.searchSite {
	margin: 26px 0 0 10px;
}

.searchInput {
	padding: 2px;
	background: #ffffff url(http://www.google.com/coop/images/google_custom_search_watermark.gif) no-repeat left 50%;
	border: 1px solid #7e9db9;
}


#header, #content {
	width: 875px;
	height: auto;
	float: left;
	clear: both;
}

/* IE 6 Hack
 *
 *  For mishandling of margins
 *  only applied to #header as extra room for #content
 *  allows for more room when IE 6 is set to text size 'largest'
 */
* html #header {
	width: 875px;
}
/*
 *
*/

#header-image {
	width: 875px;
	height: 228px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	border-bottom: 1px #BCc5CC solid;
	background-image: url(/include/uws/image/img_Library.jpg);
	background-repeat: no-repeat;
	/*background-position: 0 0;*/
	background-position:bottom;
}

#header-image #banner {
	width: auto;
	height: 26px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	background: url(/include/uws/image/breadcrumb_arrow.jpg) no-repeat;
	background-position: 0 8px;
}

/* New Breadcrumbs Navigation
------------------------------------- */

#header-image #banner ul {
	list-style: none;
	margin: 6px 0 0 13px;
	padding: 0;
}

#header-image #banner li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0 5px 0 0;
	padding: 0;
	color: #c7c7c7;
	background: none;
	float: left;
}

#header-image #banner li a {
	color: #6d7179;
	text-decoration: none;
}

#header-image #banner li a:hover {
	color: #3C3F44;
	text-decoration: none;
}


/* Page Titles (ADDED TO PAGES!!)
------------------------------------------------- */

#titles {
	width: 875px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
}

#title_left {
	width: 631px; /* was 625 */
	height: 18px;
	margin: 0;
	padding: 5px 0 0 6px;
	float: left;
	clear: both;
	/*background: #7a7199;*/  /* Controlled by other stylesheet */
	border-right: 1px solid #dcdcdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #fff;
}

#title_right {
	width: 225px; /*was 231 */
	height: 18px;
	margin: 0;
	padding: 5px 0 0 12px;
	float: right;
	display: inline;
	/*background: #c9c5d6;*/  /* Controlled by other stylesheet */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #fff;
}


/* Contents
------------------------------------------------- */

#content {
	width: 875px;
	height: auto;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.column {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
	height: 100%;
}


/* Primary Column
------------------------------------------------- */

#primary {
	width: 219px;
	padding: 0 0 40px 0;
	float: left;
	clear: both;
	background: #efefef;
}

#primary ul {
	list-style: 0;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}

#primary li {
	margin: 0;
	padding: 0;
	width: 100%;
	background: none;
	border-bottom: 1px solid #c6c6c6;
}

#primary li a {
	margin: 0;
	padding: 4px 0 4px 5px;
	display: block;
	width: 214px;
	color: #6d7179;
	text-decoration: none;
}

#primary li a:hover {
	/*background: #d1ced9;*/  /* Controlled by other stylesheet */
	color: #3C3F44;
	text-decoration: none;
}

#primary li.primary_active a {
	/*background: #d1ced9;*/  /* Controlled by other stylesheet */
	color: #3C3F44;
	text-decoration: none;
}

#primary img {
	display: inline;
}


/* Secondary Column
------------------------------------------------- */

#secondary {
	width: 378px; /* 460 originally changed from 372 to 378 by pr*/
	padding: 0 20px 36px 20px;
	/*background: #444;*/
	
}


/* Thirdary Column
------------------------------------------------- */

#thirdary {
	width: 237px;/* 243 */
	margin: 0;
	padding: 15px 0 20px 1px;
	overflow: visible;
	/*background: #555;*/
}

#thirdary ul, ol {
	padding: 0;
}

#thirdary li {
	padding-left: 25px;
}



/* Footer
------------------------------------------------- */

#footer {
	width: 875px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	clear: both;
	background-color: #3C3F44;
}

#footer p {
	text-align: right;
	color: #ccc;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

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

#contact {
	width: auto;
	height: auto;
	margin: 0 0 0 9px;
	padding: 0;
	float: left;
	clear: both;
}

#copyright {
	width: auto;
	height: auto;
	margin: 0 9px 0 0;
	padding: 0;
	float: right;
	display: inline;
}

#logo {
	padding-top: 0px;
	float: left;
	background: url(/include/uws/image/background_statement.gif) bottom left no-repeat;
	padding-bottom: 20px;
	padding-right: 87px;
}

#statement {
	padding-top: 42px;
	padding-right: 14px;
	background: url(/include/uws/image/background_statement.gif) 0px 20px no-repeat;
	font-size: 1.05em;
	font-style:italic;

}



/* Other
------------------------------------------------- */

#search {
	margin-top: 26px;
	background: url(/include/uws/image/background_h4-primary.gif) top left no-repeat repeat-y;
}


#search h5 {
	padding-top: 12px;
	padding-bottom: 5px;
	padding-right: 3px;
}

#search p {
	padding-right: 3px;
}

/* single */

#single {			/* single div can't be taller than #primary if using #secondary and #thirdary on the same page */
	width: 456px; 	/* secondary width + thirdary width */
}


/* double */
/* Added 30/06/07 by PR
	to enable table to  spread over secondary and thirdary columns */
#double {
	width: 492;
}

div#double.no_bottom_space {
	padding-bottom: 0px;
}

div#single.no_bottom_space {
	padding-bottom: 0px;
}

div#single.no_bottom_space {
	padding-bottom: 0px;
}