<?php
// set default values
	$themeColor1="#003366";			//primary: dark blue
	$themeColor2="#AEC1E1";			//contrast: light blue
	$themeColor3="#000000";			//compliment: black
	$themeColor4="#FFFFFF";         //compliment: white
	$themeColor5="#FF0000";         //bright/emphasis: red
	$liBulletImg="../_assets/graphics/bullet.gif";
	//$navLink=$themeColor1;
	$navSectionLink=$themeColor3;
	$navDetailLink=$themeColor1;
	$navRo="#D7855E";
	$navOn="#D7855E";
?>
body, p, th, td, input, textarea {font-family:Tahoma, Verdana, Arial, sans-serif; color:<?php echo $themeColor1?>; font-size: <?php echo $font_size?>; line-height:130%; }
body {margin:5px; padding:0; background-color:#CDE9FE; }
ol.decimal {list-style-type: decimal; background-position:0em .5em; padding-left: .5em; padding-bottom:.3em;}
ul.bullet {list-style-image: url('<?php echo $liBulletImg?>'); background-position:0em .5em; padding-left: .5em; padding-bottom:.3em; }

/*li {background:url('<?php echo $liBulletImg?>') no-repeat; background-position:0em .5em; padding-left: 1em; padding-bottom:.3em; } */
/*li {background-position:0em .5em; padding-left: 1em; padding-bottom:.3em; } */
.NEWSBIG a:link    {
	color:#CC0000;
	text-decoration:underline;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

.NEWSBIG a:visited    {
	color:#CC0000;
	text-decoration:underline;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

.NEWS a:link    {
	color:#000000;
	text-decoration:underline;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

.NEWS a:visited {
	color:#666666;
	text-decoration:underline;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

.NEWS a:hover   {
	color:#000066;
	text-decoration:none;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

.NEWS a:active  {
	color:#0066FF;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

hr {color:<?php echo $themeColor1?>; background-color:<?php echo $themeColor1?>; }
form {margin-top:0; margin-bottom:0; }
h1, h2, h3 {line-height:100%; color:#336699}
.mainhead {font: bold 120% Tahoma, Arial, Helvetica, sans-serif; color:#336699;}

/* used in store */
/*#smalllink td {background:#AEC1E1; font-size:70%; padding-left:20px; padding-right:20px; height:25px; border-top: 1px solid <?php echo $themeColor1?>; }*/
.smalllink a:link    {color:#FF6699; text-decoration:none; font-size:80%;}
.smalllink a:visited {color:#FF6699; text-decoration:none; font-size:80%;}
.smalllink a:hover   {color:#FF0033; text-decoration:underline; font-size:80%;}
.smalllink a:active  {color:#FF0000; text-decoration:none; font-size:80%;}
.producthed {
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
	color: #3333CC;
	text-decoration: underline;
}
.productdesc {
	font: bold 120% Tahoma, Arial, Helvetica, sans-serif;
	color: #336699;
}
#topbar {
	background: url(../_assets/graphics/topbar.png);
}
td.rulert {
	border-top: thin #336699;
	border-right: thin solid #336699;
	border-bottom: thin #336699;
	border-left: thin #336699;
}

.brightblue {
	font: bold Arial, Helvetica, sans-serif;
	color: #0000FF;
}
/* end store styles */

a:link {text-decoration:underline; color:#385A92; }
a:hover {text-decoration:underline; color:<?php echo $navRo?>; }
a:visited {text-decoration:underline; color:<?php echo $navRo?>; }
a:active {text-decoration:none; color:<?php echo $navOn?>; }

.heading-fancy {font-family: pristina, cursive; font-size:140%; font-weight:bold; }
.color1 {color:<?php echo $themeColor1?>}
.color2 {color:<?php echo $themeColor2?>}
.color3 {color:<?php echo $themeColor3?>}
.color4 {color:<?php echo $themeColor4?>}
.highlight {color:<?php echo $themeColor3?>; font-weight:bold; }
.note {font-size:90%; color:<?php echo $themeColor3?>; padding:7px; border: 1px solid <?php echo $themeColor1?>; background-color:#F0F0F0}
.testimonial {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; padding:7px; }
.countdowntext {font-size:90%; color:<?php echo $themeColor1?>; font-weight:bold; padding:7px;}
.countdowntime {font-size:10px; color:<?php echo $themeColor1?>; font-weight:bold; }
.smallertext {font-size:90%; }
.smallesttext {font-size:80%; }
.tinytext {font-size:70%; }
.largertext {font-size:115%; }
.largesttext {font-size:130%; }
.required {color:#FF0000; font-weight:bold; }
.hrule {border:1px solid <?php echo $themeColor1?>; margin:5px 0px;}

/* IMAGE STYLES */
.caption {font: 90% Arial, Helvetica, sans-serif;color: #003366;}
.photocredit {font: 10px Tahoma, Verdana, Arial;}
#sparrowbox {background: url(../_assets/photos/Artists/sparrowback.jpg) no-repeat;}
.artistbox1 {padding: 0px 2px 0px 0px; float: left; }
img.box {padding:1px; border:solid; border-width:1px 3px 3px 1px; border-color:#CCC #333 #333 #CCC; }

#container-outside { }
/*<?php  if ($currentDetailLink == "home") echo "#container { background:url(../_assets/graphics/Home-bg.jpg) no-repeat; background-color:#FFFFFF; border:2px solid #AEC1E1; }"; ?>
*/
<?php  echo "#container { background-color:#FFFFFF; border:0; }"; ?>
<?php  if ($currentDetailLink == "homer") echo "#container { background:url(../_assets/graphics/Home-bg.jpg) no-repeat; background-color:#FFFFFF; border:2px solid #AEC1E1; }"; ?>
<?php  if ($currentDetailLink == "home1201") echo "#container { background:url(../_assets/graphics/Home-bg2.jpg) no-repeat; background-color:#FFFFFF; border:2px solid #AEC1E1; }"; ?>


#header {padding: 10px; }
#content {padding:12px; }
#contenthome {padding: 12px 6px 12px 6px;}

#col-left-container {height:100%; background:url(../_assets/graphics/ColLeft-bg.gif) repeat-y; }
/*<?php  if ($currentDetailLink == "home") echo "#col-left {padding:5px 0px; height:100%; background:url(../_assets/graphics/HomeColLeft-bg.jpg) no-repeat; }"; ?>
*/
<?php  echo "#col-left {padding:5px 0px; height:100%; background:url(../_assets/graphics/ColLeft-bg.gif) no-repeat; }"; ?>
<?php  if ($currentDetailLink == "homer") echo "#col-left {padding:5px 0px; height:100%; background:url(../_assets/graphics/HomeColLeft-bg.jpg) no-repeat; }"; ?>
<?php  if ($currentDetailLink == "home1201") echo "#col-left {padding:5px 0px; height:100%; background:url(../_assets/graphics/HomeColLeft-bg.jpg) no-repeat; }"; ?>

#col-right-container {height:100%; background:url(../_assets/graphics/ColRight-bg.gif) repeat-y; }
/*<?php  if ($currentDetailLink == "home") echo "#col-right {padding:15px 5px 15px 10px; background:url(../_assets/graphics/HomeColRight-bg.jpg) no-repeat}"; ?>
*/
<?php  echo "#col-right {padding:15px 5px 15px 10px; background:url(../_assets/graphics/ColRight-bg.gif) no-repeat}"; ?>
<?php  if ($currentDetailLink == "homer") echo "#col-right {padding:15px 5px 15px 10px; background:url(../_assets/graphics/HomeColRight-bg.jpg) no-repeat}"; ?>
<?php  if ($currentDetailLink == "home2") echo "#col-right {padding:15px 5px 15px 10px; background:url(../_assets/graphics/HomeColRight-bg.jpg) no-repeat}"; ?>

#registration {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; border:2px solid <?php echo $themeColor3?>; background-color:<?php echo $themeColor5?>; text-align:center}
.registrationtext {font-size:90%; font-weight:bold; text-align:center; color:<?php echo $themeColor4?>;}
#registrationON {text-align:center; size:100px; margin:0 auto; }

/* col left navigation */
<?
  // set expanding menus to "none" (display:none = invisible - un-expanded)
  // $navaboutdetail="none"; $navstagesdetail="none"; $navprogramsdetail="none"; $navgivingbackdetail="none";
  $navaboutdetail=""; $navstagesdetail=""; $navprogramsdetail=""; $navgivingbackdetail="";
  // if we are in an expanded section, remove none so detail is visible
  if ($currentSectionLink == "about") $navaboutdetail = "";
  if ($currentSectionLink == "stages") $navstagesdetail = "";
  if ($currentSectionLink == "programs") $navprogramsdetail = "";
  if ($currentSectionLink == "givingback") $navgivingbackdetail = "";
?>
/* these tags control the expanding menus */
#navaboutdetail {display:<? echo $navaboutdetail?>; }
#navstagesdetail {display:<? echo $navstagesdetail?>; }
#navprogramsdetail {display:<? echo $navprogramsdetail?>; }
#navgivingbackdetail {display:<? echo $navgivingbackdetail?>; }

div#menu{width:155px; font:Tahoma, Arial, Helvetica, sans-serif; padding:0}
ul#nav, ul#nav li {list-style-type:none; margin:0; padding:0}
ul#nav li {margin:0 0 0 .5em;}
ul#nav li ul {margin:0; padding:0}
ul#nav li ul li {margin:0 0 0 .5em;}

/* this defines section link behavior */
ul#nav li a {text-decoration:none;color: #000; font-weight:bold}
ul#nav li a:hover  {background-color:#757861 ;color:#FFF; display:inherit; margin-right:1em; }
ul#nav li a:active {background:#757861; color:#FFF; display:inherit; margin-right:1em}

/* this defines detail link behavior (inherits from section link) */
ul#nav li ul li a{ font-weight:normal}
ul#nav li ul li a:hover {}
ul#nav li ul li a:active {}

#navhome {padding:1em 0 0; }
/* #navabout { background-color: #93ABD7; padding:1em 0; margin-right:5px} */
#navabout {padding:1em 0 0; } 
#navhelpout {padding:1em 0 0; }
/* #navlinks { background-color: #93ABD7; padding:1em 0; margin-right:5px} */
#navlinks {padding:1em 0 0; } 
#navcontact {padding:1em 0 0; }

/* end col left navigation */

/* this handles the homepage text wrap around Ron's image */
#homeron {margin: 0px; padding: 0px; border: 0px; }
.flow {float: right; clear: right; margin: 0px 0px 0px 10px;}
/* end of home page text wrap */

a.nav-section:link {text-decoration:none; color:<?php echo $navSectionLink?>; font-weight:bold; }
a.nav-section:visited {text-decoration:none; color:<?php echo $navSectionLink?>; font-weight:bold; }
a.nav-section:hover {text-decoration:underline; color:<?php echo $navSectionLink?>; font-weight:bold; display:block; width:100%; background-color:#757861}
a.nav-section:active {text-decoration:none; color:<?php echo $navOn?>; font-weight:bold; display:block; width:100%; background-color:#757861}   /* chg below, too */

#nav-detail {font-size:80%; padding-left:10px; }
a.nav-detail:link {text-decoration:none; color:<?php echo $navDetailLink?>; font-weight:bold; font-size:90%; }
a.nav-detail:visited {text-decoration:none; color:<?php echo $navDetailLink?>; font-weight:bold; font-size:90%; }
a.nav-detail:hover {text-decoration:underline; color:<?php echo $navDetailLink?>; font-weight:bold; font-size:90%; display:block; background-color:#757861}
a.nav-detail:active {text-decoration:none; color:<?php echo $navOn?>; font-weight:bold; font-size:90%; } /* chg below, too */

/* #quotescontainer {font-size:80%; color:<?php echo $themeColor1?>; font-weight:bold; padding:5px; border:2px solid <?php echo $themeColor3?>; background-image: url(../_assets/graphics/bg-fondgris.gif); } */
#quotescontainer-home {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; padding:5px;  }
#quotescontainer-inside {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; padding:5px;  background-color:#A8AB96}
.quotestitle {font-size:90%; }
.quotestext {font-size:90%; font-weight:bold; text-align:left; color:<?php echo $themeColor4?>;}
.quoteswho {font-size:90%; font-style:italic; text-align:center; font-weight:bold; color:<?php echo $themeColor4?>;}

#formwarning {margin:7px; padding:5px; border: 1px solid #D92D39; background-color:#FCFCFC; }
.formwarning {color:#D92D39; }
.formsection {color:<?php echo $themeColor1?>; font-weight:bold; background-color:#CCCCCC; }

#prtsndsav {color:#333333; font-size:110%; padding-left:5px; }
a.prtsndsav:link {color:#333333; font-size:90%; font-weight:normal; text-decoration:none; }
a.prtsndsav:visited {color:#333333; font-size:90%; font-weight:normal; text-decoration:none; }
a.prtsndsav:hover {color:#333333; font-size:90%; font-weight:normal; text-decoration:underline; }
a.prtsndsav:active {color:#333333; font-size:90%; font-weight:normal; text-decoration:underline; }

#footer td {background:#A8AB96; color:<?php echo $themeColor1?>; font-size:70%; padding-left:20px; padding-right:20px; height:25px; border-top: 1px solid <?php echo $themeColor1?>; }
.footer a:link    {color:#FFFFFF; text-decoration:underline; }
.footer a:visited {color:#FFFFFF; text-decoration:underline; }
.footer a:hover   {color:#FFFFFF; text-decoration:none; }
.footer a:active  {color:#FFFFFF; text-decoration:none; }

/* Image Gallery */
.thumbtitle {text-align:center; }
.enlargedimagetitle {padding:0px 10px; font-weight:bold; font-size:1.3em; }
.enlargedimagecategory {padding:0px 20px; color:#1D5DAA; font-family:'Times New Roman', Times, serif; font-size:1.5em; font-weight:bold; }
#thumbcontainer {padding:10px; }
#enlargedimagecontainer {padding:0px 10px; }

<?php
// set the style for current detail and section links
//   do section link last in case detail and section IDs are the same - we want Section to win (be written last)
if ($currentDetailLink <> "")
  echo "\nul#nav li a#$currentDetailLink {background:#757861; color:#FFFFFF; display:inherit; margin-right:1em; font-weight:bold}";
if ($currentDetailLink == "" and $currentSectionLink <> "")
  echo "\nul#nav li a#$currentSectionLink {background:#757861; color:#FFFFFF; display:inherit; margin-right:1em}";
?>