html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

	background-color: #f4f5e8;

	text-align: center;
	margin: auto;
	padding: 0px;
}

/* PAGE SETUP */
#wrapper
{
	width: 1000px;
	height: auto;

	display: inline-block;
	position: relative;

	clear: both;
}

div#logoTopNavContainer{
	width: 100%;
	height: 42px;

	display: inline-block;
	position: relative;

	clear: both;
}

div#logoTopNavContainer figure#logo{
	width: auto;
	height: auto;

	margin: 0;
	padding: 0;

	float: left;
}

div#logoTopNavContainer nav#topNav{
	width: auto;
	height: auto;

	float: right;
}

div#logoTypeSearchBox{
	background-color: #FFFFFF;

	width: 100%;
	height: 62px;

	padding: 0;
	margin: 0;

	clear: both;
}

div#logoTypeSearchBox figure#logotype{
	width: auto;
	height: auto;

	padding: 0;
	margin: 0;

	float: left;
}

div#logoTypeSearchBox div#searchFld{
	background-image: url(../images/interface/searchFldBG.png);

	width: 204px;
	height: 32px;

	display: inline-block;
	position: relative;

	padding: 0;
	margin: 0;

	top: 15px;
	right: 15px;

	float: right;
}

div#logoTypeSearchBox div#searchFld div#fld{
	width: auto;
	padding: 0;
	padding-left: 5px;

	float: left;
}
div#logoTypeSearchBox div#searchFld div#btn{
	width: auto;
	padding: 0;
	float: left;
}

div#logoTypeSearchBox div#searchFld div#fld input#searchBoxFld{
	width: 160px;
	height: 20px;

	padding: 0;
	padding-top: 5px;

	border: none;
	background: none;
}

div#logoTypeSearchBox div#searchFld div#btn input#searchBoxBtn{
	background-color: #FF00FF;
	width: 35px;
	height: 30px;

	padding: 0;
	padding-top: 5px;

	border: none;
	background: none;
}

section#frontContent, section#mainContent{
	background-image:url(../images/interface/frontShadeRotation.png);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;

	width: 1000px;
	height: auto;

	margin: 0;
	padding: 0;

	display: inline-block;
	position: relative;

	clear: both;
}


#frontRotation{
	width: 1000px;
	height: 321px;

	clear: both;
}

#frontRotation div.imageContainer{
	width: 1000px;
	height: 321px;

	position: relative;

	float: left;
}

#frontRotation div.textContainer{
	background-image: url(/custom/eggersen/images/interface/frontTextBox.png);
	background-repeat: repeat-x;
	background-position: top;

	position: absolute;

	top: 200px;
	left: 10px;

	width: 980px;
	height: 108px;

	float: left;
}
h1.rotation{
	font-size: 2em;
	color: #FFFFFF;

	margin: 0;
	padding: 0;
	padding-bottom: 5px;

	clear: both;
}
#frontRotation div.textContainer .heading{
	color: #FFFFFF;
	text-align: left;

	padding: 0;
	padding-top: 14px;
	padding-left: 115px;
	
	width: 770px;
	height: auto;

	clear: both;
}

#frontRotation div.textContainer .text{
	color: #FFFFFF;
	text-align: left;

	padding: 0;
	padding-left: 117px;

	width: 770px;
	height: auto;

	clear: both;
}

#frontRotation div.textContainer .link{
	text-align: left;

	position: absolute;
	top: 241px;
	left: 25px;

	width: 250px;
	height: auto;

	clear: both;
}

#frontRotation div.textContainer .link a.rotation{
	font-size: 18px;
	color: #00c2ff;
}


div#wrapContent{
	background-image: url(../images/interface/contentBG.png);
	background-position: center bottom;
	background-repeat: no-repeat;

	border: 0;
	margin: 0;
	padding: 0;

	width: 1000px;
	height: auto;

	display: inline-block;
	position: relative;

	clear: both;
}

section#frontContent div#wrapContent div#focusText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.5em;
	color: #5c602e;

	width: 920px;
	height: auto;

	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;

	display: inline-block;
	position: relative;

	clear: both;
}


div#wrapContent section#focusContainer{
	text-align: left;

	width: 920px;
	height: auto;

	margin: 0;
	padding: 0;

	display: inline-block;
	position: relative;

	clear: both;
}

div#wrapContent section#focusContainer section.focusBox, div#wrapContent section#focusContainer a.focusBox{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.91667em;
	color: #222222;

	text-align: left;

	display: inline-block;
	position: relative;

	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;

	width: 283px;
	height: auto;

	float: left;
}

@media all and (max-width: 768px){
	div#wrapContent section#focusContainer section.focusBox, 
	div#wrapContent section#focusContainer a.focusBox{
		font-size: 1.1667em;
	}
}

div#wrapContent section#focusContainer a.focusBox:link, 
div#wrapContent section#focusContainer a.focusBox:visited, 
div#wrapContent section#focusContainer a.focusBox:active{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.91667em;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
div#wrapContent section#focusContainer a.focusBox:hover{
	color: #000000;
	text-decoration: none;
}

div#wrapContent section#focusContainer div.focusDivider{
	background-image:url(../images/interface/focusDivider.png);
	background-position: top center;
	background-repeat: no-repeat;

	width: 35px;
	height: 137px;

	float: left;
}

article#content{
	width: 660px;
	height: auto;

	position: relative;
	display: inline-block;

	padding-bottom: 20px;

	float: left;
}

article#content figure{
	position: relative;
	clear: both;
}

article#content div.contentTitleBox{
	background-image: url(../images/interface/contentImageBG.png);
	background-position: top;
	background-repeat: no-repeat;

	width: 644px;
	height: 67px;
	
	top: 246px;
	left: 8px;

	display: inline-block;
	position: absolute;
}
article#content div.noImage{
	background-repeat: repeat-x;
	width: 660px;
	left: 0;

	position: static;
}

article#content div.contentTitleBox div#title{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.25em;
	font-weight: normal;

	text-transform: uppercase;
	text-align: left;

	color: #FFFFFF;

	padding: 22px;
}

article#content div#breadcrumb{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.83333em;
	font-weight: inherit;

	width: auto;
	height: auto;

	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 22px;
	padding-right: 22px;

	text-align: left;
}

article#content section.content{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-size: 12px;
	font-weight: inherit;

	width: 90%;
	height: auto;

	margin: 0;
	padding: 22px;
	padding-top: 0;

	display: inline-block;
	position: relative;

	text-align: left;

	float: left;
}

article#content section.content p{
	font-size: inherit;

	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

div.contactItem{
background-color: #F4F5E8;
	width: 90%;
	height: auto;

	text-align: left;
	
	padding: 22px;	
	padding-top: 0;
	padding-bottom: 0;

	display: inline-block;

	float: left;
}

div.contactItem > .contact-image{
	width: 20%;
	height: 20%;
	padding-bottom: 0;
	padding-right: 20px;
	
	clear: none;
	float: left;
}
div.contactItem > .contact-image > img{
	width: 100%;
	height: auto;
}
div.contactItem > .contact-info{
	width: 23%;
	height: 23%;
	padding-top: 20px;

	clear: none;
	float: left;
}
div.contactItem > .contact-specs{
	width: 50%;
	height: 50%;
	padding-top: 20px;

	clear: none;
	float: left;
}

div.divider{
	width: 100%;
	height: 25px;

	display: inline-block;

	clear: both;
}

div.courseContainer{
	width: 100%;
	height: auto;

	display: inline-block;
	position: relative;

	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;

	float: left;
	clear: both;
}

div.courseContainer div.courseTitle{
	font-weight: bold;

	width: 20%;

	display: inline-block;

	float: left;
}

div.courseContainer div.courseData{
	width: 80%;

	display: inline-block;

	float: left;
}

div.referenceContainer, a.referenceContainer{
	width: 100%;
	height: auto;

	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;

	display: inline-block;

	float: left;
	clear: both;
}
div.referenceContainer div.referenceItem, a.referenceContainer div.referenceItem{
	width: 25%;
	height: auto;

	display: inline-block;

	float: left;
}
a.referenceContainer:hover, a.referenceContainer:link, a.referenceContainer:active, a.referenceContainer:visited{
	font-weight: normal;
}

div.referenceContainer > div.heading, a.referenceContainer > div.heading{
	font-weight: bold;
}

div.referenceContainer > div.large, a.referenceContainer > div.large{
	width: 35%;
}
div.referenceContainer > div.small, a.referenceContainer > div.small{
	width: 12%;
	padding-left: 1%;
	padding-right: 1%;
}
a.referenceContainer > div.number{
	text-align: right;
}

a.newsItem{
	width: 100%;
	height: auto;

	display: inline-block;

	margin: 0;
	margin-bottom: 10px;
	padding: 0;

	clear: both;
}
a.newsItem:hover, a.newsItem:link, a.newsItem:visited, a.newsItem:active{
	font-weight: normal;
	text-decoration: none;
}
a.newsItem div.newsTitle{
	margin: 0;
}
a.newsItem div.newsDate{
	font-weight: bold;
	margin: 0;
}
a.newsItem div.newsAbstract{
	margin: 0;
}
a.newsItem div.newsText{
	margin: 0;
}


footer{
	display: inline-block;

	width: 1000px;
	height: 61px;

	clear: both;
}

footer address{
	background-image: url(../images/interface/footerBG.png);
	background-position: center;
	background-repeat: no-repeat;

	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	font-style: normal;
	text-align: center;

	border: 2px solid #FFFFFF;
	/*border-top: none;*/

	padding: 10px;
	margin: 0;

	clear: both;
}

footer figure#footerLogo{
	margin: 0;
	padding: 0;
}


input.input{
	width: 225px;
	height: 25px;

	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;

	padding: 0;
	margin: 0;
	margin-bottom: 10px;

	clear: both;
	float: left;
}
input.submit{
	width: 125px;
	height: 20px;

	padding: 0;
	margin: 0;

	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;

	clear: both;
	float: left;
}
#xsltsearch_stats{
	visibility: hidden;
	display: none;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}

h1.content{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.16667em;
	font-weight: normal;

	text-transform: uppercase;
	color: #FFFFFF;	
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;

	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
@media (max-width: 768px){
	h2{
		font-size: 15px;
	}
}

h2.focus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6667em;
	font-weight: normal;
	text-transform: uppercase;
	color: #5c602e;

	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

h2.focusTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	color: #222222;

	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000;

	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}

figure{
	margin: 0;
	padding: 0;
}

img
{
	display: block;
}

UL
{
	list-style-image: url(images/li.gif);
}

A:link, A:active
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
A:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
A:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}