/* Drop-down menu Styles */

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Trebuchet MS;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li li{
top: -6px;
}


.flexdropdownmenu li a{
display: block;
width: 266px; /*width of menu (not including side paddings)*/
color: #ffffff;
background: #731F50;
border: 2px solid #731F50;
text-decoration: none;
padding: 2px 3px 2px 3px;
margin: 6px 2px -4px 0px;
position:relative;
z-index:10;
}


/*pseudoelement to create white surround*/
.flexdropdownmenu li a:before
{
border-top: 2px solid #ffffff;  
content: '';  
width: 275px;  
position: absolute;
left:-2px;
top:-4px;
z-index:-1;	}
/*end of pseudoelement*/

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 275px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
color: #731F50;
font-weight:bold;
background: #ffffff;
border: 2px solid #731F50;
}

.rightarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.menus {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 13px;
  color:#ffffff;
  margin-left: 60px;
  }


/* @group General Styles */

body {
	background-color: #281A21;
	background-image:  href:"http://www.sparknow.net/assets/background.jpg";
	background-image: url(http://www.sparknow.net/assets/background.jpg);
	background-attachment:fixed;
	font-family: "Trebuchet MS", sans-serif;
}


a:link, a:visited {
	font-stle: italic;
	text-decoration: underline;
	color:#1F497D;
	}

a:hover, a:active {
}

img {
	border: none;
}

.image-left {
	float: left;
}

.image-right {
	float: right;
}
	
/* @end */


/* @group Layout */

#container {
	margin:36px auto 36px;
	display:block;
  	width:1000px;
	height:auto;
   	background:#ffffff;
	padding-bottom:30px;
	}
	
.clearer {
	clear: both;
}


#contentContainer {
	width: 550px; 
	float:	left;
	margin: 27px 50px 20px 60px;
	background:#ffffff;
	}

#contentContainer #content {
}

#sidebarContainer {
	width: 280px; 
	float:	right;
	margin: 27px 60px 20px 0px
	}

#sidebarContainer #sidebar {
font-family: "Trebuchet MS", sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin:0px 0px 6px 0px;
  color:#A34737;}
  
  #sidebarContainer a {
  color:#A34737;}

#sidebarContainer h1 {
font-weight:bold;
  font-size: 13px;
  line-height: 18px;
  margin:0px 0px 6px 0px;
  color:#A34737;}
  
  #sidebarContainer p {
font-family: "Trebuchet MS", sans-serif;
	font-weight:normal;
  font-size: 13px;
  line-height: 18px;
  margin:0px 0px 6px 0px;
  color:#A34737;}

#sidebarContainer #sidebar ul {
font-family: "Trebuchet MS", sans-serif;
	font-weight:normal;
  font-size: 13px;
  line-height: 18px;
  padding-left: 7px;
	margin-left: 7px;
	  color:#A34737;}
	  
#sidebarContainer #sidebar li {
margin:0px 0px 6px 0px;
}

#footer { 
	width: 550px; 
	}

/* site-wide typographic styles */

p {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  line-height: 21px;
  margin:0px 0px 7px 0px;
  color:#000000;
  }

b, strong {
font-weight:bold;
}

h1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 28px;
	font-weight:normal;
	line-height: 32px;
	margin:0px 0px 12px 0px;
	color:#731F50;}

h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 20px;
  	font-weight:normal;
	line-height: 28px;
	color:#000000;
	margin:0px 0px 14px 0px;
	}
	
h3 {
	font-family: "Trebuchet MS", sans-serif;
  	font-size: 21px;
  	font-weight:bold;
  	line-height: 30px;
  	margin:15px 0px 7px 0px;
  	color:#928831;	
}

h4 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px;
	font-weight:normal;
	line-height: 21px;
	margin:0px 0px 7px 20px;
  	color:#731F50;
}

h5 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px;
  	font-weight:normal;
		line-height: 21px;
	margin:0px 0px 7px 0px;
	padding: 7px 7px 7px 7px;
  	color:#000000;
	background-color: #EAD8CB;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-color: #A34737;
}




/* Main content area unordered list styles */
#contentContainer #content ul {
font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  line-height: 21px;
  color:#000000;
  list-style: none;
  padding-left: 0px;
	margin-left: 0px;
	
}

#contentContainer #content li {
margin:0px 0px 7px 0px;
padding-left: 18px;
background: url(http://www.sparknow.net/assets/bullet.png) no-repeat left 5px;
}


/* styles for imported main blog tumblr feed on homepage */

#sidebar .tumblr_posts
{
margin: none;
}

#sidebar .tumblr_title
{
border-top-style: solid; 
border-width: 4px; 
border-color: #FF6300; 
margin: 8px 0px 0px 0px; 
padding: 3px 0px 0px 0px; 
font-weight: bold; 
color: #000000;
}

#sidebar .tumblr_body
{
font-family: "Trebuchet MS", sans-serif;
font-weight:normal;
font-size: 13px;
line-height: 18px;
font-weight: normal;
color:#000000;
overflow:hidden;
height:4.5em;
}

#sidebar .tumblr_body p 
{
font-family: "Trebuchet MS", sans-serif;
font-weight:normal;
font-size: 13px;
line-height: 18px;
font-weight: normal;
color:#000000;
}

#sidebar .tumblr_body a 
{
text-decoration: none;
color:#000000;
}

#sidebar ol.tumblr_posts
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	color: #000000;
}



/* styles for imported storiesatwork blog tumblr feed on homepage */


#storiesatwork {
margin:none;
padding: none;
background: none;
}

#storiesatwork ul {
margin:none;
padding: none;
background: none;
}

#storiesatwork li {
margin-left:-18px;
padding: none;
background: none;
}

#storiesatwork .tumblr_posts
{
	list-style: none;
	margin: none;
	padding: none;
}

#storiesatwork .tumblr_posts .tumblr_post
{
	list-style: none;
	margin: none;
	padding: none;
}

#storiesatwork .tumblr_posts .tumblr_post .tumblr_text_post
{
	list-style: none;
	margin: none;
	padding: none;
}


#storiesatwork  .tumblr_posts .tumblr_title
{
border-top-style: solid; 
border-width: 4px; 
border-color: #928831; 
font-size: 18px;
margin: 15px 0px 4px 0px; 
padding: 6px 0px 0px 0px; 
font-weight: bold; 
color: #000000;
list-style: none;
	
}

#storiesatwork  .tumblr_posts .tumblr_post .tumblr_text_post .tumblr_body
{
font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  line-height: 21px;
	padding-left: 0px;
	  margin:0px 0px 7px 0px;
  color:#000000;
  list-style: none;
}

#storiesatwork  .tumblr_posts .tumblr_post .tumblr_text_post .tumblr_body p 
{
font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  line-height: 21px;
	padding-left: 0px;
	  margin:0px 0px 7px 0px;
  color:#000000;
  list-style: none;
}

#storiesatwork .tumblr_posts .tumblr_post .tumblr_text_post .tumblr_body a 
{
text-decoration: none;
	padding-left: 0px;
	margin-left: 0px;
color:#000000;
list-style: none;	
}

#storiesatwork ul.tumblr_posts
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	color: #000000;
}

#storiesatwork ol.tumblr_posts
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	color: #000000;
}

#content #storiesatwork ul
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	color: #000000;
}

#content #storiesatwork ol
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	color: #000000;
}

#content #storiesatwork li
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	color: #000000;
	background:none;
}



/* styles for hiding and revealing the team biographies*/

a span { display: none; }
a:hover span {
	display: block;
	font-weight: normal;
	position:relative;
	margin: 0px 0px 0px 0px;
	width: 550px;
	z-index: 100;
	background: #ffffff; 
	border: none;
}