/* Swan Festival of Lights */
/* Created: August 2008  */
/* www.lazareye.com */
/* ©2009 */


/* visual elements */

html, body  {
  height:100%;
  border:0;
  padding:0;
  margin:0;
  background: transparent url() no-repeat;
  color:#636363;
  font:10pt Geneva, Helvetica, Arial, sans-serif;
}

/* web font rules */

@font-face {
  font-family: "Ubuntu Titling";
  src: url("/fonts/ubuntutitling-bold.eot");
  src: local("?"),
  url("../fonts/ubuntutitling-bold.woff") format("woff"),
  url("../fonts/ubuntutitling-bold.otf") format("opentype"),
  url("../fonts/ubuntutitling-bold.svg#bold") format("svg"),
  url("../fonts/ubuntutitling-bold.ttf") format("truetype");
}

#mainPageHolder  {
  width:850px;
  padding:0 0 50px 0;
  margin:20px auto 0 auto;
  background:#fff url() no-repeat;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -moz-box-shadow:4px 3px 5px #0f0f11;
  -webkit-box-shadow:4px 3px 5px #0f0f11;
  box-shadow:4px 3px 5px #0f0f11;
}

#mainHolder  {
  width:850px;
  padding:0 0 250px 0;
  margin:20px auto 0 auto;
  background:#fff url() no-repeat;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -moz-box-shadow:4px 3px 5px #0f0f11;
  -webkit-box-shadow:4px 3px 5px #0f0f11;
  box-shadow:4px 3px 5px #0f0f11;
  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}

#menuBar  {
  padding:15px 0 0 0;
  height:25px;
  margin:0 auto;
  text-align:center;
  width:inherit;
}

#menuBar ul {
  margin:0 auto;
  padding:0;
  list-style-position:outside;
  list-style-type:none;
  text-align:left;
  font:8.5pt/11pt "Helvetica Neue", Arial, Helvetica, sans-serif;
  width:92.5%;
}

#menuBar ul li {
  float:left;
  padding:0 8px 8px 0;
  margin:0;
  text-align:center;
}

#menuBar ul li:last-child {
  padding-right:0;
}

#menuBar img {
  margin:0 20px 0 18px;
  padding:0;
}

#menuBar a {
  text-decoration:none;
  border:0;
}

#menuBar a:link  {
  color:#888;
}

#menuBar a:visited {
  color:#3d3d3d;
}

#menuBar a:hover {
  color:#ff6600;
  /*border-bottom:2px solid #efefef;*/
  background-color:#fff;
  border-bottom:2px solid #efefef;
}

a:link {
  color:#0e62b6;
  border-bottom:1px dotted #0e62b6;
  text-decoration:none;
}

a:visited {
  color:#0e62b9;
  border-bottom:1px dotted #0e62b9;
  text-decoration:none;
}

a:hover {
  color:#ff9900;
  border:0;
}

a.imgLink {
  border:0;
  text-decoration:none;
  background-color:none;
}

.inactiveLink {
  color:#ccc;
}

#logoHolder  {
  float:left;
  width:222px;
  height:55px;
  margin:0 0 0 10px;
  padding:2px 0 0 0;
}

#splashContentHolster {
  width:800px;
  height:545px;
  padding:0;
  margin:15px 25px 5px 25px;
  background:transparent url(../images/splash/sfol_2010_splash.jpg) top left no-repeat;
}

#introParaHolder {
  width:800px;
  height:57px;
  margin:10px auto 10px auto;
}

#introParaHolder p {
  text-align:center;
  margin-bottom:5px;
}  

.pdfList {
  list-style:url(../images/gen/icon_pdf.png) inside none;
}

.inBullets {
  text-align:center;
  margin:0;
  padding:0;
}

.inBullets li {
  display:inline;
  border-right:1px dotted #232323;
  padding:0 10px 0 10px;
  margin:0;
  line-height:18pt;
}

.inBullets li:last-child {
  border-right:0;
}

.inBulletsLinks {
  list-style-type:none;
  margin:0 0 20px 0;
  padding:0;
  width:100%;
  display:block;
  min-height:35px;
}

.inBulletsLinks li {
  float:left;
  border-right:1px dotted #232323;
  padding:0 5px 0 5px;
  margin:0;
  line-height:16pt;
}

.inBulletsLinks li:last-child {
  border-right:0;
}

.workshopLinks {
  list-style-type:none;
  width:100%;
  display:block;
  min-height:20px;
  font:10pt "Ubuntu Titling","Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

.workshopLinks li {
  float:left;
  border-right:1px solid #777;
  padding:0 10px 0 10px;
  margin:0;
}

.workshopLinks li:first-child {
  padding-left:0;
}

.workshopLinks li:last-child {
  border:0;
}

.dateHeader  {
  width:100%;
  clear:both;
  padding:10px 0 8px 0;
  font:9pt Georgia, "Times New Roman", Times, serif;
  color:#232323;
  font-weight:bold;
}

.workShops, .parkingInfo, .performanceList {
  margin:0 auto;
  padding:0;
  width:100%;
  display:block;
  clear:both;
}

.workShops div.columns3Header, .performanceList .columns3Header, .performanceList .firstColHeader {
  width:32%;
  margin:0;
  padding:2px 0 0 2px;
  float:left;
  height:20px;
  font-size:8pt;
  background-color:#242424;
  color:#fff;
  border-right:1px solid #fff;
  display:block;
}

.performanceList .firstColHeader {
  width:25px;
}

.performanceList .columns3Header {
  width:240px;
}

.workShops div.contents3col, .performanceList .contents3col, .performanceList .contents3colFirst  {
  width:32%;
  height:35px;
  margin:0;
  padding:4px 0 0 2px;
  float:left;
  font-size:8pt;
  white-space:normal;
  border-bottom:1px solid #333;
  color:#222;
  display:block;
}

.performanceList .contents3col {
  width:240px;
  height:20px;
}

.performanceList .contents3colFirst {
  width:25px;
  height:20px;
}

.workShops div.columns4Header {
  width:24%;
  margin:0;
  padding:2px 0 0 2px;
  float:left;
  height:20px;
  font-size:8pt;
  background-color:#242424;
  color:#fff;
  border-right:1px solid #fff;
}

.workShops div.contents4col  {
  width:24%;
  height:35px;
  margin:0;
  padding:4px 0 0 2px;
  float:left;
  font-size:8pt;
  white-space:normal;
  border-bottom:1px solid #333;
  color:#222;
}

/* completed days */

.disabledProg {
  filter:alpha(opacity=45);
  -moz-opacity:0.45;
  -khtml-opacity: 0.45;
  opacity: 0.45;
}


/* rego styles */

.prog_days {
  width:100%;
  padding:5px;
  display:none;
  border:1px solid #333;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-box-shadow:4px 3px 5px #0f0f11;
  -webkit-box-shadow:4px 3px 5px #0f0f11;
  box-shadow:4px 3px 5px #0f0f11;
  margin:4px 0 4px 0;
}

.prog_days div {
  width:100%;
  height:20px;
  background-color:#333;
  color:#fff;
  font-weight:bold;
  padding:3px 0 3px 3px;
  margin:0 0 4px 0;
}

.prog_days label {
  padding-right:4px;
}


.parkingInfo div.lhsHeader, .parkingInfo div.rhsHeader {
  width:39%;
  margin:0;
  padding:2px 0 0 2px;
  float:left;
  height:20px;
  font-size:8pt;
  font-weight:bold;
  background-color:#33cc00;
  color:#fff;
  border-right:1px solid #fff;
}

.parkingInfo div.midHeader {
  width:20%;
  margin:0;
  padding:2px 0 0 2px;
  float:left;
  height:20px;
  font-size:8pt;
  font-weight:bold;
  background-color:#33cc00;
  color:#fff;
  border-right:1px solid #fff;
}

.parkingInfo div.lhs3col, .parkingInfo div.rhs3col {
  width:39%;
  height:35px;
  margin:0;
  padding:4px 0 0 2px;
  float:left;
  font-size:8pt;
  white-space:normal;
  border-bottom:1px solid #333;
  color:#222;
}

.parkingInfo div.mid3col {
  width:20%;
  height:35px;
  margin:0;
  padding:4px 0 0 2px;
  float:left;
  font-size:8pt;
  white-space:normal;
  border-bottom:1px solid #333;
  color:#222;
}

#performanceHolder {
  width:100%;
  height:37px;
  margin:0 auto;
}

#performanceHolder div {
  float:left;
  width:23%;
  height:18px;
  text-align:center;
  padding:10px 0 5px 0;
  background-color:#18c9fc;
  border-collapse:collapse;
  margin:0 5px 0 5px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  font-size:8pt;
  -moz-box-shadow:2px 2px 3px #565;
  -webkit-box-shadow:2px 2px 3px #565;
  box-shadow:2px 2px 3px #565;
}

#performanceHolder div a {
  color:#333;
  border:0;
}

#performanceHolder div:hover {
  background-color:#47bcec;
  color:#ff4200;
  cursor:pointer;
  padding-bottom:3px;
}

#sfolContentFrame {
  position:absolute;
  visibility:hidden;
  left:0;
  top:0;
}

#introPara {
  margin:13px;
}

#bottomMenuHolder {
  height:15px;
  width:400px;
  margin:75px auto 5px auto;
}

.contentDivider {
  width:90%;
  margin:5px auto 5px auto;
  height:1px;
  color:#ddd;
}

/* content style */


hr {
   color:#777;
   border:1px solid #bcbcbc;
   background-color:#ff6600;
   border-width:0 0 1px 0;
   width:inherit;
   margin:0 auto;
   height:1px;
}

h1 {
  color:#000;
  font-weight:bold;
  font-size:10pt;
  text-align:center;
}

p {
  text-align:justify;
  margin:9px 0 9px 0;
  font:10pt "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif; 
}

.paraHeader  {
  font-weight:bold;
  border-bottom:1px solid #232323;
  padding-bottom:10px;
  margin-bottom:25px;
}

ul,ol {
  font:10pt/12pt "Arial Narrow", Arial, Helvetica, sans-serif;
  color:#333;
  list-style-position:inside;
  margin-left:0;
  padding:0;
}

li {
  margin:5px 0 5px 0;
}

em {
  font:11pt Palatino, Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  color:#111;
}

/* workshop link */

a.lbOn {
  color:#f00;
  font-weight:bold;
  text-transform:uppercase;
}

a.lbOn:link {
  border-bottom: 1px dotted #f00;
}

a.lbOn:hover {
  border-bottom: 0;
}


/* Gallery */

#sfolGallery {
  width:100%;
  margin:10px 0 10px 0;
  min-height:450px;
  padding:0 0 50px 0;
}

#sfolGallery .yearHeader {
  width:inherit;
  height:25px;
  margin:0 auto 5px auto;
}

#sfolGallery .thumbNails {
  width:92px;
  height:92px;
  float:left;
  margin:13px;
  border:5px solid #cdcdcd;
}


/* eo Gallery */

/* Lightbox Form CSS */

#overlayfrm  {
  background-color:#333;
  -moz-opacity:0.8;
  opacity:.80;
  filter:alpha(opacity=80);
}

/* Form Styles */

fieldset {
  padding:0.5em;
  margin:0.5em;
}

#lightbox p  {
  margin:5px;
}

#lightbox h2 {
  margin:0 0 1em 0;
}
#lightbox h3 {
  color:#FF713F;
}
#lightbox.done p {
  color:#333;
}

#register_form {
  width:750px;
  text-align:left;
  margin:25px;
}
#register_form ul {
  list-style:none;
}
#register_form li {
  margin:0 0 1em 0;
}
#register_form textarea{
  width:100%;
  height:150px;
}

#definition {
  margin:25px;
}
.highlight {
  background-color:#FEFFAF;
}


/* inner page styles */

#tierTwo {
  width:850px;
  padding:0 0 0 0;
  background:transparent url(/images/gen/divider.png) top right no-repeat;
  overflow:hidden;
  /*height:550px;*/
}

#lhsContentInner {
  width:300px;
  float:left;
  border-right:195px solid transparent;
  background: transparent url(/images/gen/divider.png) top right no-repeat;
  margin-right:-200px;
  min-height:550px;
}

#lhsContentInner .sfolCOPLogo {
  width:248px;
  height:383px;
  margin:15px 0 0 23px;
  padding:0;
}

#rhsContentInner {
  width:515px;
  float:left;
  padding:20px 0 0 10px;
}

.hangingLetter {
  font:12pt "Ubuntu Titling","Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;  
  font-weight:bold;
  color:#ff6c00;
  border-bottom:1px solid #efefef;
  margin:0 0 15px 0;
  padding:10px 0 8px 0;
}

/*.hangingLetter:first-letter {
  font:32pt Vivaldi, VivaldiD, "Lucida Handwriting", Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  font-style:italic;
}
*/

#rotatorIMG  {
  width:515px;
  height:175px;
  margin:0 auto;
}

#rhsFloatContent {
  float:right;
  width:250px;
  margin:0;
}

#rhsFloatContent div {
  width:100%;
  border-bottom:1px dotted #242424;
  font:10pt/12pt "Arial Narrow", Arial, Helvetica, sans-serif;
  color:#333;
}

/* end of inner pages */


/* form elements */

.smartBttn {
  margin:5px 0 5px 0;
  border-width:0 1px 1px 0;
  border-color:#ccc;
  border-width:1px;
  background-color:#efefef;
}

input.big {
  width:200px;
  height:15px;
}

.floatPic {
  float:left;
  margin:3px 3px 0 0;
}

hr {
  width:490px;
  color:#409ef1;
  height:1px;
}

/* hacks */

.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 */


/* footer holder */

#footHolder, #footHolderInner {
  width:100%;
  padding:0;
  margin:25px auto 0 auto;
  text-align:center;
}

#footHolder img  {
  margin-right:20px;
}

#footHolder p {
  text-align:center;
  font-size:8pt;
}

#footHolderInner {
  position:relative;
  margin-top:-225px;
  height:225px;
  clear:both;
}

#footHolderInner p {
  text-align:center;
  font-size:8pt;
}