body {
margin: 0;
font-family: Arial, sans-serif; 
font-size: 12pt;
background-color: #ffffff;
}



#top {
width: 1000px;
height: 200px;
padding: 0px;
margin: 0px auto;
text-align: right;
border: 0px solid #dddddd;
border-top-width: 0px;
background-image: url("../logo.png");
background-repeat: no-repeat; 
}



#nav {
width: 940px;
padding: 10px;
margin: 0px auto;
border: 1px solid #dddddd;
background-color: #eeeeee;
}



#content {
width: 980px;
padding: 10px;
margin: 0px auto;
border: 0px solid #dddddd;
}



#bottom {
width: 700px;
padding: 0px;
margin: 0px auto;
text-align: right;
border: 0px solid #000000;
}



table,tr,td {
margin: 0 auto;
border: 1px solid #004400;
border-collapse: collapse;
height: 30px;
vertical-align: middle;
}

.td_head {
background-color: #33cc55;
}

.td_data_red {
background-color: #ffaaaa;
}

.td_data_green {
background-color: #aaffaa;
}



input, select {
font-size: 12pt;
outline: none;
}



.biginput {
width: 300px;
padding: 5px;
border: 1px solid #dddddd;
border-radius: 5px;
}
.biginput:active {
border: 1px solid #aaaaaa;
}
.biginput:focus {
border: 1px solid #aaaaaa;
}

.bigbutton {
width: 150px;
padding: 5px;
background-color: #cccccc;
border: 1px solid #aaaaaa;
border-radius: 5px;
font-weight: bold;
}
.bigbutton:hover {
background-color: #88bbff;
}

.button_red {
width: 150px;
padding: 5px;
background-color: #cc0000;
border: 1px solid #000000;
border-radius: 5px;
font-weight: bold;
}
.button_red:hover {
background-color: #ff0000;
}

.button_green {
width: 150px;
padding: 5px;
background-color: #00cc00;
border: 1px solid #000000;
border-radius: 5px;
font-weight: bold;
}
.button_green:hover {
background-color: #00ff00;
}

.bigselect {
width: 150px;
padding: 5px;
border: 1px solid #aaaaaa;
border-radius: 5px;
}

.bigcheckbox {
width: 20px;
height: 20px;
}

.bigtextarea {
width: 400px;
height: 200px;
padding: 5px;
border: 1px solid #aaaaaa;
border-radius: 5px;
resize: none;
}

.bigcolor {
width: 300px;
height: 30px;
background-color: #ffffff;
border: 1px solid #aaaaaa;
border-radius: 5px;
}



h1 {
font-family: sans-serif;
font-size: 20pt;
color: #000000;
text-decoration: none;
font-weight: bold;
margin-top: 0.0em;
margin-bottom: 0.5em;
text-align: center;
}
h2 {
font-size: 20pt;
color: #000000;
text-decoration: none;
font-weight: bold;
margin-top: 0.0em;
margin-bottom: 0.75em;
text-align: left;
}
h3 {
font-size: 16pt;
color: #000000;
text-decoration: none;
font-weight: bold;
margin-top: 0.0em;
margin-bottom: 0.5em;
}



/* default link */
a:link {
color: 				#000000;
text-decoration: 	none;
font-weight: 		bold;
}
a:visited {
color: 				#000000;
text-decoration: 	none;
font-weight: 		bold;
}
a:active {
color: 				#000000;
text-decoration: 	none;
font-weight: 		bold;
}
a:hover {
color: 				#555555;
text-decoration: 	underline;
font-weight: 		bold;
}