/*
  Fancytomato
  (c) 2008 Anuragdesign
  http://www.anuragdesign.com
  Logo (c) Fanctomato
  
*/

/*
	Structure
*/

/*  General 
-----------------------------------------------*/

body {
  margin:0; 
  padding:0;
}

#container {
	width: 790px;
	margin: 0 auto; /* center page */
	margin-top:5px;
}

.clear {
  clear:both;
}

.left {
  float:left;
  margin: 0 1em 1em 0;
}

.footnote a[target="_blank"]
{ 
  padding-right: 15px;
  background:  url(../images/external_footnote.gif) no-repeat 80px 50%;
}

/*  Splashpage
-----------------------------------------------*/ 

#splash {
  width:50%;
  margin:50px auto;
  padding:10px;
  border: 1px solid #EF1209;
}

/* the image replacement follows David Shea from http://www.mezzoblue.com/tests/image-replace/ */
#splash h2#slogan {
  /*Size of the image*/
  /*margin-top:1em;  */
  padding-top: 46px; 
  width: 390px; 
}

#splashmovie {
  width:275px;
  height:275px;
  margin: 1em auto 0 auto;
}


/*  Footer
-----------------------------------------------*/
#footer {
	margin:2em 0;
	padding: 0 0 0 10px;
	border-top:1px solid;
	clear:both;
}

#footer p {
	padding: 2px 0;
}

#footer p a:link, #footer p a:visited {text-decoration: underline }
#footer p a:hover, #footer p a:active {text-decoration: none }
/*  Header 
-----------------------------------------------*/ 
#header  {
}

#header img {float:left}

/* the image replacement follows David Shea from http://www.mezzoblue.com/tests/image-replace/ */

#header h2#slogan { float:right;
 /*Size of the image*/
 margin-top:139px;
 padding-top: 46px; 
 width: 390px;
}

#header h2#slogan, #splash h2#slogan  { 
 /*The image*/ 
 background-image: url("../images/slogan.gif");
 background-repeat: no-repeat;
 /*Hide the text*/
 overflow: hidden;
 /* WIN IE5 hack */
 height: 133px;   
 voice-family: "\"}\"";
 voice-family:inherit;
 height: 0;
}

/*  Mainnav
-----------------------------------------------*/ 
#mainnav {
    clear:both;
	border-top:1px solid;
}
#mainnav ul {
  margin:1em 0;
  padding:0;
}

#mainnav ul li
{
  display:inline;
}
#mainnav ul li a {
   margin:0 10px;
   padding:5px 0 1px 0;
}

/* Sidenav
-----------------------------------------------*/

#sidenav {
  width: 20%;
  float:left;
}

#sidenav ul {
  padding:0;
  margin:1em 0;
}

#sidenav ul li {
  padding: 2px 5px 2px 0;
}

#sidenav a {
  display:block;
  padding:2px 0 2px 2px;
}

#sidenav a:hover {
}

/* Maincontent
-----------------------------------------------*/

#maincontent {
  width: 90%;
  /*float: right;*/
  margin: 2em auto;
}

#maincontent p { padding: 3px 0 }

#maincontent #leftcol{
  width:155px;
  float:left; 
  margin-right: 0.5em;
}

#content80 {
	float: right;
	width: 510px;
}

#maincontent #rightcol {
 width: 510px;
 float:right;
}
#smallcontent {  
  width: 55%;
  /*float: right;*/
  margin: 2em auto;
}

dl#listofevents {
  margin:0 ;
  padding:0;
}

dl#listofevents dt {
  margin:2em 0 0 0;
  padding-top:5px;
  clear:both;
}

dl#listofevents dd {
  margin:1em 0 ;
  padding:0;
}
dl#listofevents dd img {
  float:left;
  margin: 0 .5em .5em 0;
}

#maincontent #featuredevents h3 {
	clear: both;
	padding-top:5px;
	margin: 2.5em 0 0 0;
	border-top: 1px solid #333;
	font-size: 120%;
	font-weight: bold;
}
 
#maincontent #featuredevents h3.first {
	border-top: none; 
}

#featuredevents img {
	float: left;
	margin: 0 .5em .5em 0;
}

dl#vendorlinks {
  width: 95%;
  margin-left:.5em;
  padding-left:10px;

} 
dl#vendorlinks dt {
  padding-bottom:3px;
}

dl#vendorlinks dd {
  margin:1em 0;
}

dl#vendorlinks dd a[target="_blank"] {
  padding-right:15px;
  background:  url("../images/external_link.gif") no-repeat right 50%;
}

dl#vendorlinks dd a[target="_blank"]:hover {
  padding-right:15px;
  background:  url("../images/external_link_hover.gif") no-repeat right 50%;
}

#center {
  width:350px;
  margin: 0 auto;}

#center h3 {
  /* padding-bottom : .5em; */
}

#flowerarrangements, #personalflowers {
  margin-top:2em;
} 
/* Eventslinks  - at bottom of each event
-----------------------------------------------*/
 
#eventlinks ul {
  margin:0;
  padding:0;
}

#eventlinks ul li {
  display:inline;
  margin: 2px 3px;
}

#eventlinks ul li a {
  padding:2px;
}
#eventlinks h3 {
  padding-top:1em; 
}
/* Presentation
-----------------------------------------------*/
#presentation {
  float:left;
  margin: 0 1em 1em 0;
}  
.moduletableslideshow {
  float:left;
  width: 273px;
}  

#center object#presentation {
  width: 300px;
  margin: 2em auto;
}

/* Contact page
-----------------------------------------------*/

table#contactinfo, table#contactinfo caption {
  
}

table#contactinfo {
  padding:15px;
  width:55%;  
}
table#contactinfo caption {
  padding-top:15px;
}
table#contactinfo td a {
  padding:1em 0 ;
}

#infoform * {
  padding:0;
  margin:0;
}

#infoform {
  margin-top:2em;
}

#infoform fieldset {
  border:none;
}

#infoform p {
  margin:1em 0;
}
#infoform select, #infoform input, #infoform textarea {
  width: 190px;
}

#infoform input#submit {
  width:75px;
}

/*  Typography
-----------------------------------------*/
body {
  font-family:Georgia, "Times New Roman", Times, sans-serif;
  font-size:small;
}

/*
#container {
  border-left:2px solid;
  border-right:2px solid;
} */

* html body {
  font-size: x-small; /*IE5/Win */
  f\ont-size:small;   /* for other IE versions */
}

.footnote {
	font-size:70%;
	font-weight:normal;
}

.footnote a {
	font-weight:normal;
}

.footnote a:hover {
	text-decoration:none;
}


.accessibility {display:none} 

/*  Splashpage
-----------------------------------------------*/ 

#splash {
  text-align:center;
  border: 1px solid
}

#splash a {

}

#splash h2 {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:140%;
}

/*  Footer
-----------------------------------------*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:80%; 
	text-align:center;
}

#footer a:hover{text-decoration:none}


/*  Header
-----------------------------------------*/
#header { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}

/*  Mainnav
-----------------------------------------*/
#mainnav {
	text-align:right;
}

#mainnav ul li
{
  font-family:Geneva, Helvetica, Arial, sans-serif;
  font-size:120%;
  font-weight:bold;  
 
}


#mainnav ul li a {
 text-decoration:none;
}

#mainnav ul li a:hover {
  border-bottom: 2px solid;
}

#sidenav ul {
  list-style-type:none;
  font-size:110%;
}

#sidenav a {
  text-decoration:none;
}

/*  Maincontent
-----------------------------------------*/
#maincontent, #smallcontent {
  text-align:justify;
}

#maincontent a:link, #maincontent a:visited,
#smallcontent a:link, #smallcontent a:visited {  }
#maincontent a:hover, #maincontent a:active,
#smallcontent a:hover, #smallcontent a:active { text-decoration:none;}

#maincontent h1, #smallcontent h1, #smallcontent table caption, #maincontent table caption { 
  font-size: 140%; 
  font-weight:bold; 
}

dl#listofevents dt {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:120%;
  font-weight:bold;
  border-top: 1px solid;
}

dl#listofevents dt.first { border:none;}

dl#listofevents dd {
  font-size:90%;
}

#eventlinks {
  text-align:center;
}

#eventlinks h3 {
  font-size:95%;
  font-weight:bold;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  border-top:1px solid;
}

#eventlinks ul {  
  list-style-type:none;
  font-size:85%;
}

#eventlinks ul li { 

}

#eventlinks ul li a { 
  text-decoration:none;
  border: 1px solid; 
  zoom:100%   /* to get the display of the bottom broder in IE */
}
#eventlinks ul li a:link, #eventlinks ul li a:visited { }
#eventlinks ul li a:hover, #eventlinks ul li a:active { }

dl#vendorlinks dt {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:120%;
  font-weight:bold;
  border-bottom:1px solid;
}

dl.servicelist {

}

#center { text-align:center; }

#center h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:120%;
}

/* Contact page
-----------------------------------------------*/

table#contactinfo, table#contactinfo caption  {
  text-align:center;
  font-weight:normal;
}

table#contactinfo { 
  border-top:none;
}

table#contactinfo caption  {
  border-bottom:1px solid #333; 
}

#infoform {
  text-align:left;
  font-size:90%;
}


/*  Colors 
-----------------------------------------------*/

body { background-color:#000; color:#fff; }

/* #container {
  border-left-color: #EF1209;
  border-right-color: #EF1209;
} */

/*  Splashpage
-----------------------------------------------*/ 

#splash {
  border-color: #EF1209;
}

#splash a:link, #splash a:visited { color:#fff; } 
#splash a:hover, #splash a:active { color:#999; }

#splash h2 {
  color:#fff;
}
/* Footer
-----------------------------------------------*/
#footer { color:#999; }
#footer a { color:#999 }
#footer { border-top-color:#333}

/* Header
-----------------------------------------------*/

/* Mainnav
-----------------------------------------------*/

#mainnav { border-top-color:#333}
#mainnav ul li a:link, #mainnav ul li a:visited { color:#E8A900 }
#mainnav ul li a:link.selected, #mainnav ul li a:visited.selected  { color:#EF1209 }

#mainnav ul li a:hover, #mainnav ul li a:active { border-bottom-color:#EF1209; color:#fff; }
#mainnav ul li a:hover.selected, #mainnav ul li a:active.selected  { color:#fff;  }

/* Maincontent
-----------------------------------------------*/

#maincontent a:link, #maincontent a:visited,
#smallcontent a:link, #smallcontent a:visited { color:#999}

#maincontent a:hover, #maincontent a:active,
#smallcontent a:hover, #smallcontent a:active { color:#fff}

dl#listofevents dt {
  border-top-color: #333;
}
dl#listofevents a:hover, dl#listofevents a:active {color: #EF1209}

#eventlinks h3 {
  border-top-color:#333;
}

#eventlinks ul li a:link, #eventlinks ul li a:visited { border-color:#000; }
#eventlinks ul li a:hover, #eventlinks ul li a:active { color:#fff; border-color:#EF1209}

dl#vendorlinks dt {
  border-bottom-color:#333;
}

/* Contact page
-----------------------------------------------*/

table#contactinfo, table#contactinfo caption {
  /* background-color:#222; */
}

table#contactinfo, table#contactinfo caption  {
  border-color: #333; 
}