/*
 * RESET CSS
 */

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
.font10 {font-size:77%;} /* for setting 10px */
.font11 {font-size:85%;} /* for setting 11px */
.font12 {font-size:93%;} /* for setting 12px */
.font13 {font-size:100%;} /* for setting 13px */
.font14 {font-size:108%;} /* for setting 14px */
.font15 {font-size:116%;} /* for setting 15px */
.font16 {font-size:123.1%;} /* for setting 16px */
.font17 {font-size:131%;} /* for setting 17px */
.font18 {font-size:138.5%;} /* for setting 18px */
.font19 {font-size:146.5%;} /* for setting 19px */
.font20 {font-size:153.9%;} /* for setting 20px */
.font21 {font-size:161.6%;} /* for setting 21px */
.font22 {font-size:167%;} /* for setting 22px */
.font23 {font-size:174%;} /* for setting 23px */
.font24 {font-size:182%;} /* for setting 24px */
.font25 {font-size:189%;} /* for setting 25px */
.font26 {font-size:197%;} /* for setting 26px */

/*
 * LAYOUT
 */

html, body {
  height : 100%;
}

body {
  margin : 0 auto;
  text-align : center; /* IE6 bug */
  width : 760px;
  font-family : Trebuchet MS, sans-serif;
  color : #545454;
}
a {
  color : #505050;

}
#wrap {
  background: white url(../images/bg_body.png) repeat-y  0 0;
  min-height : 100%;
}

* html #wrap {
  height: 100%; // IE6 bug cf http://www.dave-woods.co.uk/?p=144
}

#nav {
  float : left;
  width : 143px;
  background : url(../images/bg_nav2.png) no-repeat top right;
  height : 420px;
}

#side {
  float: right;
  width : 136px;
  color : white;
  font-size : 93%; /* 12px*/
  padding-top : 15px;
  height : 350px;
  background : #9AB5D3 url(../images/bg_side.png) no-repeat 0 190px;

}

#content {
  text-align : justify;
  line-height : 1.3em;
  margin : 0 166px 0px 173px;
  padding-bottom : 5px;
  font-size : 85%; /* 11px*/
  font-size : 93%; /* 12px*/
}

/*
 * STYLES
 */

H1 {
  text-align : right;
}

P {
  margin-bottom : 0.8em;
}

STRONG, B {
  font-weight : bold;
  color : #5788BE;
}

DIV {
  cursor : default;
}

A {
  outline : 0;
}


/* Footer */
#footer {
  text-align : center;
  background : url(../images/bg_footer.png) no-repeat top center;
  height : 30px;
  margin-top : 40px;
}

#footer #footer_content {
  padding : 0 12px;
  background : white;
  display : inline;
}

#footer, #footer a {
  color : #c0c0c0;
  text-decoration : none;
}

#footer a:hover {
  color : #aaa;
  text-decoration : underline;
}


/*
 * NAV 
 */ 

#nav a {
  display : block;
  font-family : "Time New Roman","Times", serif;
  font-size : 131%;
  text-decoration : none;
  color : #757575;
  text-align : right;
  padding : 2px 20px 1px 0px;
}

#nav a.bir {
  display : block;
  font-family : "Time New Roman","Times", serif;
  font-size : 110%;
  text-decoration : none;
  color : #757575;
  text-align : right;
  padding : 2px 20px 1px 0px;
}

#nav a:hover, #nav a.selected {
  display : block;
  background : #9AB5D3;
  color : white;
}

#nav li {
  padding-bottom : 50px;
  background : url(../images/bg_nav.png) no-repeat 114px 42px;
}

#nav li.last {
  padding-bottom : 50px;
  background : none;
}

/*
 * FORMS
 */

form {
  margin : 1em 0;
}

input.text, textarea {
  border : solid #9AB5D3 1px;
  width : 95%;
  padding : 3px;
  font-size : 100%;
  margin : 3px 0;  
  font-family : arial, sans-serif;
}

input.button {
  background : #9AB5D3;
  cursor : pointer;
  color :white;
  font-weight : bold;
  padding : 3px;
  font-size : 100%;
  border : solid #9AB5D3 1px;
  font-family : arial, sans-serif;
}

input.button:hover {
  background :#8299B2;
  border : solid #8299B2 1px;
}

.error {
  color : #C98079;
  font-weight : bold;
}