/* APP CSS Document */

#container {
width:800px;
margin:auto;
height:auto;
background-color:#FFFFFF;
border: 1px solid #99CCFF;
position: absolute;
}

#header {
width:100%;
heigth:120px;
margin-top:0;
padding-top:0;
}

#topmenu {
background-color:#FFCC00;
height:22px;
line-height:22px;
float:left;  /*firefox fix*/
width:100%; /*firefox fix*/
font-size:12px;
}

#topmenu  ul {
font-weight:bold;
list-style:none;
text-align:center;
letter-spacing:1px;
margin:0;
padding:0;
}

#topmenu li {
display:inline;
}

#topmenu li a{
text-decoration:none;
padding-left:30px;
padding-right:30px;
color:#6666FF;
}

#topmenu li a:hover{
text-decoration:none;
padding-left:30px;
padding-right:30px;
color:#FFFFFF;
background-color:#99CCFF;
border-top:4px solid #99CCFF;
border-bottom:3px solid #99CCFF;
}



#topmenu li .selected{
text-decoration:none;
padding-left:30px;
padding-right:30px;
color:#FFFFFF;
background-color:#99CCFF;
border-top:4px solid #99CCFF;
border-bottom:3px solid #99CCFF;
}



#content {
clear:left;
padding:8px 20px 0 20px;;
}


#footer {
border-top:1px solid #99CCFF;
font-size:10px;
line-height:100%;
text-align:center;
padding-bottom:10px;
}

#footer ul{
list-style:none;
text-align:center;
}

#footer li{
display:inline;
text-align:center;
padding-left:8px;
padding-right:8px;
color:#6666FF;
}

#footer li a{
padding-left:8px;
padding-right:8px;
}

/*--text styles--*/

h1 {
font-size:150%;
line-height:100%;
}

.h2 {
font-size:120%;
padding-top:6px;
}

h2 {
font-size:120%;
padding-top:6px;
}

.yellow {
color:#FFCC00;
}

.red {
color:#FF3300;
}

.blue {
color:#6633FF;
}


body {
font: 12px, Arial, Helvetica, sans-serif;
line-height:130%;
padding:10px;
}