﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin-bottom: 1em; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
	background: white;
	color: black;
	font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* Fonts */

a, h1, h2, h3, h4, #nav, #subnav, #top-middle, #breadcrumbs, #footer {
	font-family: Georgia;
}

#nav a, #subnav a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* links  */

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000
	text-decoration: none;
}


body.home				a	{		color: #68CFF3;		}
body.in-the-spotlight	a   {		color: #68CFF3;		}
body.projects			a   {		color: #89C74C;		}
body.news				a   {		color: #95218D;		}
body.education			a   {		color: #EE0272;		}
body.thats-us			a   {		color: #603717;		}
body.say-hello			a   {		color: #FAAF48;		}
body.vip				a   {		color: #000000;		}


/* Headers */

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
	font-style: italic;
}





/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }
/* tables & forms */
input, select, th, td {font-size:1em}
/* classes */
.error { color: red; }







/* page structure & layout */

#page {
	margin: 0 auto;
	width: 920px;
}

#header {
	height: 240px;
	position: relative;
	background-image: url('../images/engageMediaStrapline.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#nav {
	font-weight: bold;
	font-size: 1em;
	bottom: 40px;
	position: absolute;
	left: 240px;
}

#nav a#home							{		color: #68CFF3;		}
#nav a#in-the-spotlight				{		color: #68CFF3;		}
#nav a#projects						{		color: #89C74C;		}
#nav a#whats-happening				{		color: #95218D;		}
#nav a#education					{		color: #EE0272;		}
#nav a#thats-us						{		color: #603717;		}
#nav a#say-hello					{		color: #FAAF48;		}
#nav a#vip							{		color: #000000;		}

#nav a#home.current					{		color: #68CFF3;		}
#nav a#in-the-spotlight.current		{		color: #68CFF3;		}
#nav a#projects.current				{		color: #89C74C;		}
#nav a#whats-happening.current		{		color: #95218D;		}
#nav a#education.current			{		color: #EE0272;		}
#nav a#thats-us.current				{		color: #603717;		}
#nav a#say-hello.current			{		color: #FAAF48;		}
#nav a#vip.current					{		color: #000000;		}

#nav a#home:hover					{		color: #68CFF3;		}
#nav a#in-the-spotlight:hover		{		color: #68CFF3;		}
#nav a#projects:hover				{		color: #89C74C;		}
#nav a#whats-happening:hover		{		color: #95218D;		}
#nav a#education:hover				{		color: #EE0272;		}
#nav a#thats-us:hover				{		color: #603717;		}
#nav a#say-hello:hover				{		color: #FAAF48;		}
#nav a#vip:hover					{		color: #000000;		}

#subnav {
	bottom: 10px;
	position: absolute;
	left: 240px;
}

#subnav a:hover {
	color: #603717;
}

#subnav a.current {
	color: #603717;
}

#newsletter {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('../images/newsletter.png');
	right: 25px;
	top: 50px;
	position: absolute;
	width: 96px;
	height: 70px;
	padding-top: 26px;
}

#newsletter a {
	font-style: none;
	text-decoration: none;
	color: #FFFFFF;
}

#content {
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright: 40px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-top-right-radius: 40px;
	padding: 20px;
	width: 880px;
	background-color: #EDF9FD;
}

#newProjectHolder, #newNewsHolder {
	z-index: 10;
	position: absolute;
}

#newProject, #newNews {
	color: #FFF;
	text-align: center;
	height: 72px;
	width: 72px;
	position: relative;
	left: 220px;
	top: -60px;
}

#newProject {
	background-image: url('../images/newProject.png');
}

#newNews {
	background-image: url('../images/newNews.png');
}

#label {
	float: left;
	width: 125px;
	text-align: right;
	padding-right: 10px;
}

#description {
	float: right;
	width: 460px;
}

.highlighted {
	z-index: 90;
	box-shadow: 0px 0px 10px #E5E5E5;
	-webkit-box-shadow: 0px 0px 10px #E5E5E5;
	-moz-box-shadow: 0px 0px 10px #E5E5E5;
	padding: 10px;
	margin-bottom: 25px;
	background-color: #C6ECFA;
}

.people {
	margin-bottom: 20px;
	padding-bottom: 1px;
}

.projecthome {
	height: 330px;
	clear: right;
}

.newshome {
	height: 420px;
	clear: right;
}

#newsContentHolder h4 {
	height: 3.8em;
}

body.home 				#content 		{		background-color: #EDF9FD;		}
body.in-the-spotlight	#content 		{		background-color: #EDF9FD;		}
body.projects			#content	 	{		background-color: #EFF8E8;		}
body.whats-happening	#content 		{		background-color: #F1E3F0;		}
body.education			#content 		{		background-color: #FDE0EE;		}
body.thats-us			#content 		{		background-color: #EAE5E1;		}
body.say-hello			#content 		{		background-color: #FEF4E7;		}
body.vip				#content 		{		background-color: #E3E2E2;		}

body.home 				.highlighted	{		background-color: #C6ECFA;		}
body.in-the-spotlight	.highlighted	{		background-color: #C6ECFA;		}
body.projects			.highlighted	{		background-color: #D0E9B9;		}
body.whats-happening	.highlighted	{		background-color: #D5A8D2;		}
body.education			.highlighted	{		background-color: #F89ECA;		}
body.thats-us			.highlighted	{		background-color: #C1B0A4;		}
body.say-hello			.highlighted	{		background-color: #FDE0B7;		}
body.vip				.highlighted	{		background-color: #A9A7A7;		}

#title {
	float: left;
	width: 320px;
}

#top-middle {
	float: left;
}

#breadcrumbs {
	font-style: italic;
	float: right;
}

#main {
	width: 600px;
	float: left;
}

#sidebar {
	width: 255px;
	float: right;
}

#sidebar #gallery img {
	padding-right: 10px;
	padding-bottom: 10px;
}

#facebook {
	background-image: url('../images/contact/facebook.png');
	background-position: top right;
	background-repeat: no-repeat;
}

#twitter {
	background-image: url('../images/contact/twitter.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.clear {
	clear: both;
}

#footer {
	background-color: #797979;
	height: 45px;
}

#footer-inner {
	margin: 0 auto;
	width: 880px;
}

#footer-left {
	width: 300px;
	float: left;
}

#footer-middle {
	float: left;
}

#footer-right {
	float: right;
	padding-top: 10px;
}

ul#project li, ul#news li {
	display: block;
	float: left;
	margin-right: 23px;
	width: 250px;
	z-index: 1;
}


/* header */

#header h1 {
	position: absolute;
	margin: 20px;
}






/* navigation */

#nav ul {
	display: inline;
}

#nav li {
	display: block;
	float: left;
	list-style: none;
}

#nav li a {
	color: #000;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-style: normal;
}

#subnav ul {
	display: inline;
}

#subnav li {
	display: block;
	float: left;
	list-style: none;
}

#subnav li a {
	color: #000;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-style: normal;
}


/* Footer */

#footer p {
	color: #FFF;
	font-style: italic;
	padding-top: 15px;
	text-align: left;
}

#footer a {
	color: #FFF;
}

#footer a:hover {
	text-decoration: none;
}




/* misc */

a img {
	border: none;
}

#content #main-one a img:hover {
	box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999;
}




acronym { cursor: help; }
blockquote {
  background: url(quote.gif) no-repeat 10px 0;
  color: #76A83A;
  border-left: 2px solid #76A83A;
  line-height: 1.5em;
  margin: 0 10px 20px 10px;
  padding: 0 10px 0 10px;
}
.hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

/* classes */

.right, .left {
  float: left;
}
.right {
  float: right;
  padding-left: 10px;
}
.left {
  float: left;
  padding-right: 10px;
}




.dsq-options, #dsq-comments-title, .dsq-dc-logo, .dsq-num-posts, .dsq-request-user-stats, .dsq-login-button, .dsq-autheneticate-copy {
	display: none;
}

#disqus_thread {
	padding-top: 2em;
}

.twtr-ft {
	display: none;
}

.thumbs_close{	position:absolute;top:-6px;right:-6px;height:35px;width:35px;background:url(../images/display/close_btn3.png) no-repeat;cursor:pointer;z-index:100006;}

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:url(../images/display/bg_load.png) center no-repeat!important;background:url(../images/display/bg_load.gif) center no-repeat }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/display/ajax-loader_b.gif) center center no-repeat!important;background: url(../images/display/ajax-loader_b.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:black;}
.caption p{ display:block; margin:0;padding:4px 50px 4px 50px; text-align:center; font-weight:normal; background:black; color:white;}

a.next{position:absolute;bottom:-37px;width:34px; height:35px;right:-42px;text-indent:-999em;outline:none; display:block;background:url(../images/display/next.png) no-repeat; border:none;cursor:pointer;}
a:hover.next{position:absolute;height:35px;width:34px;display:block; background:url(../images/display/next_h.png) no-repeat; border:none;}

a.prev{position:absolute;bottom:-37px;width:34px; height:35px;left:-40px; text-indent:-999em; outline:none;display:block;background: url(../images/display/prev.png) no-repeat;border:none; cursor:pointer;}
a:hover.prev{position:absolute;height:35px;width:34px;display:block; background:url(../images/display/prev_h.png) no-repeat;border:none;}

.pirobox_content {position:absolute; top: 50%; left: 50%; padding:0; width: 400px; height: 200px; margin: -100px 0 0 -200px; display: block; z-index:99998; }
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.t_l{background:url(../images/display/t_l.png) no-repeat; width:10px; height:10px;}
.t_r{background: url(../images/display/t_r.png) no-repeat; width:10px; height:10px;}
.t_c{height:10px; background:url(../images/display/t_c.png) repeat-x;}

.c_l{width:10px; background: url(../images/display/c_l.png) repeat-y;}
.c_c{background:url(../images/display/img_bg.png) repeat; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: url(../images/display/c_r.png) repeat-y;}

.b_c{height:10px; background:url(../images/display/b_c.png) repeat-x;}
.b_l{background:url(../images/display/b_l.png) no-repeat; width:10px; height:10px;}
.b_r{background:url(../images/display/b_r.png) no-repeat; width:10px; height:10px;}

.box_img{ position:absolute; z-index:99995; background: url(../images/display/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:white; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red;}
.all img{}
.number{position:absolute;margin-left:3px;height:30px;width:50px;left:0;color:#999;top:5px;}
a.link_to {position:absolute;margin-right:6px;height:21px;width:21px;right:0;color:#999;top:4px; background:url(../images/display/link_out.png) no-repeat!important;background:url(../images/display/link_out.gif) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(../images/display/link_out_h.png) no-repeat!important;background:url(../images/display/link_out_h.gif) no-repeat; border:none;}
.credits{position:absolute; z-index:10002000;font-size:10px; top:0; left:0;margin:12px 0 0 12px; height:15px;width:100px; text-align:center; background:black; color:#999;}




/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:235px;
	height:175px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:180px;
  height:175px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:180px;
  height:175px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:15px;
  height:30px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/scrollLeft.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/scrollRight.png) no-repeat 0 0;
}

a:hover {
	text-decoration: none;
}

#association img {
	padding: 5px;
}

img .partner {
	padding: 10px;
}


.modal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: black;
	opacity: .85;
	filter: alpha(opacity=85);
	z-index: 101;
}
.modal-window {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	z-index: 102;
	background-image: url('http://engage-media.org/images/modal/modal-green.png');
}
.close-window {
	position: absolute;
	width: 47px;
	height: 47px;
	right: -23px;
	top: -23px;
	text-indent: -99999px;
	overflow: hidden;
	cursor: pointer;
}

#subscribe-success {
	background-color: #EFF8E8;
	padding: 10px;
}

#unsubscribe-success {
	background-color: #F89ECA;
	padding: 10px;
}


#sign-up 
	color: black;
	padding-top: 180px;
	padding-left: 50px;
	padding-right: 50px;
}

#sign-up h1 {
	font-size: 2em;
}

#label {
	float: left;
	text-align: left;
	padding-right: 10px;
	width: 100px;
	
}

#field {
	float: right;
	padding-right: 10px;
	width: 350px;
}

.mc-field-group {
	height: 30px;
	
}

.clear {
	clear: both;
}