@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@charset "UTF-8";
/* CSS Document */
a {
	color: #990033;
	text-decoration:none;}
p  {line-height: 1.3;}
h1 {
	color: #990033;
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	font-size: 22px;
}
#headerFont {
	color: #990033;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	padding: 10px 0 10px 0;
}
#footerFont {
	color: #990033;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height:30px;
	padding:10px 0 30px 0;
}


/* Nav */
#header_container ul { width: 900px; float: left; padding: 0; margin :0; list-style-type: none; }
#header_container a {float: left; width: 10em; text-decoration: none; color: white; padding: 0.2em 0.3em; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px; }
#header_container a:hover { color:#FC3; }

#footer_container ul { width: 900px; float: left; padding: 0; margin :0; list-style-type: none; }
#footer_container a {float: left; width: 10em; text-decoration: none; color: white; padding: 0.2em 0.3em; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px; }
#footer_container a:hover { color:#FC3; }
li {display: inline;}

#links ul { padding: 0; margin :0; list-style-type: none; }
#links a { text-decoration: none; color:#cc6633; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px; }
#links2 ul { padding: 0; margin:0; list-style-type: none; }
#links2 a { text-decoration: none; color:#cc6633; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px; margin-right:20px; }
.links3 { text-decoration: none; color:#cc6633; font-family: 'Oswald', sans-serif; font-size:14px; }


/* Reset body padding and margins */
body { margin:0; padding:0; }
 
/* Make Header Sticky */
#header_container {
	height: 26px;
	width:1000px;
	background-image: url(images/navBg.png);
	/*background-repeat: no-repeat;*/
	position: fixed;
	top: 0;
	z-index: 4;
}
#header { margin:0 auto; width:1000px; text-align:center; }
 
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#container {
	width: 1000px;
	height: 425px;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#containerAll {
	width: 1000px;
	height: 1000px;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container2 {
	width: 1000px;
	height: 300px;
	background-image: url(images/bg.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container2a {
	width: 1000px;
	height: 500px;
	background-image: url(images/bg.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container2b {
	width: 1000px;
	height: 250px;
	background-image: url(images/bg.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container3 {
	width: 1000px;
	height: 250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container4 {
	width: 1000px;
	height: 450px;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content { margin: 40px 0px 0px 45px; }
#content_internal { margin: 40px 45px 0px 45px; }
#slider { margin-top:25px; margin-bottom:25px; }
#box_container {
	width: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 45px;
}
#box_container_internal { margin: 50px 0px 50px 45px; width:900px; }
#box {
	float: left;
	margin: 40px 40px 0 40px;
}
#box2 {
	float: left;
	margin: 10px 40px;
}
#clear { clear:both; }
#leftcontent { float:left;  width:500px; margin:0px 45px 0px 0px; }
#facebook { float:left; width:300px; z-index:-1; position:relative; }
#image { margin:0 auto; text-align:center; width:100%; }
#image2 { margin:0 auto; padding:20px 0px 20px 0px; text-align:center; width:100%; }
 
/* Footer */
#footer_container_top { height:183px; background-image:url(../images/eoc-footer-top2.png); background-repeat:no-repeat;}
#footer_top { margin:0 auto 0 auto; padding:0; width:900px; text-align:center; }

#footer_container { height:50px; background-image:url(../images/footerNavBg.png); background-repeat:no-repeat; padding-top:5px; }
#footer { margin:0 auto; width:900px; text-align:center; }

#content_internal ol li {
	
	display:inline-table;
	list-style:inside;
}
#center_link { display:table; margin:0 auto; padding:40px;  }
#center_link2 { display:table; margin:0 auto; padding:5px; }

#center_link a { text-decoration:none; color:#000; }
#center_link2 a { text-decoration:none; color:#000; }