/* CSS Document */

html,body {
margin:0;
padding:0;
}

body {
background-color:#eee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

p {
margin:0 10px 10px;
}

h1 {
font-size:14px;
font-weight:bold;
color:#36f;
margin:10px 0 10px 10px;
}

h2 {
font-size:12px;
font-weight:bold;
color:#000;
margin:20px 10px 10px 10px;
}

#content p, li {
line-height:1.4;
}

#content a {
color:#36f;
text-decoration:none;
}

#content a:hover {
color:#36f;
text-decoration:underline;
}

#footer p {
font-size:9px;
margin:0 auto;
text-align:center;
color:#fff;
}


/* structure */

#container {
background:url(images/shadows.gif) repeat-y center top;
width:770px;
border:0;
margin: 0 auto;
}

#wrapper, header {
margin:0 auto;
width:750px;
}

#content {
margin:50px 20px 10px 20px;
min-height:450px;
}

#footer {
position: relative;
margin: -20px auto 0 auto;
height:20px;
width:750px;
text-align:center;
background-color:#36f;
}

/* tables */
table {
width: 450px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-collapse: collapse;
margin: 0 auto 20px auto;
}

th, td {
padding: 10px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

th {
font-weight: bold;
background: #ccc;
}


/* navigation */

#tabs {
float:left;
width:100%;
margin:-2px 0 0 0;
background: #36f;
line-height:normal;
font-weight:bold;
}

#tabs ul {
margin:0;
padding:5px 10px 0 50px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabs a span {
float:left;
display:block;
padding:0 15px 4px 6px;
color:#fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
color:#c00;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}

#tabs #current a {
color:#c00;
background-position:0 -42px;
font-weight:bold;
}

#tabs #current span {
color:#c00;
background-position:0 -42px;
font-weight:bold;
}