/* the structural styles */	

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: Verdana, Arial;
	font-size:80%;
    background:url('i/bg.gif') #CBCBCB;
	background-repeat:repeat-y;
	background-position:top center;
    text-align: center;
    }
a {
    color: #003399;
    }
a:hover
    {
    color: #D60808;
    }

img {
border: 0;
}

li, ul {
margin-left:10px;
}

#container
    {
    margin: 0 auto;
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
	
#logincontainer {
text-align:left;
height:50px;
width:350px;
}

#username {
float:left;width:120px;
}

#password {
float:left;width:120px;margin-left:10px; 
}

#loginbutton {
float:left;width:60px;padding:0;padding-left:5px;padding-top:12px;
}
	
* html #container
    {
    width: 744px;
    w\idth: 724px;
    }

#toppos {
	padding-top:10px
	}
	
#login {
	float:right;
	font-size:80%;
	}
	
#flagpos {
	margin:10px 0 10px 0;
	}
	
.promoleft {
	font-size:90%;
	clear:left;
	float:left;
	border:1px solid #003399;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:10px;
	width:194px;
	padding:5px;
	}

.promoright {
	font-size:90%;
	clear:right;
	float:right;
	border:1px solid #003399;
	margin-left:5px;
	margin-bottom:5px;
	width:194px;
	padding:5px;
	}

.button {
	margin-left:5px;
	font:900 11px Verdana;
	color:#fff;
	background-color:#99ccff;
	border:1px solid #003399;
	padding: 1px;
}

.red {
	color:red;
}

.redlarge {
	color:red;
	font-size:140%;
}

.large {
	font-size:160%;
}

.tableheader {
    	font-size: 110%;
	color:#003399;
	font-weight:bold;
}

.tablecell {
	width: 300px;
	padding-bottom: 10px;
}

.center {
	text-align: center;
}
	
/* formatting */	
	
h1
    {
    background: url("i/logo.png");
    width: 700px;
    height: 115px;
    overflow: hidden;
    margin: 0;
    }
h1 span
    {
    display: none;
    }
h2
    {
    font-size: 110%;
    margin-top: 5px;
	color:#003399;
	font-weight:bold;
    }
h3
    {
    font-size: 100%;
    margin-top: 5px;
	color:#003399;
	font-weight:bold;
    }

#maincopy
    {
    margin: 0 20px 0 232px;
    }

#footer
    {
    color: #003399;
    height: 48px;
    text-align: right;
    padding: 0 20px 0 0;
    line-height: 26px;
    font-size: 11px;
    width: 724px;
    margin:0px auto;
    }
#footer a
    {
    color: #003399;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }

/* the nav styles */	
	
#navlist
{
float:left;
color: white;
background: #fff;
padding: 0;
margin-left: 5px;
width:180px;
font-size:90%;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #99ccff;
border-width: 1px;
border-style: solid;
border-color: #003399;
border-left: 1em solid #003399;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current
{
background: #003399;
border-color: #99ccff;
}

#navlist a
{
width: 99%;
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
}

#navlist a:hover, #navlist a#current:hover
{
background: #003399;
border-color: #99ccff;
}

#navlist a:active, #navlist a#current:active
{
background: #003399;
border-color: #99ccff;
}