@import "subsite.css"; /*generic styles for sub-sites*/

/* OUC */

/* Layout ------------------------------------ */

body {
	background-color: transparent;
}

div#branding {
	position: relative;
	height: auto;
	margin-bottom:0;
	padding-bottom:0;
	padding-top: 32px; /* 17px + 15px */
}

div#branding p {
	margin-top: 3.75em;
	margin-bottom:0;
}

div#navMain {
	background:url(../imagesNew/menu-bg-subsite.gif) bottom left repeat-x;
	top: 95px;
	border-bottom:0;
	margin-top: 1.6em;
	z-index: 1;
}

div#navMain ul.nav {
	background-image: none;
	padding-left: 10px;
	width: auto;
} * div#navMain ul.nav {padding-left: 5px}


div#pagetextWrapper {
	padding-top: 1em;
}

body.public div#pagetextWrapper, body.home div#pagetextWrapper {
	margin-left: 0;
} 

body.public div#pagetextWrapper {
	float: none;
	float: left;
	margin-right: -225px;
}

body.home div#pagetextWrapper {
	float: left;
	margin-right: -225px;
} 

body.public div#pagetext, body.home div#pagetext {
	margin-left: 10px;
	margin-right: 225px;
	padding-right: 50px;
}

body.public div#sidebar {
	clear: both;
	float: none;
	margin-left: 20px;
	overflow: hidden;
	padding-bottom:2em;
	padding-top: 0;
}

body.home div#sidebar, div#sidebar2 {
	clear: none;
	float: right;
	width: 225px;
	margin-left: 0px;
	margin-top: 3.65em;
} * html body.home div#sidebar, * html div#sidebar2 {
	height: 1px;
}

div#sidebar2 {
	margin-top: 5.2em;
}
	
div#footer {
	margin-left: 0;
	padding-right: 1em;
	float: none;
	width: auto;
}

	body.public div#footer {
		margin-left: 20px;
	}

	#iso9001 {
		color: #6A83B2;
		float: left;
		font-size: 0.8em;
		margin-right: 15px;
		margin-left: 10px;
		width: 100px;
		padding-left: 93px;
		position:relative;
		min-height: 47px
	}
	
	body.public #iso9001 {
		float: right;
		margin-left: 0.5em;
	}

	#iso9001 img {
		display:block;
		position: absolute;
		top:3px;
		left:0;
	}
	

	
	
	
/* Branding ----------------------------------------- */


#strapline {
	top:32px; /* as #banner padding=top */
}

div#branding p {
	color: #6A83B2;
	background-color: #E1E6F0;
	padding: 0.5em 0 0.5em 10px;
}

div#IsisLink {
	width: 120px; /*set slightly wide for border on a*/
}

/* Body presentation ----------------------------------*/

#pagetext div.heading {
	border-bottom: 1px dashed #A6B5D1;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	margin-right: -20px;
}

#pagetext div.heading p {
	color: #6A83B2;
	font-size: 0.9em;
	margin-bottom:0;
}

#pagetext h1 {
	margin-bottom:0;
}

#pagetext h2 {
	color: #C00;
}

blockquote.pullquote {
	float: right;
	margin: 0 0 0.2em 1.5em;
	padding-left: 0;
	width: 190px;
	
	color: #999;
	font-size: 1.5em;
	line-height: 1.5;
	text-align:left;
}

	blockquote.pullquote p {
		margin-bottom:0;
	}



/* Search ---------------------------------------*/


form.searchBox,
div#sidebar form.searchBox {
	padding: 10px 0 10px 13px;
	width: 167px;
}

form.searchBox input {
	width: 135px;
}

body.public form.searchBox,
body.public div#sidebar form.searchBox {
	clear:right;
	float: right;
	padding-left:0;
	margin-right: 1em;
	width: 225px;
} * html body.public form.searchBox, * html body.public div#sidebar form.searchBox {margin-right: 0em; height: 1px}

body.home div#sidebar form.searchBox {
	width: 225px;
	padding-left: 0px;
}

body.home form.searchBox input {

}

/* Public 'Sidebar' and sub-menu --------------------------------------*/

body#ouc.public div#sidebar {
	width: 760px;
	margin-left: 10px;
}

body.public div#sidebar h2,
body.home div#sidebar h2  {
	border-bottom: 1px dashed #A6B5D1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin-bottom: 0.3em;
}

div#sidebar ul.nav h2 {
	border-bottom:0; /* override for Academic menu */
}

body.public div#navSub div {
	width: 28%;
	margin-right: 5%;
	float: left;
}

body.public div#navSub div#navSub4 {
	clear: left;
}

div#navSub div p {
	line-height: 1.5;
	margin-left: 13px;
}

div#navSub h3 {
	color: #CC0000;
	font-size: 1.2em;
	padding-left: 0;
}

div#navSub h3 a {
	background: url(../imagesNew/arrow-dbl.gif) no-repeat 0 4px; 
	color: #CC0000;
	display: block;
	padding-left: 13px;
	text-decoration:none;
}

div#navSub h3 a:hover {
	text-decoration: underline;
}

p.downloads {
	font-size: 1.1em;
}	

	p.downloads a {
		border-top: 1px dotted #CCCCCC;
		border-bottom: 1px dotted #CCCCCC;
		color: #55698E;
		display: block;
		padding: 0.3em 0;
		text-decoration: none;
		min-height: 32px
	} * html p.downloads a {height: 32px}
	
	body.public p.downloads a {
		float: left;
		width: 28%;
	}
	
	p.downloads a:hover {
		background-color: #E1E6F0;
	}

	p.downloads img {
		background:transparent;
		float: left;
	}
	
	p.downloads span {
		color: #999999;
		display:block;
		font-size: 0.85em;
	}
	
/* sIFR on pullquotes ---------------------------
   These are standard sIFR styles... do not modify */

@media screen {
	
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

@media screen {
.sIFR-hasFlash blockquote.pullquote {
	letter-spacing: -2px;
	line-height:1.3;
	font-size: 19px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left
}
}

