body {
  background: #E3E3E6; color: #333; text-align: center;
  margin: auto; 
  font-family: arial, verdana, tahoma;
  font-size: 12px;
  color: #333;
}
.normal {font-size: 12px; color: #333; font-weight: normal;}
input, textarea {font-size: 12px; font-family: arial, verdana, tahoma; padding: 0px; margin:0px; margin: auto;}
input:focus, textarea:focus {background: #ffd;}

.picture {border: 3px solid #f0f0f0; padding: 1px; margin: 3px; }

#wrapper {
	text-align: center;
	width: 700px; 
	margin: auto;
	padding: 0;
}
table, tr, td {font-size: 12px; font-family: arial, verdana, tahoma; margin: 0; padding:0;}
#topLinks {}
#topLinks a {color: #333; text-decoration: none;}
#topLinks a:hover {color: black; text-decoration: underline;}
#optionMenu {background: #E6F8DD; color: #2E62CB; border-top: solid 1px #80C65A; border-bottom: solid 1px #80C65A; 
					 text-align: center; padding: 5px; margin-bottom: 3px; font-size: 16px;}
#optionMenu a {color: #2E62CB; text-decoration: none; padding-left: 15px; padding-right: 15px; font-weight: bold;}
#optionMenu a:hover {color: #aa0000; text-decoration: none;}
#optionMenu a:active {color: #aa0000; text-decoration: none;}
#footerMenu {border-top: solid 1px #eee; text-align: center; padding: 5px; margin-bottom: 3px; font-size: 12px;}
#footerMenu a {color: #666; text-decoration: none;}
#footerMenu a:hover {color: #333; text-decoration: underline;}

#content {
	width: 700px; 
  margin-top: 20px;
  padding: 0px;
	padding-bottom: 0px;
  background: #fff;
	text-align: center;
	border: 1px solid #c0c0c0;
}
#content label {}
#content table, tr, td {font-size: 12px; font-family: arial, verdana, tahoma; margin: auto; padding:0;}
#content-left {
	float: left;
}
#content-right {
	float: right;
}
#footer {padding-top: 50px;}

h1 {font-size: 36px; padding: 0; margin: 0;}
h2 {font-size: 24px; padding: 0; margin: 0;}
h3 {font-size: 18px;}
h4 {font-size: 18px; padding: 0; margin: 0; padding-top: 10px; padding-bottom: 10px;}
h5 {font-size: 14px; }
.hdr {font-size: 16px; font-weight: bold;}

.t {width: 500px;}

a {color: #2E62CB;}
a:visited {color: #1A428F;}
a:hover {text-decoration: underline; color: #aa0011;}

.url {color: navy;}

#copyright {font-size:11px; color: #999; padding: 10px}
#footer {}

.message {background: lightyellow; border: 1px solid orange; padding: 10px; margin-bottom: 10px;}
.messageBox {font-size: 12px; width: 350px; text-align: left; margin: auto; color: green; padding: 5px;  background: #CFFFCF; margin-bottom: 5px; text-align: center;}
.invalid {color: blue; font-weight: bold;}
.invalidBox {color: blue; font-weight: normal; padding: 5px; background: #efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 12px; margin-bottom: 5px;}
.smallBox {font-size: 12px; width: 350px; text-align: left; margin: auto; color: #666;}
.small {font-size: 11px; color: #666; font-weight: normal;}
.event {padding: 10px; background: #E5ECF9; border-top: 1px solid #3366CC; border-bottom: 1px solid #3366CC; text-align: center;}
.important {color: #E07000;} 
.importantB {color: #E07000; font-weight: bold;}


/* General */
body {font-family: arial, verdana, tahoma; font-size: 12px;}
td	{font-family: arial, verdana, tahoma; font-size: 12px;}
	
/* Structural */


/* Special */
.title {font-size: 16px; font-weight: bold; color: #000;}
.description {background: #efefef; border-top: 1px solid silver; border-bottom: 1px solid silver; padding: 3px;}
.form	{font-weight: bold;}
.spacer {height: 15px;}
.smalltext {font-size: 9px;}
.error {color: darkred; font-weight: bold;}

/* Menu */
.on { font: bold 14px arial,tahoma,sans-serif; color: #FF9A00; background-color:#000080; text-decoration: none; padding: 2 2 2 2; }
.off { font: bold 14px arial,tahoma,sans-serif; color: white; background-color:#000080; text-decoration: none; padding: 2 2 2 2; }

/*BACKGROUND STYLES*/
.bg { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#000000; text-decoration: none; padding: 2 2 2 2; }
.bg0 { font: bold 11px arial,tahoma,sans-serif; color: #000000; background-color:#FFFFFF; text-decoration: none; padding: 2 2 2 2; }
.bg1 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#C24000; text-decoration: none; padding: 2 2 2 2; }
.bg2 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#70A100; text-decoration: none; padding: 2 2 2 2; }
.bg3 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#808080; text-decoration: none; padding: 2 2 2 2; }
.bg4 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#669900; text-decoration: none; padding: 2 2 2 2; }
.bg5 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#535352; text-decoration: none; padding: 2 2 2 2; }
.bg6 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#93A2A7; text-decoration: none; padding: 2 2 2 2; }
.bg7 { font: bold 11px arial,tahoma,sans-serif; color: #FFFFFF; background-color:#a41e2d; text-decoration: none; padding: 2 2 2 2; }