/* Cascading Style Sheet. All Rights Reserved. */

/* RESET  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* Begin Page Settings */

body {
	background-repeat: repeat;
	font-family: Sans-Serif, Serif;
	background-image: url(../images/bg.png);
	}

html, body {
	height: 100%;
	border: none;
	}

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, hr
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 {
	margin: 0px;
	padding: 0px; 
	}


img {
	border: none;
}

h1 {
	font-style: normal;
	font-weight: normal;
	padding-top: 24px;
	padding-bottom: 22px;
	font-size: 36px;
}


h2 {
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 48px;
}

h3 {
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 40px;
	padding-bottom: 6px;
}

h4	{
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 38px;
}

/* End Page Settings */

/* Font MAGIC */

@font-face {
	font-family: 'raleway';
	src: url('../webfont/raleway_thin.eot');
	src: url('../webfont/raleway_thin.woff') format('woff'), url('../webfont/raleway_thin.ttf') format('truetype'), url('../webfont/raleway_thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}

/* End Font */

/* Begin Page Work */

#container {
	width: 70%;
	min-width: 800px;
	max-width: 900px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-repeat: repeat-x;
	background-image: url(../images/headerbg.png);
	padding: .95%;
	text-align: center;
	height:270px;
}

#nav1 { 
	font-family: 'raleway';
	margin-top: 108px; 
	float: left; 
	width: 30%; 
}

#nav2 { 
	font-family: 'raleway';
	margin-top: 108px; 
	float: right; 
	width: 30%; 
}

#nav1 ul { 
	left: 50%;
	margin: 0; 
	padding: 0; 
	position: relative; 
	text-align: center; 
}

#nav2 ul { 
	left: 50%; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	text-align: center; 
	white-space: nowrap;
}


#nav1 ul li { 
	list-style: none;
	display: inline; 
	margin: 0; 
	padding: 0 5px; 
	position: relative; 
	right: 50%;
}

#nav2 ul li { 
	list-style: none;
	display: inline;  
	margin: 0; 
	padding: 0 5px; 
	position: relative; 
	right: 50%;
	
}

#nav1 ul li a {  
	margin: 0 0 0 1px; 
	padding: 0; 
	font-size: 22px; 
	color: #135f79;
	text-transform: uppercase;
	text-decoration: none; 
}

#nav2 ul li a { 
	margin: 0 0 0 1px; 
	padding: 0; 
	font-size: 22px; 
	color: #135f79; 
	text-transform: uppercase;
	text-decoration: none; 
}

#nav1 ul li a:hover {  
	color: #77c546;
	text-decoration:underline;
}

#nav2 ul li a:hover {  
	color: #77c546;
	text-decoration:underline;
}

#nav1 li span { 
	padding: 0 18px; 
	font-size: 14px; 
}

#nav2 li span { 
	padding: 0 18px; 
	font-size: 14px; 
}

#nav1, #nav2 li .current { 
	color: red; 
}

#logo	{
	width: 40%;
	height: 250px;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

a:link {   
	color: #135f79;
	text-decoration: none; 
}

a:visited {
	color: #0e4c62;
	text-decoration: none; 
}

a:hover {
	color: #77c546;
	text-decoration:underline;
}

#content {
	font-family: 'raleway';
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	margin-top: 15px;
	padding-bottom:20px;
	padding: 2%;
	background-color: #FFFFFF;
	clear:both;
 	box-shadow:1px 1px 12px 4px #ccc;
}

#engage {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
}

#engage img{
	margin: 1%;
	padding: 1%;
 	box-shadow:1px 1px 3px 2px #ccc;
}

#footer {
	font-family: 'raleway';
	height: 19px;
	text-align: center;
	padding: 2%;
}