@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic|Roboto+Slab:300,700);

html body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  background-color: white;
  color: #333;
  line-height: 1.25em;
}
#header h1 img {
	width: 100%;
	max-width: 768px;
	height: auto;
	display: block;
	margin: auto;
}
@media (min-width: 768px) {
	html body {
		font-size: 16px;
	}
}

@media (min-width: 1024px) {
	#header h1 img {
		max-width: 1024px;
	} 
}

@media (min-width: 1440px) {
	#header h1 img {
		max-width: 1440px;
	} 
}


html body h1 {
  font-size: 1.75em;
}
html body h2 {
  font-size: 1.36em;
}
html body h3 {
  font-size: 1.05em;
}
html body h5 {
  font-size: .83em;
}
html body h6 {
  font-size: .75em;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: "Open Sans", sans-serif;
  line-height: 1em;
}

a:link {
	color: #069;
}

a:active {
	color: #39C;
}

a:visited {
	color: #069;
}

a:hover {
	color: #eee;
	background: #069;
}

label.error {
	color: #900;
}

input {
	border: 1px solid #069;
	padding: 3px;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background-color: #fff;
	color: #333333;
	border: 1px solid #069;
}

input.button {
	background-color: #EEF;
}

input.defaultButton {
	background-color: #39C;
	color: #eee;
}

#header {
	background-color: #069;
	/* background-color: transparent; */
}

#header h1 {
	padding: 0.8em;
	margin-bottom: 0.3em;
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-transform:  uppercase;
	color: #fff;
	/* color: #069; */
	letter-spacing: 2px;
}

#footer {
	width: 100%;
	min-height: 35px;
	background-color: #069;
	color:  #fff;
	padding: 15px;
}

#footerContent {
	color:  #fff;
}

#main h2 {
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #069;
}

#main h3 {
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #069;
}

#navbar {
	border-bottom: 5px solid #069;
}

#breadcrumb {
	color: #666;
}

#content {
	font-size: 0.8em;
	border-top: 5px solid #069;
}

#content #intro {
	padding: 0.5em 0;
	border-bottom: 1px solid #069;
	margin-bottom: 5px;
}

#content h3 {
	font-size: 1.4em;
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	color: #069;
	font-weight: bold;
}

#content h4 {
	font-size: 1.2em;
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #666;
}

#content h5 {
	color: #666;
}

#leftSidebar div.block {
	padding: 0.5em 0;
	border-top: 5px solid #069;
	border-bottom: 1px solid #069;
	margin-bottom: 5px;
	color: #666;
}

#main {
	margin-left: 8%;
	width: 62%;
}

#rightSidebar {
	width: 17%;
	font-size: 0.8em;
	margin-right: 8%;
	margin-left: 2%;
}

#rightSidebar div.block {
	padding: 0.5em 0;
	border-top: 5px solid #069;
	border-bottom: 1px solid #069;
	margin-bottom: 5px;
	color: #666;
}

#leftSidebar div.block span.blockTitle {
	padding: 0;
	font-weight: bold;
	color: #069;
}

#rightSidebar div.block span.blockTitle {
	padding: 0;
	font-weight: bold;
	color: #069;
}

#leftSidebar div.block span.blockSubtitle {
	font-weight: bold;
}

#rightSidebar div.block span.blockSubtitle {
	font-weight: bold;
}

pre {
	background-color: #EEEEFF;
}

div.separator {
	border-bottom: 2px solid #069;
}

#navbar a {
	font-size: 0.8em;
	font-weight: bold;
}

ul.menu a {
	font-size: 0.9em;
}

#breadcrumb {
	font-size: 0.8em;
}

a {
	text-decoration: none;
}

a.pdf {
	font-size: 1.1em;
}

a.pdf:hover {
	color: #39B;
}