*{margin:0; padding:0;}
body{font:0.76em Verdana,Tahoma,Arial,sans-serif;line-height:1.2em;text-align:center;color:#323232;background:#ededed url(./images/font.png) repeat-x center top;}


#container {background:#fff;border:0.1em solid #777;color:#323232;margin:2em auto;text-align:left;width:65em}

#header{height:8.2em;width:63.8em;background:#336699;color:#fff;border:0.1em solid #2F4A6C;margin:0.5em;}


#title{font-size:2.3em;}

#subtitle{font-size:1.2em;}

.menu{float:right; margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('./images/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('./images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('./images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('./images/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('./images/topMenuImages.png') 100% -90px no-repeat;}

#navigation{float:left;clear:left;display: block;margin: 0px;padding:0px;margin-left:20px;line-height:2.1em;color:#ccc;margin-right:0.5em;white-space:nowrap;}
#navigation li{list-style-type:none;white-space:nowrap;}
#navigation li a{display:block;width:150px;padding:0 0.6em;font-size:0.8em;font-weight:normal;text-transform:uppercase;text-decoration:none;color: #444;border:0.1em solid #ddd;margin-bottom:0.2em;text-align:center;background-color:#eee;}
#navigation li a:hover{color:#fff;text-decoration:none;background-color:#669933;border:0.1em solid #558822;}

#content {min-height:450px;font-size:0.9em;margin-left:15em;padding:1em 3em 3em}
#content h2{margin:0 0 0.3em -0.9em;font-size:1.7em;font-weight:normal;letter-spacing:-1px;color:#222;}
#content h3{margin:0.7em 0 0.3em -0.6em; font-size:1.4em; letter-spacing:-1px;color:#222;font-weight:normal;}

#content a{color:#000;text-decoration:none;}
#content a:hover{color:#336699;text-decoration:underline;}


input,textarea,select {background-color:#FAFAFA;border:1px solid #777;color:#323232;font-family:Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;font-size:11px;padding:0.2em}

input:focus,textarea:focus {background-color:#FFF;border:1px solid #336699;color:#2F4A6C}

#footer{clear:both;width:63.8;margin-top:1em;padding:0.4em 0;font-size:0.9em;color:#f0f0f0;background:#336699;margin:0.5em;border:0.1em solid #2F4A6C;text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#fff; text-decoration: underline;}


#user {background:white url(./images/tux.png) no-repeat 3px center;padding-left:23px;width:137px;color:black;font-weight:bold;font-size:13px;}
#user2 {background:white url(./images/user.png) no-repeat 3px center;padding-left:23px;width:137px;color:black;font-weight:bold;font-size:13px;}
#pass {background:white url(./images/key.png) no-repeat 3px center;padding-left:23px;width:137px;color:black;font-weight:bold;font-size:13px;}
#login {background:white url(./images/accept.png) no-repeat 3px center;padding-left:23px;width:137px;color:black;font-weight:bold;font-size:13px;}
#email {background:white url(./images/email.png) no-repeat 3px center;padding-left:23px;width:300px;color:black;font-weight:bold;font-size:13px;}
#code {background:white url(./images/key_go.png) no-repeat 3px center;padding-left:23px;width:300px;color:black;font-weight:bold;font-size:13px;}