body {
  margin:0;
  padding:0;
  background:#cccccc;
  font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.right {
  float:right;
}

.margin{
  margin: 5px;
}
.left{
  float:left;
}

.hide { 
  display:none;
}
.center{
  text-align:center;
}

.clear { 
  clear: both; 
}
.exemple { 
  color: #999;
  font-style: italic;
}

.comment { 
  color: #777;
  font-style: italic;
}

.important { 
  color: #6485ba;
  font-style: italic;
  font-weight: bold;
  font-size: 105%;
}

.warning { 
  color: #e77510;
  font-weight: bold;
}

.error { 
  color: #dd0010;
  font-style: italic;
  font-weight: bold;
}

.test { 
  background: #f0f;
}

hr { width:80%; height:1px; border:none; color:#6c7e8d; background-color: #6c7e8d; }

p { 
  text-align:justify;
}

.link, a:link, a:visited {
  cursor: pointer; 
  text-decoration:underline;
  color: #44659a; 
}

a:hover,a:active {
  text-decoration: none;
  border:0;
  color: #6485ba;
}


/** {{{ container **/

#leftshadow {
  background:url(i/border_left.gif) top left repeat-y;
  margin:0 auto;
}

#rightshadow {
  background:url(i/border_right.gif) top right repeat-y;
  margin-left:24px;
  padding-right:24px;
}

#container {
  border:solid #999;
  border-width:0 1px 1px 1px;
  text-align:left;
  background:#fff;
}

#content { 
  font-size: 80%;
}

#content p { 
  background: url(i/separator.gif) bottom no-repeat;
  background-position:center bottom;
  padding:0 0 10px 0;
}

h1#title { 
  background: url(i/3lines_white.gif) bottom repeat-x;
  padding-left:280px;
}

/** }}} **/
/** {{{ header **/

#header { 
  background: url(i/header_bg.gif) repeat-x;
  height:145px;
}

/** }}} **/
/** {{{ columns **/ 
.leftgroup { 
  display:inline;
}

#rightcolumn { 
  width:190px;
  background:url(i/sidebar_blue_bg.gif) repeat-y;
}

#leftcolumn { 
  width:280px;
}

.photo_holder { 
  padding:7px;
  margin:0;
  background:url(i/photo_bg.gif) repeat-y;
  height:159px;
}

/** }}} **/

/** {{{ navbar **/
#navbar {
  background: url(i/menu_bg.gif) no-repeat;
  height:19px;
  padding-left:10px;
}


#navbar td div {
  position:relative;
}

/** }}} **/

/** {{{ footer **/
#footer {
  background:url(i/footer_dark_bg.gif) repeat-x #333;
  padding:0 200px 0 200px;
}

.subfooter {
  background:url(i/footer_light_bg.gif) repeat-x #474747;
  color:#999999;
  text-align:center;
  font-size: 80%;
  padding:5px 0 5px 0;
}

.subfooter a {
  color:#bbb;
}

.subfooter .important { 
  color: #ccc;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

/** }}} **/

#menubar {
  position:absolute;
  width:450px;
  left:25px;
  top:144px;
  background-color:#B2C3DD;
  background: url(i/menu_bg.gif) no-repeat;
  padding-bottom:2px;
}
#menubar a {
  color:#2D3F7D;
  letter-spacing:1px;
  padding-left:5px;
  padding-right:5px;
  text-decoration:none;
}
#menubar a.active {
  border-bottom-color:#CCC599;
  border-right-color:#CCC599;
  border-left-color:#FFFFFF;
  border-top-color:#FFFFFF;
}
.menu .options {
  margin-right:1px;
  margin-bottom:1px;
  background-color:#D8E0EE;
  font-size:70%;
  border:1px solid #8BA4CB;
}
.menu a {
  color:#2D3F7D;
  display:block;
  padding:2px 10px;
  text-decoration:none;
  background-color:transparent;
}
.menu a:hover {
  background-color:#8ba4cb;
  color:#eaecef;
}

#about {
  position:absolute;
  left:5px;
  top:200px;
}

.bluesidebar { 
  padding:10px;
  background: url(i/3lines_light_blue.gif) top repeat-x;
}

.bluesidebar h2 { 
  background: url(i/3lines_light_blue.gif) bottom repeat-x;

}

.greysidebar { 
  padding:5px;
  background: url(i/3l_light_grey.gif) top repeat-x;
}

#formbox input, #formbox textarea { width:180px; border:1px solid #606060;}
#formbox label { display: block; float: left; margin-bottom: 10px; margin: 2px; padding: 2px; }
#formbox label { text-align: left; width: 150px; padding-right: 10px; }
#formbox input[type="submit"] { margin-left:166px; width:100px; background:#606060; color:#fff; border:1px solid #404040 }