/* Main CSS */

html {
  height: 100%;
}

body {
  background-color: #ffffff;
  width:   915px;
  margin:  0px auto 0px auto;
  padding: 0;
  height: 100%;
  text-align: center;
  font-size: 13px;
  color: rgb(25,25,25);
}

td, th {
  font-size: 13px;
  color: #000000;
}

/* for ie */
div.page {
  height: 100%;
  text-align: left;
  width: 915px;
}
/* for firefox */
body > div.page {
  height: auto;
  min-height: 100%;
}

table {
  padding:         0;
  margin:          0;
  border:          0;
  border-collapse: collapse;
  empty-cells:     show;
}

td {
  vertical-align: top;
}

img {
  border-width: 0px;
}

a:hover {
  color: #F0C333;
}



/* **************************
   HEADER
************************** */
.headertopspace {
  height: 0px;
  line-height: 0px;  
}

.header {
  padding: 13px;
  background-color: #303265;
  margin-bottom: 10px;
  border-top: 3px solid #F0C333;
  -moz-border-radius-bottomleft:  8px;
  -moz-border-radius-bottomright: 8px;
}

.header {
  color: white;
}
.header A {
  color: gray;
}

.headerhomehelp, 
.headerlanguage {
  text-align:    right;
  width:         189px;
  margin-left:   350px;
  font-size:     12px;
  position:      absolute;
  color:         white;
}

.header > .headerhomehelp,
.header > .headerlanguage {
  margin-left: 700px;
}

.headerhomehelp a,
.headerlanguage a {
  color: #FFFFFF;
  text-decoration: none;
}

.headerhomehelp a:hover,
.headerlanguage a:hover {
  color: #F0C333;
  text-decoration: underline;
}



.headerlanguage {
  margin-top:    20px;
}

.headerlanguage b {
  color: #F0C333;
}







.topnavigation {
  padding-left: 20px;
  padding-top:  100px;
}

div.topnav {
  position: absolute;
  margin-top: 22px;
  margin-left: 30px;
  display: inline;
  font-size: 12px;
}

div.tabitem {
  float: left;
  color: #F0C333;
  font-weight: bold;
  background-color: transparent;
  background-image: url(../img/tab.png);
  background-repeat: no-repeat;
  padding: 5px 0px;
  width: 121px;
  text-align: center;
}

div.tabitem_current {
  float: left;
  color: #303265;
  font-weight: bold;
  background-color: transparent;
  background-image: url(../img/tab_current.png);
  background-repeat: no-repeat;
  padding: 5px 0px;
  width: 121px;
  text-align: center;
}

div.tabitem  a {
  color: #303265;
  text-decoration: none;
}

div.tabitem  a:hover {
  color: #F0C333;
  text-decoration: underline;
}

div.tabitem_current  a {
  color: #303265;
  text-decoration: none;
}

div.tabitem_current a:hover {
  color: #303265;
  text-decoration: underline;
}

/* **************************
   CONTENT
************************** */

.content {
  padding-left:   0;
  padding-bottom: 26px;
  color: rgb(32,32,32);
}


/* **************************
   HEADINGS
************************** */
h1, h2, h3, h4 {
  color:          #303265;
  padding-left:   0; 
  padding-bottom: 0; 
  padding-top:    0; 
  margin-bottom:  0; 
  text-transform: none;
} 

h1 {
  font-size:      140%; 
}

h2 {
  font-size:      120%; 
} 

h3 {
  font-size:      110%; 
} 


/* **************************
   SIDEBAR
************************** */
DIV.sidebar { 
  width:          250px; 
  float:          right; 
  padding-right:  0;
  padding-top:    0;

  margin-bottom: 20px; 
  margin-left: 20px;

  position:       relative; 
  overflow:       hidden; 
}

DIV.sidebar h1,
DIV.sidebar h2 {
  padding-top:    0;
  padding-left:   0;
  padding-right:  0; 
  padding-bottom: 8px;
  text-transform: none;
  margin:         0;
} 

DIV.sidebar h1 {
  font-size:      120%;
}
DIV.sidebar h2 {
  font-size:      110%;
}


DIV.sidebox { 
  -moz-border-radius:  8px;
  border-radius:       8px;

  padding: 10px;
  margin-bottom: 13px;
  background-color: #EEEEFF;
}




/* **************************
   LIST
************************** */
UL {
  margin-top:     0;
  margin-bottom:  0;
  margin-left:    7px;
  padding-top:    0;
  padding-bottom: 0;
  padding-left:   15px;
  list-style-image: url(../img/star13x13.gif);
  list-style-position: outside;
}

OL {
  margin-top:     0;
  margin-bottom:  0;
  margin-left:    7px;
  padding-top:    0;
  padding-bottom: 0;
  padding-left:   15px;
  list-style-type: decimal;
  list-style-position: outside;
}

LI {
  
}


/* **************************
   FOOTER
************************** */
div.page div.footer-space {
  height: 32px;
  clear: both;
}

.footer {
  width:            915px;
  text-align:       left;
  margin-top:       -27px;
  height:           15px;
  padding-left:     13px;
  padding-right:    13px;
  padding-bottom:   4px;
  margin-bottom:    0px;
  font-size:        10px;
  padding-top:      4px;
  background-color: #303265;
  color:            white;
  border-bottom: 3px solid #F0C333;
  -moz-border-radius-topleft:  8px;
  -moz-border-radius-topright: 8px;
}
/* for firefox */
body > .footer {
  width: 889px;
}

.footer a {
  color: white;
  text-decoration: none;
}

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

.footerright {
  float: right;
}




/* **************************
   GIFT COMIC
************************** */
.comic-box {
  border: 1px solid black;
  width: 193px;
}

.comic-box-text {
  padding: 3px;
}


/* **************************
   MESSAGES
************************** */



.message-error,
.message-info,
.message-ok {
  padding:          10px;
  text-align:       center;
  margin-bottom:    10px;
  margin-top:       10px;
}

.message-error {
  background-color: #FFCCCC;
}

.message-info {
  background-color: #FFCCCC;
}

.message-ok {
  background-color: #CCFFCC;
}



/* **************************
   MISC
************************** */
.biglink {
  color: black;
  text-decoration: none;
}
.biglink:hover {
  color: black;
  text-decoration: underline;
}



.small { 
  font-size: x-small;
}


/* EOF */