body {
  background: url(../images/top-gradient.jpg) repeat-x left top;
  background-color: #f7e3c3;
  font: 12px/160% Georgia, serif;
  font-style: italic;  
  color: #21171a;
  text-shadow: 1px 1px 2px #7f7f7f;
}

h1 {
  color: #c1a999;
  font-style: normal;
  font-weight: normal;
  text-shadow: 1px 1px 2px #333333;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 120%;
}

h2, h3 {
  color: #c2aa99;
  font-style: normal;
  font-weight: normal;
  text-shadow: 1px 1px 2px #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 80%;
}

a {
	color: #333333;
}

#container {
  max-height: 600px;
  min-height: 600px;
  height: 600px;
  max-width: 960px;
  min-width: 960px;
  width: 960px;
  background: url(../images/design.jpg) no-repeat left top;
  background-color: #f7e3c3;
}

#header {
	max-height: 240px;
	min-height: 240px;
	height: 240px;
	max-width: 958px;
	min-width: 958px;
	width: 958px;
}

#sidebar {
	max-height: 350px;
	min-height: 350px;
	height: 350px;
}

#content {
  height: 350px;
  max-height: 350px;
  min-height: 350px;
}

#text {
  max-width: 340px;
  min-width: 340px;
  width: 340px;
  text-align: justify;
}

#logo {
  max-height: 350px;
  min-height: 350px;
  height: 350px;
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 210px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .home {
  width: 64px;
  height: 84px;
  background: url(../images/home.png) no-repeat;
  left: 107px;
  top: 118px;
}

#menu .get_involved {
  width: 99px;
  height: 136px;
  background: url(../images/get_involved.png) no-repeat;
  left: 89px;
  top: -32px;
}

#menu .the_guidelines {
  width: 116px;
  height: 145px;
  background: url(../images/the_guidelines.png) no-repeat;
  left: 140px;
  top: 90px;
}

#menu .events {
  width: 93px;
  height: 120px;
  background: url(../images/events.png) no-repeat;
  left: 249px;
  top: 48px;
}

#menu .partners {
  width:105px;
  height: 132px;
  background: url(../images/partners.png) no-repeat;
  left: 364px;
  top: 44px;
}

#menu .about_us {
  width:107px;
  height: 132px;
  background: url(../images/about_us.png) no-repeat;
  left: 490px;
  top: 35px;
}

#menu .cards {
  width:170px;
  height: 240px;
  background: url(../images/menu/cards.jpg) no-repeat;
  left: 714px;
  top: 0px;
}

#menu .twitter {
  width:48px;
  height: 48px;
  background: url(../images/twitter_slices.png) no-repeat;
  left: 75px;
  top: 280px;
}

#menu .fb {
  width:48px;
  height: 48px;
  background: url(../images/fb_slices.png) no-repeat;
  left: 125px;
  top: 280px;
}

#menu .myspace {
  width:48px;
  height: 48px;
  background: url(../images/myspace_slices.png) no-repeat;
  left: 175px;
  top: 280px;
}

/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;margin:0;padding:5px 0 0 0;padding:10px;clear:both;height:80px;font-size:0.9em;} 
#juitterContainer .twittList span.time{color: #333333;font-size:0.8em}
#juitterContainer .twittList A{color: #211719;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/