/******************
 *  GLOBAL RESET  *
 ******************/
 
*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}


/***************
 *  CENTERING  *
 ***************/
body
{
  background:                 #fff url("../img/background.jpg") repeat-x 0 0;
  text-align:                 center;
}

div#wrapper
{
  text-align:                 left;
  width:                      750px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

/****************
 *  TYPOGRAPHY  *
 ****************/
 
body 
{
  font-family:                Verdana, "Trebuchet MS", Helvetica, sans-serif;
  color:                      #333;
  font-size:                  10px;
  font-weight:                normal;
  font-style:                 normal; 
}

a, a:link, a:visited, a:active, a:hover
{ 
  color:                      #336FB3; 
  text-decoration:            none;
  background:                 url("../img/dotwalk.gif") repeat-x center bottom;
}

a:visited
{ 
  padding-right:              12px;
  background:                 url(../img/visited-link.gif) no-repeat 100% 50%;
}

a:visited:hover
{ 
  padding-right:              12px;
  background:                 url(../img/visited-hover-link.gif) no-repeat 100% 50%;
}

a:hover
{
  text-decoration:            none;
  background:                 none;
}

a.graphic, a.graphic:link, a.graphic:visited, a.graphic:active, a.graphic:hover
{ 
  padding:                    0;
  border:                     none; 
  text-decoration:            none; 
  background:                 none;
}

acronym
{
  background:                 #CFCBFF;
  padding:                    0 3px 1px 3px;
  border-bottom:              none;
  cursor:                     help;
}

h1 
{
	font-size:                  15px;
	font-weight:                bold;
	color:                      #263B56;
	margin:                     0 0 0.35em 0;
	line-height:                1.1em;
}

h2 
{
	font-size:                  13px;
	font-weight:                bold;
	color:                      #263B56;
	margin:                     0.12em 0 0.1em 0;
	line-height:                1.1em;
	text-align:                 justify;
}

h3 
{
	font-size:                  12px;
	font-weight:                bold;
	color:                      #263B56;
	margin:                     0.1em 0 0.15em 0;
	line-height:                1.1em;
}
	
h4 
{
	font-size:                  1.2em;
	line-height:                1.6em;
	color:                      #316595;
	display:                    block;
	padding-top:                5px;
	border:                     none;
}

h5 
{
	font-size:                  1.1em;
	line-height:                1.5em;
	color:                      #333333;
	display:                    block;
	padding-top:                5px;
}

h6 
{
	font-size:                  19px;
	line-height:                1.4em;
	color:                      #316595;
	display:                    block;
}

p 
{
	margin-bottom:              0.8em;
	text-align:                 left;
	line-height:                1.4em;
}	

ul
{
  padding-left:               15px;
  margin-bottom:              6px;
}

b
{
  color:                      #364B66;
}

label
{
  color:                      #364B66;
}

table
{
  font-family:                Verdana, "Trebuchet MS", Helvetica, sans-serif;
  font-size:                  10px;
}

td
{
  vertical-align:             top;
}

/****************
 *    HEADER    *
 ****************/

div#header
{
  position:                   relative;
  height:                     110px;
  width:                      770px;
  background:                 transparent url(".") no-repeat top left;
}

div#logo
{
  position:                   absolute;
  width:                      344px;
  height:                     47px;
  left:                       30px;
  top:                        38px;
}

/****************
 *   CONTENT    *
 ****************/
 
div#content
{
  width:                      770px;
}

/****************
 *     MENU     *
 ****************/

div#menubar
{
  float:                      left;
}

div#menu
{
  height:                     320px;
  width:                      188px;
  background:                 transparent url("../img/menu.jpg") no-repeat top left;
  position:                   relative;
}

a#menu1
{
  position:                   absolute;
  top:                        10px;
  left:                       10px;
  width:                      168px;
  height:                     50px;
  background:                 transparent url("../img/menuitem.en.jpg") no-repeat top left;
  cursor:                     pointer;
}

a#menu2
{
  position:                   absolute;
  top:                        60px;
  left:                       10px;
  width:                      168px;
  height:                     50px;
  background:                 transparent url("../img/menuitem.en.jpg") no-repeat 0px -50px;
  cursor:                     pointer;
}

a#menu3
{
  position:                   absolute;
  top:                        110px;
  left:                       10px;
  width:                      168px;
  height:                     50px;
  background:                 transparent url("../img/menuitem.en.jpg") no-repeat 0px -100px;
  cursor:                     pointer;
}

a#menu4
{
  position:                   absolute;
  top:                        160px;
  left:                       10px;
  width:                      168px;
  height:                     50px;
  background:                 transparent url("../img/menuitem.en.jpg") no-repeat 0px -150px;
  cursor:                     pointer;
}

a#menu5
{
  position:                   absolute;
  top:                        210px;
  left:                       10px;
  width:                      168px;
  height:                     50px;
  background:                 transparent url("../img/menuitem.en.jpg") no-repeat 0px -200px;
  cursor:                     pointer;
}

a#menu6
{
  position:                   absolute;
  top:                        260px;
  left:                       10px;
  width:                      168px;
  height:                     50px;
  background:                 transparent url("../img/menuitem.en.jpg") no-repeat 0px -250px;
  cursor:                     pointer;
}

/****************
 *     PAGE     *
 ****************/
 
div#page
{
  width:                      582px;
  height:                     320px;
  float:                      left;
}

td.pageleft
{
  background:                 transparent url("../img/page_left_rep.gif") repeat-y 0 0;
  width:                      10px;
  vertical-align:             top;
}

td.pagemiddle
{
  width:                      562px;
  background:                 white url(".") no-repeat 0 0;
  padding:                    70px 10px 10px 10px;
  vertical-align:             top;
}

div.pagecontent
{
  background:                 transparent url(".") no-repeat 0 0;
  padding:                    10px;
  vertical-align:             top;
}

td.pageright
{
  background:                 transparent url("../img/page_right_rep.gif") repeat-y 0 0;
  width:                      10px;
  vertical-align:             top;
}

div#pagebottom
{
  background:                 transparent url(".") no-repeat 0 0;
  width:                      582px;
  height:                     35px;
  padding-bottom:             30px;
}