@charset "UTF-8";
/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,
dd, dt, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

article, aside, figure, footer, nav, section, header, h4 {
	display:block;
	margin:0;
	padding:0;
}

html {margin-top: 0px; overflow-x: hidden;}
body {background-color: /*#000 */ #f3f3f3; margin-top: 0px;}

image {border: none;}

a {color: #b1a16a; text-decoration: none}
a:hover {color: #caaf54; text-decoration: underline;}
a:visited {color: #960; text-decoration: none;}


/*PARAGRAPH HEADINGS*/
h3 {
	font-family:"VAG Rounded W01 Bold",Verdana,Arial,Helvetica,sans-serif; 
	margin: 0px 0px 0px -5px;
	font-size:16px;
	font-style: normal;
	color: #dc291e;
	padding: 1px 15px 2px 5px;	
}

.h3bar {
	font-size:18px;
	font-style: normal;
	color: #fff;
	background: #caaf54/*#dc291e*/;
	display:inline;
	padding: 0px 0px 2px 0px;
}

/*NAVBAR LABELS*/
h4 {
	font-family:"VAG Rounded W01 Bold",Verdana,Arial,Helvetica,sans-serif; 
	font-size: 16px;
	/*text-indent: -5000px;*/
	width: 85px;
	height: 70px;	
}

#container {
    width:95%;
	max-width:976px;
	height:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
}


#portal {
	width: 100%;
	height: 100%;
	background: url(../images/showcase/sewing/sewingStudent.jpg) no-repeat center;
}




#dept_name {
	height: 50px;
	display: block;		
}

/*DEPT NAMES SHARED RULES*/
#dept_name h1, #dept_name h2 {
	position: absolute;
	font-family: "VAG Rounded W01 Bold",Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	
}
/*RESOURCE AREA NAMES*/
#dept_name h1{
	top: 100px;
	margin: 0px 0px 0px 10px;
	font-size:36px;
	color: #fff;
}
/*TECHNICAL RESOURCES TEXT IN HEADER*/
#dept_name h2 {
	/*top: -60px;
	left: -10px;*/
	float:right;
	position:relative;
	margin: -7% 2% 0px 0px;
	font-size:22px;
	color: #dc291e;
}

#UWE_logo {
	height: 100px;
	width: 100%;
	display: block;
}

#resource {
	margin-top: 50px;
	padding:20px 0 0 75px;
	width: 100%;
	height: auto;	
}

/*SHARED RULES FOR COLUMNS*/
.upperLeft,.upperRight, .lowerRight, .lowerLeft {
	float: left;
	height: auto;
	width: 46%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #300;
	line-height: 18px;
}

/*MARGINS FOR COLUMNS*/
.upperLeft, .lowerLeft {
	padding: 0px 22px 0px 5px;
	margin: 20px 0px 0px 0px;
	border-right: #fff/*#b1a16a*/ solid 1px;
}

.upperRight, .lowerRight {
	padding: 0px 0px 0px 22px;
	margin: 20px 0px 0px 0px;		
}

/*CONTAINER FOR WIDE POSTER IMAGES*/
.poster {
	margin: 85px 0px 0px 0px;
	width: 100%;
	height:300px;
    overflow:hidden;
}

.gallery{
	margin: 85px 0px 0px 0px;
	width: 100%;
	height:300px;
	/*border-top: #000 solid 1px;
	border-bottom: #000 solid 2px;
	border-left: #000 solid 2px;
	border-right: #FFF solid 3px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
	overflow:hidden;
}

/*CONTAINER FOR TALL POSTER IMAGES*/
.posterTall {
	margin: 10px 0px 0px 0px;
	height: 600px;
	width: 460px;
	float: left;
}

/*SHARED RULES FOR SMALL POSTER IMAGES*/
.posterSMLleft, .posterSMLright {
	margin: 0px 0px 0px 0px;
	height: 342px;
	width: 460px;
}

/*BORDERS FOR ALL POSTER IMAGES*/
.poster, .posterSMLleft, .posterSMLright, .galleryElement {
	border-top: #FFF solid 1px;
	border-bottom: #FFF solid 2px;
	border-left: #FFF solid 2px;
	border-right: #FFF solid 3px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*-moz-box-shadow: 1px 1px 3px rgba(255,255,255,3);
	-webkit-box-shadow: 1px 1px 3px rgba(255,255,255,3);
	box-shadow: 1px 1px 3px rgba(230,255,255,3);*/
}
/*PLACEHOLDER FOR PAGES WITH NO IMAGES*/
.no-poster {
	width: 100%;
	height: 75px;
	position: relative;
	float: left;
}
/*CONTAINER FOR GALLERY IMAGE*/
.galleryElement{
	position:absolute;
	width:auto;
	overflow:hidden;
	margin: 0 10px 0 0;
	/*height:auto;*/
}