body {
font-family : Arial;
background: url(images/bg.gif);
padding : 0;
margin : 0;
}

.container {
border : 1px solid #999999;
background : #eeeeee;
margin : 5px;
padding : 0px;
width : 790px;
}

.frame {
text-align : left;
color : #eeeeee;
font-size : 12pt;
border : 1px solid #8da8c1;
background : #6986a1;
margin : 5px 5px;
padding : 5px 5px;
width : 740px;
}

.frame a {
color : #8da8c1;
font-weight : bold;
text-decoration : none;
}

.frame a:hover {
font-weight : bold;
color : #ffffff;
text-decoration : none;
}

.button {
color : #8da8c1;
border : 2px solid #8da8c1;
background : #ffffff;
padding : 2px 10px;
}

.button:hover {
border : 2px solid #ffffff;
background : #8da8c1;
}

.header {
border-bottom : 1px solid #999999;
background : url(images/top_bg.png);
margin : 0px 0px 30px;
width : 100%;
height : 75px;
overflow : visible;
}

.header a {
color : #ffffff;
text-decoration : none;
}

.header a:hover {
color : #bbbbbb;
text-decoration : none;
}

.footer {
color : #bbbbbb;
border-top : 1px solid #999999;
background : #3e5c78;
margin : 30px 0px 0px;
padding : 0px;
width : 100%;
overflow : visible;
}

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

.footer a:hover {
color : #bbbbbb;
text-decoration : none;
}

.flag {
border : 1px solid #8da8c1;
vertical-align:bottom;
}

.flag:hover {
border : 1px solid #ffffff;
}

#version {
color : #bbbbbb;
font-size : 10pt;
}

.label {
padding : 3px;
text-align : center;
color : #ffffff;
font-size : 10pt;
font-weight : bold;
margin : 5px;
border : 2px solid #8da8c1;
background : #5c788e;
}

h1 {
color : #ffffff;
font-size : 25pt;
font-weight : bold;
margin : 0px;
vertical-align : middle;
}

h2 {
color : #cccccc;
font-size : 15pt;
font-weight : bold;
margin : 0px;
vertical-align : middle;
}

h3 {
color : #cccccc;
font-size : 10pt;
font-weight : bold;
margin : 0px;
vertical-align : middle;
}

.photo {
margin : 5px;
border : 2px solid #8da8c1;
}

.photoHover {
margin : 5px;
border : 2px solid #ffffff;
}

.titleLine {
font-size : 12pt;
color : #5c788e;
background : #cccccc;
}

.evenLine {
font-size : 12pt;
color : #5c788e;
background : #ffffff;
}

.oddLine {
font-size : 12pt;
color : #5c788e;
background : #eeeeee;
}

.cell {
vertical-align : top;
padding : 1px 15px;
}

img {
border : 0px;
}

.folder {
margin : 8px;
width : 159px;
height : 108px;
background : url(images/folder.gif);
visibility : visible;
vertical-align : middle;
font-size : 10pt;
overflow : hidden;
}

.folder a {
display : block;
height : 100%;
color : #335773;
text-align : center;
vertical-align : middle;
display : block;
padding : 25px 20px 5px 40px;
}

.folder input {
margin : 2px;
padding : 2px;
color : #6986a1;
font-weight : bold;
border : 1px solid #6986a1;
background : #ffffff;
}

.errorFrame {
text-align : center;
color : #cc0000;
font-size : 12pt;
font-weight : bold;
border : 1px solid #6986a1;
background : #ffffff;
margin : 15px 10px;
padding : 20px 20px;
width : 90%;
}

.errorFrame a {
text-decoration : none;
color : #6986a1;
}

.errorFrame a:hover {
color : #cc0000;
}

.errorFrame h1 {
width : 100%;
border : 1px solid #6986a1;
font-size : 14pt;
font-weight : bold;
color : #cc0000;
}