body {
 font-size: 80%;
 padding: 0px;
 margin: 0px;
 font-family: helvetica, sans-serif;
}

a {
 color: #003366;
}
a:hover {
 color: #000000;
}

img {
 border: 0px;
} 

h1,h2,h3 {
 margin-top: 0px;
}

h1 {
 font-size: 120%;
}

h2 {
 font-size: 110%;
}

th {
 padding-top: 20px;
 text-align: left;
} 

#t_page {
 margin-left: auto;
 margin-right: auto;
 text-align:left;
}

#t_header {
 padding-top: 14px;
 padding-bottom: 14px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 150%;
 margin-top: 5px;
 color: #666666;
}

#t_menubar {
/* background : url("images/gradient.gif"); */
 background: rgb(233,233,233);
 background: linear-gradient(rgb(243,243,243),rgb(223,223,223));
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 10px;
 padding-right: 10px;
 border: 1px solid gray;
 border-radius: 8px;
 margin-bottom: 10px;
 margin-left:10px;
 margin-right: 10px;
}

#t_menubar a {
 color: #666;
 text-decoration: none;
 margin-right: 5px;
 margin-left: 5px;
}

#t_menubar a:hover {
 text-decoration: underline;
}

#t_main {
 padding: 10px;
}

.t_loginlabel {
 margin-top:4px;
}

.t_loginalert {
 color:red; 
}

@media screen and (min-width: 320px) {

 #t_loginbox {
  width:300px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
 }

 .t_loginlabel {
  float:left;
  width: 90px; 
 }

 .t_loginfield {
  width:150px;
 }

 .t_loginalert {
  width:300px;
 }

}

@media screen and (min-width: 1024px) {
 .t_responsive_page {
  width: 1000px;
 }

}