html *, body *
{
  outline:          0;
}

body
{
  position:         relative;
  text-align:       center;
  margin:           0px auto;
  padding:          0px;
  width:            auto;
  height:           auto;
  line-height:      21px;
  font-family:      Helvetica, Verdana, Arial, "Sans Serif";
  font-size:        76%;
  color:            #000000;
  background:       url(../images/bgd.png) repeat-x #ececec;
}

#header
{
  position:         relative;
  margin:           0px auto;
  width:            auto;
  height:           200px;
  background:       #ffffff;
}

.logo
{
  float:            left;
  position:         relative;
  margin:           65px auto 0px 90px;
  border:           none;
}

.module-slideshow
{
  float:            right;
  position:         relative;
  width:            400px;
  height:           200px;
  margin:           0px auto;
  padding:          0px;
  text-align:       left;
}

.mask
{
  position:         absolute;
  top:              0px;
  left:             0px;
  width:            400px;
  height:           200px;
  background:       url(../images/invisible-mask.png) transparent;
}

.twitter
{
  float:            right;
  margin:           0px 50px 0px 0px;
}

#wrap
{
  width:            906px;
  height:           auto;
  overflow:         hidden;
  margin:           0px auto;
  background:       url(../images/shadows.png) top center no-repeat;
}

#page
{
  width:            842px;
  margin:           0px auto;
  padding:          30px;
  text-align:       justify;
  font-size:        1.2em;
  overflow:         hidden;
  background:       #ffffff;
  border:           solid #dbdbdb;
  border-width:     0px 1px 1px 1px;
}

#page-contact
{
  width:            842px;
  margin:           0px auto;
  padding:          30px;
  text-align:       justify;
  font-size:        1.2em;
  overflow:         hidden;
  background:       url(../images/fade.png) bottom repeat-x #ffffff;
  border:           solid #dbdbdb;
  border-width:     0px 1px 1px 1px;
}

.facebook
{
  float:            right;
  display:          inline;
  margin:           0px auto 0px 20px;
}

.pictures
{
  float:            left;
  width:            413px;
}

.flickr
{
  border:           1px solid #dbdbdb;
  height:           246px;
}

.music
{
  float:            right;
  width:            411px;
}

#footer
{
  position:         relative;
  margin:           0px auto;
  padding:          1px 0px 25px 0px;
  width:            900px;
  height:           auto;
  line-height:      16px;
  font-size:        0.9em;
  color:            #767676;
  text-align:       center;
  clear:            both;
}

a.footerlink:link, a.footerlink:visited	{color: #767676; font-weight: normal; outline: 0; text-decoration: none;}
a.footerlink:hover, a.footerlink:active	{color: #333333; font-weight: normal; outline: 0; text-decoration: underline;}


#Links
{
  position:      relative;
  text-align:    justify;
  margin:        0px auto; 
  width:         600px;
  height:        110px;
}

.Box
{
  float:         left;
  width:         auto;
  margin:        0px 10px;
  border:        none;
}


/* End of General Layout */





/* Misc */

h1
{
  color:            #000000;
  font-family:      Helvetica, Verdana, Arial, "Sans Serif";
  font-size:        2em;
  font-weight:      bold;
  margin:           0px 0px 10px 0px;
  padding:          0px;
  height:           auto;
  line-height:      100%;
  text-align:       left;
}

h2
{
  color:            #1b1b1b;
  font-family:      Helvetica, Verdana, Arial, "Sans Serif";
  font-size:        1.7em;
  font-weight:      normal;
  margin:           0px 0px 10px 0px;
  padding:          0px;
  height:           auto;
  line-height:      100%;
  text-align:       left;
}

h3
{
  color:            #1b1b1b;
  font-family:      Helvetica, Verdana, Arial, "Sans Serif";
  font-size:        1.6em;
  font-weight:      normal;
  margin:           0px 0px 10px 0px;
  padding:          0px;
  height:           auto;
  line-height:      100%;
  text-align:       left;
}

h4
{
  color:            #1b1b1b;
  font-family:      Helvetica, Verdana, Arial, "Sans Serif";
  font-size:        1.5em;
  font-weight:      normal;
  margin:           0px 0px 10px 0px;
  padding:          0px;
  height:           auto;
  line-height:      100%;
  text-align:       left;
}

ul
{
  margin:           10px auto 10px 10px;
  padding:          0px;
  list-style:       none;
}

li
{
  margin:           0px auto;
  padding:          0px 0px 0px 20px;
  background:       url(../images/bullet.png) left 5px no-repeat;
}

.italic
{
  font-style:       italic;
}

.bold
{
  font-weight:      bold;
}

.red
{
  color:            red;
}

.left
{
  float:            left;
  display:          inline;
  width:            auto;
  margin:           5px 10px 5px 0px;
  padding:          5px;
  border:           1px solid #dbdbdb;
  background:       #ffffff;
}

.right
{
  float:            right;
  display:          inline;
  width:            auto;
  margin:           5px 0px 5px 10px;
  padding:          5px;
  border:           1px solid #dbdbdb;
  background:       #ffffff;
}

a:link, a:visited	{color: #008000; font-weight: bold; outline: 0; text-decoration: none;}
a:hover, a:active	{color: #008000; font-weight: bold; outline: 0; text-decoration: underline;}

table
{
  width:            842px;
  margin:           10px 0px;
  background:       #f1f1f1;
  border:           1px solid #dbdbdb;
  border-collapse:  collapse;
  text-align:       left;
}

table thead
{
  font-weight:      bold;
}

table tr
{
}

table tr td
{
  border:           1px dotted #dbdbdb;
  padding:          5px;
  min-width:        250px;
}