/*STYLES SPECIFIC TO DEPARTMENT SITE*/
/*AVOID ADDING ANYTHING HERE WITH OUT CONSULTING THE WEB TEAM*/

h5.quickLinks {
	background: #c74a29;
	color: #fff;
	padding: 2px 0 2px 4px;
}

#imageBar h2{
	font-size: 2.4em;	
}

.date{
	padding: 0px;
	margin: 0px;
	font-size: .8em;
	font-weight: normal;
	color: #666666;
	margin-left: 1px;
}

.button{
	margin-left: 0px;
margin-right: 0px;
}

#diagram{
	display: none;
	visibility: hidden;
}

#content #frameworklist1, #content #frameworklist2, #content #frameworklist3, #content #frameworklist4{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#content .widthSpread .flowLong{
	width: 500px;
	height: 5px;
	background: #DBE4ED;
	font-size: 1px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#content .widthSpread .flowTall{
	width: 5px;
	height: 10px;
	float: left;
	background: #DBE4ED;
	font-size: 1px;
	padding: 0px;
	margin: 0px;
}

#content .widthSpread{
	width: 100%;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

#content .widthSpread .move{
	float: left;
}

.ueltMain a:active, .ueltMain a:link, .ueltMain a:visited, .ueltMain a,
a:active.frameBox1, a:link.frameBox1, a:visited.frameBox1, a.frameBox1,
a:active.frameBox2, a:link.frameBox2, a:visited.frameBox2, a.frameBox2{
	margin: 0px;
	padding: 0px;
	background: white; 
	border: 1px solid #a1a3cf;
	border-bottom: 5px solid #a1a3cf;
	width: 100px;
	height: 45px;
	padding: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	float: left;
	background-image: url(../images/uelt-block1.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}

a:active.frameBox1, a:link.frameBox1, a:visited.frameBox1{
	background-color: #dfe2f4;
	border: 1px solid #abaeca;
	border-bottom: 4px solid #abaeca;
	background-image: url(../images/frame-block1a.gif);
}

a:active.frameBox2, a:link.frameBox2, a:visited.frameBox2{
	background-color: #dbf5eb;
	border: 1px solid #96a8a1;
	border-bottom: 4px solid #96a8a1;
	background-image: url(../images/frame-block2a.gif);
	height: 45px;
	width: 100px;
}

.ueltMain a:hover{
	cursor: pointer;
	background-color: #c9cff4;	
	background-image: url(../images/uelt-block2.gif);	
	background-repeat: repeat-x;
	background-position:bottom;
	border-color: #888aaf;
	color: black;
}

a:hover.frameBox1{
	cursor: pointer;	
	background-image: url(../images/frame-block1b.gif);
	background-color: #abaeca;
	background-repeat: repeat-x;
	background-position:bottom;
	border-color: #85879d;
	color: black;
}

a:hover.frameBox2{
	cursor: pointer;	
	background-image: url(../images/frame-block2b.gif);
	background-color: #96a8a1;
	background-repeat: repeat-x;
	background-position:bottom;
	border-color: #72807b;
	color: black;
}

#resourceBlock{
	width: 100%;
	float: left;
}

#resourceLeft, #resourceRight{
	width: 280px;
	float: left;
}

#resourceLeft p, #resourceRight p{
	margin-left: 5px;
}

#resourceLeft{
	border-right: 10px solid #d8e9ef;
}

#resourceLeft h4, #resourceRight h4{
	background: #c1dce5;
	padding: 5px;
	padding-left: 27px;
	font-size: 1.2em;
	background-image: url(../images/resource-arrow.gif);
	background-repeat: no-repeat;
	background-position: 9px 9px;
	color: #535a85;
}

body #content{
	width: 570px;
}

.picLeft, .picRight{
	float: left;
	border: 6px solid #cae0e8;
	margin-left: 10px;
	margin-bottom: 10px;
}

.picRight{
	float: right;
	margin-left: 0px;
	margin-right: 10px;
}

.tabContent .workshops {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	background: none;
}

.background1 .tabContent ul li{
	margin: 0px;
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}

.tabContent .workshops li a:active,.tabContent .workshops li a:link, .tabContent .workshops li a:visited{
	margin: 0px;
	display: block;
	background-color: #fff;
	background-image: url(../images/a-list-link.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
	width: 508px;
	color: #4b525b;
}

.tabContent .workshops li a:hover{
	margin: 0px;
	display: block;
	background-color: #fff;
	background-image: url(../images/a-list-link2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px;
	
	padding-left: 5px;
	padding-bottom: 5px;
	/*border-top: 2px solid #626c77; 
	border-bottom: 1px solid #626c77;*/
	text-decoration: underline;
	cursor: pointer;
	width: 508px;
	color: #fff;
}

/* Information page styles */

div.info-left {
	float: left;
	width: 480px;
	background: url(../images/soft-corner-gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 1px solid #d0d0bf;
	margin: 0 0 8px 0
} div.info-left ul {
	margin: 0;
	padding: 8px 8px 8px 10px;
}

div.info-right {
	float: left;
	width: 70px;
	padding: 10px 0 0 10px;
}

div.info-right a {
	cursor: pointer;
	
} div.info-right a:hover {
	text-decoration: underline;
}

div.info-right div.arrow {
	background: url(../images/arrow-right.png);
	background-position: 0 0;
	width: 24px;
	height: 20px;
	float: left;
}

div.info-right a:hover div.arrow {
	background-position: 0 20px;
}

form#deptSearchForm {
	margin-bottom: 20px;
}