@charset "utf-8";
/* CSS Document */

/* universal styles */

html, body{
	margin:0;
	padding:0;
	text-align:center;
	background: #eee9e9 url(../images/bg.gif) repeat-x center top;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
} 

h1{font:Verdana, Geneva, sans-serif; font-size:28px; color:#00aeef; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
h2{font:Verdana, Geneva, sans-serif; font-size:24px; color:#ff6600; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
h3{font:Verdana, Geneva, sans-serif; font-size:20px; color:#00aeef; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
h4{font:Verdana, Geneva, sans-serif; font-size:14px; color:#000; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}



ul.none {list-style-type: none; list-style-image: none;}
ul{
	padding:0px;
	margin-top:5px;
	margin-left:25px;

	
}
li {
	padding:0px;
	margin-left:15px;
	margin-right:10px;
	font-weight: bold;
}
a:link {color: #ff6600; font-weight: bold;  text-decoration:underline;}
a:hover {color: #FF8C00; font-weight: bold; text-decoration:none;}
a:visited {color: #FF8C00; font-weight: bold;  text-decoration:underline;}

p.none {border-style:none; }
p.dotted {border-style:dotted; border-color:#00aeef;}
p.dashed {border-style:dashed; border-color:#00aeef;}
p.solid {border-style:solid; border-color:#00aeef;}
p.double {border-style:double; border-color:#00aeef;}
p.groove {border-style:groove; border-color:#00aeef;}
p.ridge {border-style:ridge; border-color:#00aeef;}
p.inset {border-style:inset; border-color:#00aeef;}
p.outset {border-style:outset; border-color:#00aeef;}
p.hidden {border-style:hidden; border-color:#00aeef;}



/* library styles */

.button{margin-left: 30px; margin-top: 30px; margin-bottom: 30px; margin-right: 0px;}
.center{display:block; margin-left:auto; margin-right:auto;}
.right{display:block; margin-right:0px;}
.award-detail {display:none; margin-right:70px; }
.bold{font-weight:700;}
.big {font:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; color:#00aeef; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 10px;}
.big10 {font:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#00aeef; margin-left: 0px; margin-top: 0px; margin-bottom: 4px; margin-left: 30px;}
.10 {margin-left:10px;}
.panel{font:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#0000FF; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 10px;}
/* template layouts */
 

#pagewidth{
	width:950px; 
	text-align:left; 
	margin:0 auto; 
	background:#FFF;
} 

#header{
	position:relative; 
	height:190px; 
	background-color:#000; 
	width:100%;
	display:block;
} 

#logo {
	float:left;
	width: 330px;
	height: 190px;
	background-color:#000;
}

#topnavcontainer{float: right; margin-right: 10px; height: 40px; }
#topnavcontainer ul {margin: 0; padding: 0; list-style-type: none; text-align: right;}
#topnavcontainer ul li {display: inline;}
#topnavcontainer ul li a{text-decoration: none; font: bold; color: #fff; background-color: #000; font-weight: bold;}
#topnavcontainer ul li a:hover {color: #fff; text-decoration:underline; background-color: #000;}

#topnav {
	float: left;
	width: 620px;
	height: 50px;
	background-color:#000;
	margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;
}

#main {display:block;
}

#mainnav {
	float: left;
	width: 620px;
	height: 70px;
	background-color:#000;
	margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;
}

#title {
	float: left;
	width: 620px;
	height: 70px;
	background-color:#FFF;
}

#title h1{font:Verdana, Geneva, sans-serif; font-size:28px; color:#00aeef; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; position:absolute; bottom:0px;}


#info {
	float: left;
	width: 330px;
	background-color:#fff;
	margin-left: 0px; margin-top: 0px; margin-bottom: 20px; margin-right: 0px; 
}
#info a {padding: 0px; font-size:14px; font-weight: bold;}
#info p {margin-left: 40px; margin-top: 10px; margin-bottom: 0px; margin-right: 20px;}

#leftcol{
 width:330px; 
 float:left; 
 position:relative; 
 background-color:#fff; 
 }

#leftcol h1{font:Verdana, Geneva, sans-serif; font-size:18px; color:#00aeef; line-height:18px; margin-left: 40px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
#leftcol hr{margin-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: 20px;}

#260{
	width:260px; 
	text-align:center; 
	margin:0 auto; 
	background:#FFF;
}

#adcontainer{
 width:270px; 
 float:left; 
 position:relative; 
 margin-left: 40px;
 }
 
#maincol{
 background-color: #fff;  
 margin-top: 20px;
 position: relative; 
 width:620px;
 float:right; 
 }
#maincol p{margin:0px 10px 0px 10px;}

#recap {height: 225px; width:100%;}
#recap2014 {height: 100%; width:350px; float:left}
#recap2014pic {height: 100%; width:250px; float:left}
#recap2014container {height: 100%; width:100%; display: inline-block; margin-bottom:10px}

#quote{
	background-color: #00aeef;
	border:1px solid #00aeef;
	border-radius:10px;
	width: 528px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	


#quote p {color:#fff; font-family: arial, helvetica, sans-serif; font-style:italic; font-weight: bold;}
#quote p.name {text-align:left; font-size:12px; font-weight: bold; font-style:normal; margin-top: 6px;}

#quoteright{
	background-color: #00aeef;
	width: 528px;
	border:1px solid #00aeef;
	border-radius:10px;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	padding-top: 5px;
	padding-bottom: 5px;

	}
#quoteright p {color:#fff; font-family: arial, helvetica, sans-serif; font-style:italic; font-weight: bold; text-align: right; margin: 2px; padding-right: 10px;}
#quoteright p.name {text-align:right; font-size:12px; font-weight: bold; font-style:normal; margin-top: 6px;}
		
#quoteside{
	background-color: #fff;
	border:2px solid #00aeef;
    border-radius: 10px;
	width: 270px;
	float: left;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	}
#quoteside p {color:#333; font-size: 12px; font-family: arial, helvetica, sans-serif; font-style:; font-weight: bold ; margin-top: 5px; padding-bottom: 5px; margin-left: 10px; margin-right: 5px; text-align: left;}

#quotesidename {
	width: 270px;
	float: left;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding-bottom: 5px;	
}
#quotesidename p {text-align:right; font-size:11px; font-weight: bold; font-style:normal; padding-top: 5px; padding-right: 52px;}


#submenu {padding:0; margin:10px 0px 20px -7px; color:#fff; font-family: arial, helvetica, sans-serif; list-style-type:none; font-size:12px;}
#submenu li {display: block;}
#submenu li a {padding:0.2em 1em; background: #00aeef; color:#fff; text-decoration:none; font-weight: bold; float:left; border:1px solid #fff;}
#submenu li a:hover {background:#6dcff6; color:#fff;}

#frame{
	background-color: #fff;  
	width:580px;
	position: relative; 
	float:; 
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	border: solid;
	border-color:#00aeef;
	}

#interview{
	margin-top: 5px;
	margin: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
#interviewq p{
	font-size:14px;
	color:#ff6600;
	font-weight: 700;
	}	

#interview p{
	font-size:14px;
	color:#333;
		font-weight: 700;
		line-height: 20px;

	}	
	
#bothcol{
	background-color: #fff;  
	position: relative; 
	width:950px;
	height:30px;
	float:right; 
	}
	
#video{
	background-color: #fff;  
	position: relative; 
	width:950px;
	height:600px;
	float:left; 
	text-align:left;
	}
	
	
#rules {
	float: left;
	width: 100%;
	background-color:#FFF;
}
#rules p{ margin:10px;}
	
#like{
	background-color: #fff;  
	position: relative; 
	width:950px;
	height:100px;
	float:right; 
	}

#footer{
 height:300px; 
 background-color:#000000; 
 clear:both;
 display:block;
 overflow:auto;
 color:#FFF;
 margin-left: auto;
 margin-right: auto;
} 
#footer p{margin: 0px 40px 0px 40px;}
#footer h2{margin: 20px 40px 0px 40px; color: #00aeef;}
#copyright {background-color:#00aeef; font:Verdana, Geneva, sans-serif; font-weight: bold; font-size:14px; color:#fff; margin-top: 40px; text-align:center}
#links {margin-top:40px; height:200px; width:800px; margin-left: auto; margin-right:auto; background-color:#000000}


/* homepage only */
#homeheader{
 position:relative; 
 height:380px; 
 background-color:#000; 
 width:100%;
 display:block;
} 
#homelogo {
	float:left;
	width: 330px;
	height: 385px;
	background-color:#fff;
}
#homelogo a:link {padding: 0px; font: bold;}
#homelogo p {margin-left: 40px; margin-top: 10px; margin-bottom: 0px; margin-right: 20px;}
#homelogo h1{font:Verdana, Geneva, sans-serif; font-size:18px; color:#00aeef; line-height:18px; margin-left: 40px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}

#hbothcol{
	background-color: #fff;  
	display: inline;
	position: relative; 
	width:950px;
	float:right; 
	}

	
#slideshow {
	float: left;
	width: 600px;
	padding: 10px;
	height: 315px;
	background-color:#fff;  
}
/* For Specific Slides */
.textSlide             { padding: 10px 30px; }
.textSlide h3          { font: 20px Georgia, Serif; }
.textSlide h4          { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
.textSlide ul          { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li       { display: list-item; }
.rightside             { float: right; margin: 0 0 2px 10px; }

.quoteSlide            { padding: 30px; }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/* Set slider1 panel 5 stuff - adding padding directly to the panel will
   shift panels after it, so we need a wrapper */
#slider1 .panel5 ul    { width: 225px; margin: 0 5px 0 15px; }

/* press only */
#news h3{font:Verdana, Geneva, sans-serif; font-size:14px; color:#00aeef; line-height:18px; text-align:left; font-weight: bold; margin: 40px 10px 0px 10px;}
#news h4{font:Verdana, Geneva, sans-serif; font-size:14px; color:#00aeef; line-height:14px; text-align:left; font-weight: bold; font-style:italic; margin: 10px 10px 0px 10px;}
#news p{margin: 10px 10px 0px 10px;}

/* misc */

#badges { border: 0;position: fixed;  top: 200px; right:0;}

.rounded-corners {
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/*button menu*/
/* button menus */
.buttonmenu {
	margin-top: 50px;
	padding: 0;
	width: 280px;
	height: 158px;
	list-style: none;
	background: url(../images/buttons/bg.gif) no-repeat;
	float:left;
	margin-left: 30px;
}
.buttonmenu li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}

.buttonmenu li a, .buttonmenu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.submit {background-image: url(../images/buttons/submit1.gif); height: 52px;}
.submit a {background-image: url(../images/buttons/submit.gif); height: 52px;}
.ipc {background-image: url(../images/buttons/ipc1.gif); height: 28px;}
.ipc a {background-image: url(../images/buttons/ipc.gif); height: 28px;}
.spons {background-image: url(../images/buttons/spons1.gif); height: 28px;}
.spons a {background-image: url(../images/buttons/spons.gif); height: 28px;}
.devs {background-image: url(../images/buttons/devs1.gif); height: 28px;}
.devs a {background-image: url(../images/buttons/devs.gif); height: 28px;}

.connect {background-image: url(../images/buttons/connect1.gif); height: 52px;}
.connect a {background-image: url(../images/buttons/connect.gif); height: 52px;}
.artists {background-image: url(../images/buttons/artists.gif); height: 28px;}
.artists a {background-image: url(../images/buttons/artists1.gif); height: 28px;}
.industry {background-image: url(../images/buttons/industry.gif); height: 28px;}
.industry a {background-image: url(../images/buttons/industry1.gif); height: 28px;}

.attend {background-image: url(../images/buttons/attend1.gif); height: 52px;}
.attend a {background-image: url(../images/buttons/attend.gif); height: 52px;}
.fest {background-image: url(../images/buttons/fest.gif); height: 28px;}
.fest a {background-image: url(../images/buttons/fest1.gif); height: 28px;}
.comm {background-image: url(../images/buttons/comm.gif); height: 28px;}
.comm a {background-image: url(../images/buttons/comm1.gif); height: 28px;}

ul.buttonmenu li a:hover {background: none;}
/* button menus */

/*more button*/
#buttonholder{
	float:left
}

#buttonholder2 {
	display: inline-block;
}

#submit{
  display: block;
  width: 280px;
  height: 158px;
  background: url("../images/rb_submit.gif") no-repeat 0 0;
}

#submit:hover{ 
  background-position: 0 -158px;
}

#submit span{
  position: absolute;
  top: -999em;
}

#attend{
  display: block;
  width: 280px;
  height: 158px;
  background: url("../images/rb_attend.gif") no-repeat 0 0;
}

#attend:hover{ 
  background-position: 0 -158px;
}

#attend span{
  position: absolute;
  top: -999em;
}

#enjoy{
  display: block;
  width: 280px;
  height: 158px;
  background: url("../images/rb_enjoy.gif") no-repeat 0 0;
}

#enjoy:hover{ 
  background-position: 0 -158px;
}

#enjoy span{
  position: absolute;
  top: -999em;
}
 
#joinus{
  display: block;
  width: 280px;
  height: 158px;
  background: url("../images/rb_join.gif") no-repeat 0 0;
}

#joinus:hover{ 
  background-position: 0 -158px;
}

#joinus span{
  position: absolute;
  top: -999em;
}

#newbutton{
  display: block;
  width: 280px;
  height: 158px;
}

#submitbutton
{
  display: block;
  float: right;
  width: 79px;
  height: 40px;
  background: url("../images/submitbutton.gif") no-repeat 0 0;

}

#submitbutton:hover
{ 
  background-position: 0 -40px;
}
#submitbutton span
{
  position: absolute;
  top: -999em;
}

#aboutbutton
{
  display: block;
  float: inherit; 
  width: 79px;
  height: 40px;
  background: url("../images/aboutbutton.gif") no-repeat 0 0;

}

#aboutbutton:hover
{ 
  background-position: 0 -40px;
}
#aboutbutton span
{
  position: absolute;
  top: -999em;
}

#faqbutton
{
  display: block;
  float: right;
  width: 79px;
  height: 40px;
  background: url("../images/faqbutton.gif") no-repeat 0 0;

}

#faqbutton:hover
{ 
  background-position: 0 -40px;
}

#faqbutton span
{
  position: absolute;
  top: -999em;
}

.faq-answer {display:none;}


for past initiative js 
#past {float: left; }

#past ul {margin-left:0px;}
#past li {margin-left:0px;}

#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}

#acc {width:557px; list-style:none; color:#033; margin-left:0px;}
#acc h3 {width:500px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; }
#acc h3:hover {}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:500px; padding:10px; border:0px solid #9ac1c9; border-top:none; background:#fff}

[id^=nested] {width:525px; list-style:none; color:#033; margin-bottom:15px}
[id^=nested] h3 {width:525px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer;}
[id^=nested] h3:hover {}
[id^=nested] .acc-section {overflow:hidden; background:#fff}
[id^=nested] .acc-content {width:625px; padding:15px; border:0px solid #9ac1c9; border-top:none; background:#fff}
[id^=nested] .acc-selected {}

p.winner {font-size:14px; font-weight:bold; color: #ff6600;}
p.finalist {margin-top: 10px; font-size:14px; font-weight:bold; color: #00aeef;}
ul.finalist {margin-left: 15px; font-weight::bold; font-size:14px; line-height:30px;}
li.finalist {list-style: inside; font-weight:bold;}
end past Initiatives
for milestones js 
#milestone {float: left; }

#milestone ul {margin-left:12px;}
#milestone li {margin-left:12px;}
#milestone h4 {margin-left:30px; font-size:12px; font-weight:bold; color: #00aeef;}
#milestone p {font-size:12px; color: #00000; margin: 0px 5px 15px 40px;}}
#milestone a {font-size:12px;}
#milestoneoptions {width:225px; margin:10px auto; text-align:right; color:#9ac1c9}

#milestoneacc {width:250px; list-style:none; color:#033; margin-left:0px;}
#milestoneacc h3 {width:200px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer;}
#milestoneacc h3:hover {}
#milestoneacc .milestoneacc-section {overflow:hidden; background:#fff}
#milestoneacc .milestoneacc-content {width:250px; padding:10px; border:0px solid #9ac1c9; border-top:none; margin-left:-30px; background:#fff}

[id^=milestonenested] {width:250px; list-style:none; color:#033; margin-bottom:15px}
[id^=milestonenested] h3 {width:250px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; }
[id^=milestonenested] h3:hover {}
[id^=milestonenested] .milestoneacc-section {overflow:hidden; background:#fff}
[id^=milestonenested] .milestoneacc-content {width:250px; padding:15px; border:0px solid #9ac1c9; border-top:none; background:#fff}
[id^=milestonenested] .milestoneacc-selected {}




end milestones




/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}