@import url(reset.css);
@import url(text.css);

/* 
=Typography 
*/

h1, #nav, .Gothic {
	font-family: "Trade Gothic", "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

h1, .Gothic {
	text-transform: uppercase;
}

h1 {
	line-height: 1em;
}

h2 {
	margin: 0 0 4px;
	clear: left;
}

h3 {
	margin: 0;
}

.article h3 {
	margin-bottom: 5px;
}

.error h4 {
	font-family: "Berthold Akzidenz Grotesk BE", helvetica, arial, sans-serif;
	font-size: 18px;
	line-height: 1em;
	text-transform: lowercase;
	color: #e6d728;
	border-bottom: 1px solid #000;
	margin: 0;
	background: transparent url(../images/error-text.gif) -3px 0 no-repeat;
}

.success h4 {
	font-family: "Berthold Akzidenz Grotesk BE", helvetica, arial, sans-serif;
	font-size: 18px;
	line-height: 1em;
	text-transform: lowercase;
	color: #e6d728;
	border-bottom: 1px solid #000;
	margin: 0;
	//background: transparent url(../images/error-text.gif) -3px 0 no-repeat;
}

#nav {
	font-size: 12px;
	line-height: 26px;
}

.giant {
	font-family: "Berthold Akzidenz Grotesk BE", helvetica, arial, sans-serif;
	font-size: 54px;
	line-height: 1em;
	font-weight: bold;
	text-transform: lowercase;
	color: #e6d728;	
}

p {
	line-height: 16px;
	margin-bottom: 10px;
}

p.validation {
	color: #ee202f;
}

/* 
=Links 
*/

a {
	color: #000;
}

a:hover {
	color: #e6d728;
}

	a.giant:hover {
		color: #000;
	}

h1 a {
	text-decoration: none;
	background: transparent url(../images/UF-logoTxt.gif) -3px -30px no-repeat;
	width: 190px;
	height: 25px;
}
	h1 a:hover {
		background-position: -3px 0;
	}

label:hover {
	cursor: pointer;
}

a#downloadPdf {
	width: 390px;
	height: 61px;	
	background: transparent url(../images/giant-text.gif) -10px -577px no-repeat;
	}
	a#downloadPdf:hover {background-position: -10px -690px}
	
/* 
=Misc 
*/

ul.null {
	list-style: none;
}
ul.null li {
	margin: 0;
}

.strucural {
	position: absolute;
	left: -9999px;
}

.replace {
	text-indent: -9999px; 
	display: block;
}

/*
=Images
*/

img {
	display: block;
	border: none;
	margin-bottom: 20px;
}

/*
=Navigation
*/

#nav li a {
	display: block;
	background: transparent url(../images/UF-nav.gif) 0 0 no-repeat;
	height: 26px;
}
	#nav .approach a {background-position: 0 -3px; width: 90px;}
	#nav .download a {background-position: 0 -49px; width: 135px;}
	#nav .news a{background-position: 0 -95px; width: 40px;}
	#nav .contact a {background-position: 0 -141px; width: 55px;}
	
		#nav .approach a:hover {background-position: -230px -3px}
		#nav .download a:hover {background-position: -230px -49px}
		#nav .news a:hover {background-position: -230px -95px}
		#nav .contact a:hover {background-position: -230px -141px}

/*
=Label image replacement
*/
#name, #email, #message, #emailSubmit {
	background: transparent url(../images/giant-text.gif) -10px 0 no-repeat;
}

#name {
	width: 145px;
	height: 36px;
	background-position: -14px -23px;
	overflow: hidden;
}

#email {
	width: 147px;
	height: 46px;
	background-position: -14px -127px;
	overflow: hidden;
}

#message {
	width: 365px;
	height: 46px;
	background-position: -14px -248px;
	margin: 20px 0 7px;
}

#emailSubmit {
	width: 225px;
	height: 54px;
	background-position: -14px -355px;
	border: none;
	padding: 0;
	cursor: pointer;
}
	#emailSubmit:hover {background-position: -14px -469px;}

/* 
=Global 
*/
html, body {
	background: #f3f2ee;
}

body {	
	color: #000;
	float: left;
	width: 100%;
	min-height:1260px;
	padding: 35px 0 0 0;
}

body.bg0 {	
	background: #f3f2ee url(../images/bg/uf_bg_img_01.jpg) 55px 160px no-repeat;
}

body.bg1 {	
	background: #f3f2ee url(../images/bg/uf_bg_img_01.jpg) 55px 160px no-repeat;
}

body.bg2 {	
	background: #f3f2ee url(../images/bg/uf_bg_img_02.jpg) 55px 160px no-repeat;
}

body.bg3 {	
	background: #f3f2ee url(../images/bg/uf_bg_img_03.jpg) 55px 160px no-repeat;
}

body.bg4 {	
	background: #f3f2ee url(../images/bg/uf_bg_img_04.jpg) 55px 160px no-repeat;
}

body.bg5 {	
	background: #f3f2ee url(../images/bg/uf_bg_img_05.jpg) 55px 160px no-repeat;
}

/* 
=Main layout
*/

#wrapper {
	float: left;
	margin: 0 55px 35px 55px;
}

/*added by jo to avoid jump*/
body.home div.list {
    display:none;
}

.narrow {
	width: 658px;
	float: left;
	clear: left;
	background: #fff;
}

.wide {
	width: 782px;
	float: left;
	clear: left;
	background: #fff;
}

.narrow .inside {
	margin: 23px 0 20px 237px;
	width: 381px;
}

* html #contact .inside {
	margin-left: 119px;
}


.wide .inside {
	margin: 23px 0 20px 237px;
	width: 381px;
}

#news .article {
	background: transparent url(../images/ui/news-article-divider.gif) 0 0 no-repeat;
	margin: 22px 0 0 0;
	padding: 14px 0 0 0;
}

/*
=Header
*/
#header {
	margin: 0px 55px 20px 55px;
}

#logo {
	float: left;
	margin: 8px 0 39px;
}
	#logo img {margin: 0;}

h1 {
	float: left;
	clear: left;
}

#nav {
	margin: 0 0 0 234px;
}

/*
=Contact (form)
*/
dl.adr {
	margin: 0;
}

dd.locality, dd.region {
	float: left;
	margin-right: 5px;
}

a.email {
	display: block;
	float: left;
	margin-bottom: 20px;
	text-decoration: none;
}

dl.tel {
	clear: left;
	margin: 0;
}
	dt.type {
		float: left;
		margin: 0 5px 0 0;
	}
	
p#map {
	margin: 20px 0 29px;
	font-weight: bold;
}

h2#email-us {margin: 0 0 20px}

div.error {margin: 0 0 20px}

div.success {margin: 0 0 20px}

#contact .inside,
#contact .section,
#contact form {
	float: left;
}

form div {
	float: left;
	clear: left;
	width: 381px;
	position: relative;
	margin: 0 0 16px;
}

label#name, 
label#email, 
input#emailSubmit, 
input#realName, 
input#emailAdr {
	float: left;
}

input#realName,
input#emailAdr,
textarea#messageTxt {
	border: 1px solid #000;
}

input#realName,
input#emailAdr {
	position: absolute;
	right: 0;
	bottom: 3px;
	width: 212px;
	padding: 5px 2px;
}
	input#realName:focus,
	input#emailAdr:focus {
		background: #faf6c4;
	}

.validation {
	margin: 0 0 0 163px;
}
	#enterName {
		margin: -10px 0 0 163px;
	}

textarea#messageTxt {
	width: 100%;
	height: 120px;
	margin: 0 0 10px;
	font: 12px/1.3 Arial, sans-serif
}