/* mailchimp SB form stuff */


fieldset {

border-style: none;


}

.mc-field-group {

margin-top: 10px;


}

#mc_embed_signup {
padding: 30px;
padding-top: 30px;


}





/*--- STUFF FOR NEW INTEGRATED CAMPAIGN GALLERY --*/

img { 
border-style: none;
}

#second_nav {

padding-left: 20px;

}

#second_nav a:visited{
color: #4c2796;

}

#second_nav p {

margin-left: 8px;
}


.right {
position: absolute;
float: right;
width: 300px;
height: 300px;
margin-left: 335px;
padding-top: 50px;
background-color: #ced9cb;
}

.rollover {
padding-left: 20px;
padding-top: 20px;

}

.list {
font-size: 15px;
padding-top: 13px;
}



#flash li {
list-style-type: none;
height: 60px;

}

#flash ul {
padding-left: 23px;


}

#flash a {
text-decoration: none;

}

/* END NEW STUFF */


body,td,th {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-image: url(../images/bgrnd.gif);
	margin:0px;
}


#container {
	position:relative;
	left:0px;
	top:0px;
	width:1024px;
	height:743px;
}
#right_scroll #content {
	padding-top: 0px;
}
#right_scroll #content h2 {
	margin-top: 0px;
}
#right_scroll #content a {
	font-size: 12px;
}
#right_scroll #content a: visited {
	font-size: 12px;
}


span.verdana{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:176px;
	background-image:url(../images/top.gif);
}

#left {
	position:absolute;
	left:0px;
	top:176px;
	width:333px;
	height:367px;
	background-image:url(../images/left.gif);
	z-index:1;
}


#middle {
	position:absolute;
	left:332px;
	top:176px;
	width:336px;
	height:351px;
	background-image:url(../images/middle.gif);
	z-index:1;
	clip: rect(auto,367,360px,auto);
	overflow: visible;
}

#middle2 {
	position:absolute;
	left:333px;
	top:176px;
	width:337px;
	height:417px;
	z-index:1;
}

#middle table tr td h1{
	color:#4c2796;
}

#flash {
	position:absolute;
	left:333px;
	top:176px;
	width:672px;
	height:367px;
	z-index:1;
}
/* For Flash flicks that carry over bottom bar */
#flash2 {
	position:absolute;
	left:333px;
	top:176px;
	width:672px;
	height:417px;
	z-index:1;
}
/* For Flash on index page */
#flash3 {
	position:absolute;
	left:0px;
	top:176px;
	width:640px;
	height:367px;
	z-index:1;
}

#right {
	position:absolute;
	left:670px;
	top:176px;
	width:337px;
	height:367px;
	background-image:url(images/right.gif);
	z-index:100;
	padding: 0px;
	background-color: #CED9CB;
}
#right_flash {
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:417px;
	background-image:url(images/right.gif);
	z-index:1;
}



div#right_scroll {
	position:absolute;
	left:669px;
	top:177px;
	width:337px;
	height:367px;
	background-image:url(images/right.gif);
	clip:rect(0,335px,367px,0);
	overflow:auto;
	z-index:5;
}




div#news_scroll {
	position:absolute;
	left:1px;
	top:119px;
	width:335px;
	height:248px;
	background-image:url(images/right.gif);
	clip:rect(0,335px,355px,0);
	overflow:auto;
	z-index:6;
}







div#content{
	padding: 20px 25px;
	width:260px;
	margin:auto;
}

div#content p{

line-height:14px;
}
div#content a{
	padding:inherit;
	font-size:11px;
}

#right_bleed {
	position:absolute;
	left:1005px;
	top:176px;
	width:19px;
	height:367px;
}

#btm-strip {
	position:absolute;
	left:0px;
	top:543px;
	width:640px;
	height:50px;
	color:#FFFFFF;
	background-image:url(../images/tag_imagination.gif);
	background-repeat:no-repeat;
	background-position:left;
	z-index: 50;
}

#btm-strip p{
	display:none;
	margin:auto 25px;
	font-weight:bold;
}


#btm-nav {
	position:absolute;
	left:701px;
	top:553px;
	width:293px;
	height:32px;
	color:#FFFFFF;
	z-index: 16;
}
#btm-nav img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#btm-nav img a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



/* FIREFOX ROCKS */
html>body #btm-strip p{
	margin:15px 25px;
	font-weight:bold;
}

#btm-vert-lines {
	position:absolute;
	left:0px;
	top:593px;
	width:1024px;
	height:150px;
	margin: 0px;
	padding: 0px;
}


/*negatate the margins for divs layout */
#left table, #middle table, #right table, #pr table, #white table, #sb table, #jobs table, #freelance table, #intern table, #bios1 table, #bios2 table{
	padding:0px 25px;
	width:300px;
	margin:auto;
}

html>body #left table, html>body  #middle table, html>body  #right table, html>body #pr table, html>body #white table, html>body #sb table, html>body #jobs table, html>body #freelance table, html>body #intern table, html>body #bios1 table, html>body #bios2 table{
	padding:0px;
	width:300px;
	margin:auto;
}

h3, p{
	margin:0px;
	padding:0px;
	
}
h1, h3{
	font-size:12px;
	color: #4c2796;
}
/* middle h1 color */
#middle h1{
	color:#000000;
}


/* link styles and behaviors for subnav in LEFT div */


#left ul.subnav{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	top:-20px;
	left:126px;
	display:block;
}

#left ul.subnav li{
	width:160px;
	background-image:url(../images/line1.gif);
	display:block;
}
#left ul.subnav li a{
	color:#4c2796;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	background-color:#FFFFFF;
	background-image:url(../images/arw_white.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:1px solid #ced8ea;
	width:130px;
	text-decoration:none;
	text-align:center;
	display:block;
}
#left ul.subnav li a:visited{
	color:#999999;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	background-color:#FFFFFF;
	background-image:url(../images/arw_grey.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:1px solid #DDDCED;
	width:130px;
	text-decoration:none;
	text-align:center;
	display:block;
}
#left ul.subnav li a:hover{
	color:#999999;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	background-color:#4c2796;
	background-image:url(../images/arw_purple.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	color:#ffffff;
	width:130px;
	text-decoration:none;
	text-align:center;
	display:block;
}

/*subnav in portfolio section */
#left ul.subnav2{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	top:-20px;
	left:126px;
	display:block;
}

#left ul.subnav2 li{
	width:160px;
	background-image:url(../images/line1.gif);
	margin-top:5px;
	display:block;
}
#left ul.subnav2 li a{
	color:#4c2796;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	background-color:#FFFFFF;
	background-image:url(../images/arw_white.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:1px solid #ced8ea;
	width:130px;
	text-decoration:none;
	text-align:center;
	display:block;
}
#left ul.subnav2 li a:visited{
	color:#999999;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	background-color:#FFFFFF;
	background-image:url(../images/arw_grey.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:1px solid #DDDCED;
	width:130px;
	text-decoration:none;
	text-align:center;
	display:block;
}
#left ul.subnav2 li a:hover{
	color:#999999;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px;
	background-color:#4c2796;
	background-image:url(../images/arw_purple.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	color:#ffffff;
	width:130px;
	text-decoration:none;
	text-align:center;
	display:block;
}






/* link styles and behaviors everywhere */

ul.midnav {
	margin:0px;
	padding:0px;
	
}





ul.midnav{
	list-style:url(none) none outside;
	margin:0px;
	padding:0px;
!important
; 		line-height: 1.15em;
}

ul.midnav li{
	margin:0px;
	padding:3px;
	list-style-position: outside;
	list-style-image: none;
}
ul.midnav li a{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

a{
	color:#4c2796;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	padding:5px;
}

a:link{
	color:#4c2796;
	text-decoration: underline;
	padding:5px;
}
a:visited{
	color: #999999;
	text-decoration: underline;
	padding:5px;
}
a:hover{
	color:#999999;
	text-decoration:underline;
	
} 

/* links in team_join.html 3rd column */
div#jobs a, div#freelance a, div#intern a{
	color:#4c2796;
	font-size:12px;
	text-decoration:underline;
	padding:inherit;
}

div#jobs a:link, div#freelance a:link, div#intern a:link{
	color:#4c2796;
	text-decoration: underline;
	padding:inherit;
}
div#jobs a:visited, div#freelance a:visited, div#intern a:visited{
	color: #999999;
	text-decoration: none;
	padding:inherit;
}
div#jobs a:hover, div#freelance a:hover, div#intern a:hover{
	color:#999999;
	text-decoration:underline;
	padding:inherit;
} 
#jobs table p, #freelance table p, #intern table p{
	font-size:12px;
	line-height:14px;
}




/* divs for news&notes page */

#pr{
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:367px;
	background-image:url(images/right.gif);
	z-index:3;
	visibility:hidden;
	overflow:scroll;
}
h2{
	font-size:14px;
	color:#4c2796;
}
/* LEFT elements special */




#left td p, .ourtone{
line-height:24px;
color:#4c2796;
font-size:13px
}
.ourtoneSM{
	line-height:18px;
	font-size:12px;
	color:#4c2796;
}



div#right a{
	padding:inherit;
}

p{
	font-size:11px;
	}
	

.pnorm{
	font-size:12px;
}

/* Join the team page stuff */
#joinusbox {
	position:absolute;
	top:425px;
	left:690px;
	width: 300px;
	z-index:12;
	padding:0px;
	margin:auto;
}
#joinusbox p{
	font-size:12px;
	line-height:14px;
}
ul.joinus {
	width:100%;
	float:left;
	list-style:none;
	text-align: center;
	margin: auto;
	padding: 0px;
}
ul.joinus li{
	display: inline;
}
ul.joinus li a.big{
	border: 1px solid #4c2796; 
	width:80px; 
	font-size:1.5em; 
	margin-left:8.2em;
}
html>body ul.joinus li a.big{
	margin-left:5.4em;
}
ul.joinus li a{
	float: left;
	font-size:11px;
	width:80px;
	font-weight:bold;
	background-color:#4c2796;
	border:1px solid #FFFFFF;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

ul.joinus a:link{
	font-weight:bold;
	background-color:#4c2796;
	border:1px solid #FFFFFF;
	color:#ffffff;
	text-decoration:none;
	width: 80px;
}
ul.joinus a:visited{
	font-weight:bold;
	background-color:#4c2796;
	border:1px solid #FFFFFF;
	color:#ffffff;
	text-decoration:none;
}
ul.joinus a:hover{
	color:#4c2796;
	font-weight:bold;
	background-color:#ffffff;
	border:1px solid #4c2796;
	text-decoration:none;
}

#jobs {
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:367px;
	background-image:url(images/right.gif);
	visibility:hidden;
	overflow:auto;
	z-index:100;
}
#freelance {
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:367px;
	background-image:url(images/right.gif);
	visibility:hidden;
	overflow:auto;
	z-index:100;
}
#intern {
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:367px;
	background-image:url(images/right.gif);
	visibility:hidden;
	overflow:auto;
	z-index:100;
}
.hidden * {
   overflow:hidden;
}

div#sb{
	position:absolute;
	top:543px;
	left:333px;
	z-index:100;
}


div#creatathon{
	position:absolute;
	top:543px;
	left:706px;
	z-index:24;
	width: 318px;
	height: 28px;
}



div#sb_home{
	position:absolute;
	top:543px;
	left:654px;
	z-index:20;
}

div#blog_create{
	position:absolute;
	top:544px;
	left:695px;
	z-index:20;
}







div#pr{
	position:absolute;
	top:543px;
	left:670px;
	visibility:visible;
	width:337px;
	overflow:hidden;
}
div#pr_about{
	color: #000000;
	font-size:10px;
	background-color:#BCC5BA;
	padding:5px;
	margin-top:10px;
}
.extratop{
	padding-top:10px;
}
#left ul.subnav li a#linkon, #left ul.subnav2 li a#linkon{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: #4c2796 url(../images/arw_purple.gif) no-repeat right;
	border: 1px solid #FFFFFF;	
}
a.red{
	color:#EF2E24; !important
	text-decoration:none; !important
}
div#teamprof a:link {
	font-weight:normal;
	font-size:11px;
}
div#teamprof a:visited {
	font-weight:normal;
	font-size:11px;
}
div#teamprof a:hover {
	font-weight:normal;
	font-size:11px;
}

div#teamprof p {
	margin: 1em 0;
	
}
h3 a:link{
	font-size:12px;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
h3 a:visited{
	font-size:12px;
	text-decoration:none;
	color: #4c2796;
	margin:0px;
	padding:0px;
}
h3 a:hover{
	font-size:12px;
	text-decoration:none;
	margin:0px;
	padding: 0px;
}
#biobtns{
	left:670px;
	top:543px;
	visibility:visible;
	width:335px;
	margin: 0px;
	padding: 0px;
	position: absolute;
}
#bios1{
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:367px;
	background-image:url(images/right.gif);
	visibility:hidden;
	overflow:auto; 
	z-index:100;
}
#bios1 td p.bioj {
	padding-top:7px;
	font-size: 11px;
}
#bios1 td p.bioj a:link{
	font-size: 11px;
	padding:0;
}
#bios1 td p.bioj a:visited{
	font-size: 11px;
	padding:0;
}
#bios1 td p.bioj a:hover{
	font-size: 11px;
	color:#999999;
	padding:0;
}
#bios2{
	position:absolute;
	left:670px;
	top:176px;
	width:335px;
	height:367px;
	background-image:url(images/right.gif);
	visibility:hidden;
	overflow:auto; 
	z-index:100;
}
#bios2 td p.bioj {
	padding-top:7px;
	font-size: 11px;
}
#bios2 td p.bioj a:link{
	font-size: 11px;
	padding:0;
}
#bios2 td p.bioj a:visited{
	font-size: 11px;
	padding:0;
}
#bios2 td p.bioj a:hover{
	font-size: 11px;
	color:#999999;
	padding:0;
}
div#sitemap {
	margin: 0px;
	padding: 0px;
	width: 150px;
	list-style-type: none;
	position: absolute;
	top: 564px;
	left: 260px;
}
#create06 {
	position:absolute;
	left:25px;
	top:113px;
	width:300px;
	height:265px;
	background-image:url(images/right.gif);
	visibility:visible;
	overflow:auto;
	z-index:100;
}
#createbtm {
	text-align: center;
}

#printlogo{
  display: none;
}


p.help{
	padding-left: 10px;
	padding-right: 10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-top-color: #4C2796;
	border-right-color: #4C2796;
	border-bottom-color: #4C2796;
	border-left-color: #4C2796;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 13px;
	line-height: 8px;
}

.help a{
	padding-left: 0px;
	font-weight: bold;
	font-size: 13px;
}


/* createathon years */
#createbox {
	position:absolute;
	top:425px;
	z-index:12;
	padding:0px;
	margin:auto;
	float: none;
	text-align: center;
}
#createbox p{
	font-size:12px;
	line-height:14px;
}

#createbox tr{
	font-size:12px;
	line-height:14px;
	text-align: center;
	margin: auto;
	padding: 5px;
}


ul.createbox {
	width:90%;
	list-style:none;
	text-align: center;
	margin: 0px auto;
	padding: 4px;
}
ul.createbox li{
	display: inline;
}
ul.createbox li a.big{
	border: 1px solid #4c2796;
	width:70px;
	font-size:1.5em;
	margin-bottom: 20px;
}
html>body ul.createbox li a.big{
	padding-right: 10px;
	padding-left: 10px;
}
ul.createbox li a{
	font-size:11px;
	width:50px;
	font-weight:bold;
	background-color:#4c2796;
	border:1px solid #FFFFFF;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 20px;
	margin-right: 1px;
	margin-bottom: 20px;
	margin-left: 1px;
}

ul.createbox a:link{
	font-weight:bold;
	background-color:#4c2796;
	border:1px solid #FFFFFF;
	color:#ffffff;
	text-decoration:none;
}
ul.createbox a:visited{
	font-weight:bold;
	background-color:#4c2796;
	border:1px solid #FFFFFF;
	color:#ffffff;
	text-decoration:none;
}
ul.createbox a:hover{
	color:#4c2796;
	font-weight:bold;
	background-color:#ffffff;
	border:1px solid #4c2796;
	text-decoration:none;
}
.previous
 {
	margin-right: 120px;
}
#pressReleases  {
	position: absolute;
	left: -1px;
	top: 317px;
	width: 333px;
	height: 48px;
}
#right_scroll #pressReleases a {
	color: #4C2796;
}
#create06 {
	line-height: 18px;
}
#btm-vert-lines #footerNav {
	position:absolute;
	width:1002px;
	height:27px;
	z-index:60;
	left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	top: 0px;
}


#footerNav a:link{
	color: #BBBADC;
	text-decoration: none;
	
}

#footerNav a:visited{
	color: #BBBADC;
	text-decoration: none;
}


#footerNav a:hover{
	color: #CED9CB;
	text-decoration: none;
}











#footerNav  li {
	display: inline;
	padding-right: 4px;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 0px;
}

#footerNav ul {
	margin: 0px;
	padding: 0px;
	color: #BBBADC;

}
div#news_pr_scroll {
	position:absolute;
	left:330px;
	top:177px;
	width:674px;
	height:122px;
	background-image:url(images/right.gif);
	clip:rect(auto,auto,auto,auto);
	overflow:auto;
	z-index:6;
}
#newsRigntPanel {
	position:absolute;
	width:332px;
	height:363px;
	z-index:9;
	background-image: url(../sj_news_panel_bg.gif);
	background-repeat: no-repeat;
	left: 671px;
	top: 176px;
}
#create06 p {
	line-height: 13px;
}
#container #left p {
	line-height: 22px;
}
.ourtoneSM2 {
	line-height:16px;
	font-size:12px;
	color:#4c2796;
}
.ourtoneSM3 {
	font-size:12px;
	color:#4c2796;
	padding-right: 0px;
	padding-left: 0px;
	line-height: 14px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#create09  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 310px;
}