@charset "utf-8";
/* screen_styles.css */
/* Clear margins and padding - reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, figure, figcaption {
    margin:0;
    padding:0;
}
/* Start General Styles */
img {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0;
}
.cf:before, .cf:after{
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
#arrow {
	height: 75px;
	width: 38px;
	position: fixed;
	z-index: 4;
}
/* H tags, Fonts */
h1 {
	text-align: center;
	color: rgba(25,13,185,1);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	color: rgba(88,5,75,1);
	font-family: 'Quattrocento', serif;
	font-weight: bold;
	text-align: center;
}
h3 {
	font-family: 'Quattrocento', serif;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0000ff;
}
h6 {
font-family: "trebuchet ms", arial, helvetica, sans-serf;
font-weight: bold;
	 color: #0000ff;
}
p {
	font-family: 'Inria Sans', sans-serif;
	color: rgba(0,0,0,1);
}
.blue_text {
	color: #009;
}
.red_text {
	color: #900;
}
.green_text {
	color: #060;
}
figure {
	display: block;	
}
figcaption {	
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}
hr {
	margin: 0px;
	height: 6px;
	background-color: rgba(100,12,86,1);
}



/* text alignment */
.fs-center {
 text-align: center; 
}
.fs-left {
 text-align: left; 
}
.fs-right {
 text-align: right; 
}
.fs-justify {
 text-align: justify; 
}
/* body style */
body {
	font: 16px Verdana, Geneva, sans-serif;
	color: rgba(0,0,0,1);	
	background: rgba(207,193,219,4) url(../images/lilacs.jpg) no-repeat fixed center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;		
}
/* Set Max Width for sections */
#page-header, #slide-show, nav, #menubar, .container, #footer-container {
	max-width: 1200px;
}
/* Header */
/*start Header Container */
#page-header {
	background-color: rgba(227,200,255,0.85);
	margin: 0 auto;
	clear: both;
	display: block;
	position: relative;
}
#page-header h2 {
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
}
#page-header h3 {
	color: rgba(0,0,0,1);
	text-align: center;
}
#logo {
	display: block;
}
/* NAVIGATION */
/* start top nav */
#menubar {
	height: 2.7em;
	margin: 0 auto;
	background-color: rgba(88,5,75,1);	
	padding: 1em 0 0 0;	
}
nav {
	margin: 0 auto;
	display: block;
	text-align: center;
	clear: both;
	background-color: rgba(88,5,75,1);
}
nav ul li {
	list-style-type: none;
}	
nav ul li a:link, nav ul li a:visited, nav ul li a:active {
	text-decoration: none;
		color: rgba(255,255,255,1);	
}
nav ul li a:hover {
	text-decoration: none;
	color: rgba(215,187,222,1);
}
/* end top nav */	

/* Start slide show */
#slide-show{
	display: block;
	clear: both;
	margin: 0px auto;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
 }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
 }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
/* end slide show */

/* Container Styles */
.container {
	background-color: rgba(255,255,255,.8);
	margin: 0 auto;
	text-align: center;
	display: block;
}
.container p {
	text-align: left;
	text-indent: 1.5em;
}

/* columns */
.column-center-half {
	width: 50%;
	float: none;
	clear: both;
	margin: 0 auto;
	font-family: 'Noto Sans', sans-serif;
	display: block;
}
.column-center-half h3 {
	color: rgba(0,102,0,1);
	font-weight: bold;
	padding: .5em 0;
}
.column-center-half ul {
	color: rgba(0,0,0,1);
	text-align: left;
	margin: 1em 0 0 2.4em;
	font-weight: normal;
	display: block;
	font-family: 'Inria Sans', sans-serif;
}
.column-center-half l1 {
	margin-bottom: .5em;	
}
.column-center-full {
	width: 100%;
	float: none;
	clear: both;
	font-family: 'Noto Sans', sans-serif;
	display: block;
}
.column-center-full h3 {
	color: rgba(0,102,0,1);
	font-weight: bold;
	padding: .5em 0;
}
.column-center-full h4 {
	font-style: italic;
	color: rgba(0,0,0,1);
	padding: 0 0 .5em 0;
}
.column-left-50 {
	display: block;
	margin: 0 1.5% 0 2%	
}

.column-left-50 h4 {
	color: rgba(88,5,75,1);
}
.column-right-50 {
	display: block;		
}
.column-right-50 h4 {
	color: rgba(88,5,75,1);
}
.column-right-50 ul, .column-left-50 ul{
	color: rgba(0,0,0,1);
	text-align: left;
	margin: 1em 0 0 2.4em;
	font-weight: normal;
	display: block;
	font-family: 'Inria Sans', sans-serif;
}
.column-right-50 li, .column-left-50 li {
	margin-bottom: .5em;
}

/* footer */
#footer-page {
	background-color: rgba(227,200,255,0.85);
}
/* Footer container */
#footer-container {
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1em;
}
#footer-container h2 {
	font-size: 1.5em;
	font-variant: small-caps;	
}
/* Footer left */
#footer-left {
	display: block;
}
iframe {
	display: block;	
	margin: 0 auto;
}

/* Footer center */
#footer-center {
display: block; 
}
#footer-center ul {
	font-weight: normal;
	display: block;
	font-family: 'Inria Sans', sans-serif;
}
#footer-center li{
	list-style-type: square;
}

/* Footer right */
#footer-right {
	display: block;
}

/* graphic styles */
/* left */
.gfx-left-20 {
	display: block;
	float: left;
	margin-right: 1em;
}
.gfx-left-30 {
	display: block;
	float: left;
	margin-right: 1em;
}
.gfx-left-40 {
	display: block;
	float: left;
	margin-right: 1em;
}
.gfx-left-60 {
	display: block;
	float: left;
	margin-right: 1em;
}
/* right */
.gfx-right-20 {
	display: block;
	float: right;
	margin-left: 1em;
}
.gfx-right-30 {
	display: block;
	float: right;
	margin-left: 1em;
}
.gfx-right-40 {
	display: block;
	float: right;
	margin-left: 1em;
}
.gfx-right-60 {
	display: block;
	float: right;
	margin-left: 1em;
}
/* center */
.gfx-center-50 {
	display: block;
	float: none;
	margin: 0 auto;
}
.gfx-center-70 {
	display: block;
	float: none;
	margin: 0 auto;
}
/* misc gfx */
.gfx-thumbs {
	display: block;
	width: 25%;
	float: left;
	margin-top: .5em;
	margin-left: 4%;
	margin-right: 4%;
}