@charset "utf-8";
@font-face {
    font-family: 'rock_itregular';
    src: url('rockit-webfont.eot');
    src: url('rockit-webfont.eot?#iefix') format('embedded-opentype'),
         url('rockit-webfont.woff') format('woff'),
         url('rockit-webfont.ttf') format('truetype'),
         url('rockit-webfont.svg#rock_itregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GoblinRegular';
    src: url('GoblinOne-webfont.eot');
    src: url('GoblinOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('GoblinOne-webfont.woff') format('woff'),
         url('GoblinOne-webfont.ttf') format('truetype'),
         url('GoblinOne-webfont.svg#GoblinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-size:16px;
}

h1 {
	font-family: 'rock_itregular';
	color:#fff;
}
.formp, p, #Top-Nav ul li a{
	font-family: 'GoblinRegular';
	color:#fff;
}

h2 {
	font-family: 'GoblinRegular';
	font-size: 1em;
}

h2 a{
	font-family: 'GoblinRegular';
	font-size: 1em;
}

#Top-Nav ul li a {
	font-size: 1em;
}
.logo {
	font-family: 'rock_itregular';
	line-height:2.9em;
	font-size: 2em;
	color: #F06F06;
	
}

.header {
	font-family: 'rock_itregular';
	color:#F06F06;
	line-height:3em;
	margin-left: 25px;
	font-size:2.5em;
}

#content-holder {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:inherit;
	line-height: 1.5em;
	text-align:justify;
}
.workshop-title {
	font-family: 'GoblinRegular';
	font-size:2.5em;
	color: #F06F06;
}

/*Font sizes */
h1 { 	font-size: 1.5em; }
p { font-size: 1em;}

/*Banner */
#banner {
	width:100%;
	background:#113e98 url(../graphics/blue12.gif) repeat-x;
	height: 40px;
	position:relative;
	z-index:10;
	margin-top:-40px;
	padding:0;
	border-bottom:1px solid #ccc;
	}
#banner-page {
	width:100%;
	background:#113e98 url(../graphics/blue12.gif) repeat-x;
	height: 40px;
	position:relative;
	z-index:10;
	margin-top:0px;
	padding:0;
	border-bottom:1px solid #ccc;
	}
	
ul#bannernav {
	color:#fff;
	float:right;
	font-size:0.80em; 
	margin:12px 0 0 0;
	padding:0 0px 0 0;
	list-style:none;
	}
	
ul#bannernav li{
	margin:0;
	display:inline;
	border-right:1px solid #fff;
	padding:0 8px 0 8px;
	}
	
ul#bannernav li.last-item {
	border:none;
	}
	
ul#bannernav a:link{
	color:#fff;
	text-decoration:none;
	border:none;
	}
	
ul#bannernav a:visited{
	color:#fff;
	text-decoration:none;
	border:none;
	}
	
ul#bannernav a:hover{
	color:#fff;
	text-decoration:underline;
	border:none;
	}

h1#uflogo {
	margin:0;
	padding:0;
	float:left;
	width:45px;
	height:39px;
	overflow:hidden;
	position:relative;
}

h1#uflogo span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:11;
	width:45px;
	height:39px;
	margin:0;
	padding:0;
	background:url(../graphics/uf-uf9.gif) top left no-repeat;
			cursor:pointer;
}

h1#liblogo {
	float:left;
	margin:0;
	padding:0;
	width:246px;
	height:39px;
	overflow:hidden;
	position:relative;
}	

h1#liblogo span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:11;
	width:246px;
	height:39px;
	margin:0;
	padding:0;
	background:url(../graphics/uf-uflib9.gif) top left no-repeat;
		cursor:pointer;
}

/* Ribbon */

.ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 80%;
    
 position: relative;
 background: #F06F06;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #F06F06;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #F06F06 transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 0em 0 0;
}