/* general font definitions */
input {
  font-family:Trebuchet MS,Sans-Serif;
}

div#main {
  width:980px;
  margin-top:20px;
}

/*
a:link { color:black; text-decoration:underline }
a:visited { color:black; text-decoration:underline }
a:focus { color:#777777; text-decoration:underline }
a:hover { color:#777777; text-decoration:none }
a:active { color:black; text-decoration:underline }
*/

/* upper navigation bar */
div#left {
  width:740px;
  margin-left:50px;
}

table#navibar {
  width:100%;
  border-collapse:collapse;
  margin-bottom:10px;
}

table#navibar td, div#howto .navibar {
  background-repeat:no-repeat;
  padding-left:0px;
  padding-right:0px;
  line-height:135%;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	font-weight:bold;
	color:#B01116;
}

table#navibar img {
  border:0px;
}

/* middle navigation */
div.ruler {
  background-image:url(../images/hr.gif);
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
  line-height:1px;
}
/*
div#middle {
  margin:0px;
  padding-top:5px;
  padding-bottom:5px;
	font-family:Verdana, sans-serif;
	font-size:10pt;
	color:#9B877E;
}

div#detail_navi {
  border:1px solid black;
}

div#link_homepage {
  margin:0px;
  float:right;
  text-align:right;
  font-weight:bold;
  border:3px solid black;
}
*/
div#middle_hull {
  margin-top:5px;
  margin-bottom:5px;
}

table#middle td {
	font-family:Verdana, sans-serif;
	font-size:10pt;
}

table#middle_detail td {
  padding-right:5px;
}

/* right column */
div#right {
  width:150px;
  float:right;
  margin-left:30px;
}

div#actionbar, td#link_homepage, div#howto .actionbar {
  /*vertical-align:middle;*/
  padding:0px;
	font-family:Verdana, sans-serif;
	font-size:10pt;
	color:#B01116;
  /*background-color:black;
  text-align:center;*/
}

div#actionbar {
  margin-bottom:13px;
}

div#actionbar p {
  margin:4px;
  /*list-style-type:none;
  list-style-position:inside;*/
}
div#actionbar li {
  text-indent:0px;
}

div.news_hull {
  background-color:#E9E1DE;
  margin-top:6px;
  padding:5px;
}

div.news {
  background-color:white;
  padding:5px;
  font-size:10pt;
}

div#news p {
  margin-top:0px;
  margin-bottom:4px;
}

div#content {
  /*position:relative; left:10px;*/
  /*width:100%;*/
  height:100%;
  /*background-image:url(../Logo2.gif);
  background-image:url(../images/background.gif);*/
  background-attachment:fixed;
  margin-top:10px;
  /*border:1px solid black;
  /*padding-left:20px;
  padding-right:30px;*/
}

/* right-hand-side action links */
table.actionbar a:link { color:white; text-decoration:none }
table.actionbar a:visited { color:white; text-decoration:none }
table.actionbar a:focus { color:white; text-decoration:underline}
table.actionbar a:hover { color:#777777; }
table.actionbar a:active { color:white; text-decoration:none}

/* bottom links */
div#bottom_navilink {
  margin-top:9px;
  margin-bottom:5px;
  padding-bottom:5px;
}

a.bottom_navilink {
  color:black;
	font-family:Verdana, sans-serif;
	font-size:10pt;
  text-decoration:none;
  font-weight:bold;
  border-width:4px;
  border-left-style:solid;
  border-top-style:solid;
  border-right-style:outset;
  border-bottom-style:outset;
  border-top-color:white;
  border-left-color:white;
  border-right-color:#B01116;
  border-bottom-color:#B01116;
  padding-left:6px;
  padding-right:6px;
  padding-top:2px;
  padding-bottom:2px;
  background-color:#F6D8D8/*#F6D8CE*/;
}
a.bottom_navilink:link { color:black; text-decoration:none }
a.bottom_navilink:visited { color:black; text-decoration:none }
a.bottom_navilink:focus { color:black; text-decoration:none}
a.bottom_navilink:hover { color:black; text-decoration:none}
a.bottom_navilink:active { color:black; text-decoration:none}

form a.bottom_navilink {
  margin-top:10px;
}
/* order navigation bar **********/
/*
div#orderbar {
  padding-top:2px;
  padding-bottom:1px;
  margin-bottom:15px;
  width:100%;
  background-color:white;
  border-bottom:2px;
  border-bottom-style:solid;
  border-bottom-color:#777799;
  font-size:large;
  vertical-align:top;
}
*/
table#middle_detail span.current {
  background-color:#E9E1DE;
  /*padding-left:3px;
  padding-right:3px;
  font-size:x-large;
  color:#345678;
  background-color:#CCCCDF
  position:relative;
  top:1px;*/
}

/*
div#orderbar a {
  padding:2px;
}

div#orderbar a:link { color:#345678; text-decoration:none }
div#orderbar a:visited { color:#345678; text-decoration:none }
div#orderbar a:focus { color:black; text-decoration:none }
div#orderbar a:hover { color:#EEEEEE; background-color:#ABCDEF; }
div#orderbar a:active { color:black; text-decoration:none }
*/

table#middle_detail span.inactive {
  /*vertical-align:middle;*/
  color:#9B877E;
}

/* registration head ****************/
.register {
  width:100%;
  border-width:1px;
  border-style:solid;
  padding-left:3px;
}

/* buttons */
.button, input.button_sel {
  text-align:left;
  font-family:Verdana, sans-serif;
  font-size:10pt;
  font-weight:bold;
  border-width:4px;
  border-right-color:#B01116;
  border-bottom-color:#B01116;
  background-color:#F6D8D8/*#E9E1DE#F6D8CE*/;
  /*padding-left:3px;
  font-family:Verdana,sans-serif; font-weight:bold;
  background-color:#222222; color:#FFFFFF;*/
  text-align:center;
  cursor:pointer;
}

/* forms */
.form {
  border:2px solid black;
  background-color:#E9E1DE;
	font-family: Verdana, sans-serif;
  font-size:10pt;
}

div.form {
  padding-top:5px;
  padding-bottom:5px;
  padding-left:4px;
}

table.form, div.form {
  margin-top:3px;
  margin-bottom:3px;
}

td.form, table.form td {
  padding-left:5px;
  padding-right:5px;
}

/* intro page *************/
#intro h1, #intro h2 {
  text-transform:uppercase;
}

#intro p {
  margin-top:5px;
  margin-bottom:5px;
  margin-left:20px;
}

/***** works selection page ******/
input.button_sel {
  text-align:left;
  width:100%;
  margin-right:1em;
  padding-left:5px;
  /*border-width:4px;
  background-color:#EFEFEF;
  padding-left:3px;
  font-size:larger;*/
}

ul.button_sel {
  list-style-position:outside; padding:0; margin:0;
  margin-left:15px;
  vertical-align:middle;
}

table#result {
  width:100%;
  margin-top:4px;
}