html
{
background: url("/images/right_back.jpg") repeat-y 0 right;
}

body 
{
font-family: helvetica, arial ;
color: #000000;
margin: 0 0 0 0;
text-decoration:  none; 
font-size: 12px;
text-align: left;
background: url("/images/left_back.jpg") repeat-y transparent;
min-width: 672px;
}

#webimage
{
background: transparent;
position: absolute;
}

#header
{
padding: 0 0 0 113px;
background: url("/images/top_back.jpg") no-repeat;
height: 85px;
}

#header #sidebar
{
background: transparent;
float: right;
}

#leftcolumn
{
float: left;
width: 125px;
padding-top: 320px;
}

#mainsite
{
background: transparent;
min-width: 397px;
margin: 0 162px 0 125px;
min-height: 100%;
}

/* for all browsers that understand min-width */
.container {position:relative; width:100%; min-width:672px;}
.holder {display:block; color:#000; overflow: hidden;}

/* method 1 a bodge for IE5.5 and IE6 browsers */
* html .container {border-right:672px solid #fff;}
* html .holder {display:inline-block; position:relative; margin-right:-672px;}

#rightcolumn
{
background: transparent url("/images/right_back.jpg") repeat-y;
float: right;
width: 162px;
min-height: 100%;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

.container:after
{
content: 'abcdef';
display: block;
height:0;
clear: both;
visibility: hidden;
background: transparent;
}

#footer
{
background: transparent;
position: relative;
clear: both;
font-size: 10px;
border-top: 1px dashed;
border-color: #dfdfdf;
margin-top: 10px;
}

th
{
font-weight: bold;
vertical-align: top;
font-family: helvetica, arial ;
font-size: 12px;
}

td
{
font-family: helvetica, arial ;
font-size: 12px;
vertical-align: middle;
}

input 
{
color: #000000;
text-decoration:  none; 
font-size: 12px;
text-align: left;
}

p 
{ 
color: #000000;
text-decoration:  none; 
font-family: helvetica, arial ;
font-size: 12px;
text-align: left;
}


p.small 
{ 
font-size: 10px;
text-align: left;
}

ul 
{
color: #000000;
text-decoration:  none; 
text-align: left;
}

li 
{
color: #000000;
text-decoration:  none; 
text-align: left;
}

dt:last-of-type
{
margin-top: 10px;
}

dt .command
{
font-weight: bold;
cursor: pointer;
}

dd
{
border-left: 2px solid;
padding: 0 0 0 5px;
}

dd div ul
{
font-weight: bolder;
}

dd div ul li
{
font-weight: normal;
list-style-type: none;
list-style-image: none;
padding: 0 0 2px 5px;
}

H1 
{ 
color: #18426A;
text-decoration:  none; 
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 0 0 0 0;
}

H2 
{ 
color: #245A4F;
text-decoration:  none; 
font-size: 16px;
font-weight: bold;
text-align: left;
}

H3 
{ 
color: #245A4F;
text-decoration:  none; 
font-size: 9px;
font-weight: bold;
text-align: left;
margin: 0 0 15px 0;
}

a:link 
{
color: #90022A;
text-decoration: none;
}

a:visited 
{
color: #90022A;
text-decoration: none;
}

a:hover, a:active 
{
color: #373A6D;
text-decoration: none;
}

input[type="checkbox"], select
{
margin: -1px 3px;
border: 0;
padding: 0;
}

#sitemap
{
background: transparent;
margin: 0 0 0 10px;
max-width: 152px;
min-width: 152px;
color: #000000;
font-family: helvetica, arial ;
font-size: 11px;
}

#sitemap #login
{
margin-right: 5px;
border: 1px solid #101010;
padding: 2px;
}

#login input 
{
margin: 0 0 3px 7px;
font-size: 10px;
min-width: 125px;
max-width: 125px;
width: 125px;
}

#login input.button
{
margin: 0px;
text-align: center;
font-size: 11px;
min-width: 0;
width: auto;
}

#sitemap a:link 
{
color: #000000;
text-decoration: none;
}

#login a:link
{
text-decoration: underline;
}

#sitemap a:visited 
{
color: #000000;
text-decoration: none;
}

#sitemap a:hover,#sitemap a:active 
{
text-decoration: overline underline;
}


#sitemap ul
{
margin: 10px 0 0 0;
padding: 0;
}

#sitemap ul ul 
{
margin: 5px 0 0 10px;
}

#sitemap ul ul ul 
{
margin: 0 0 0 10px;
}

#sitemap li:before
{
content: "\00BB \0020";
}

#sitemap ul li 
{
list-style-type: none;
list-style-image: none;
margin: 15px 0 0 0;
}

#sitemap ul ul li:before
{
content: "";
}

#sitemap ul ul li 
{
margin: 2px 0 0 0;
padding: 0;
}

p img 
{
padding: 0;
max-width: 100%;
}

img.centered 
{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright 
{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft 
{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright 
{
float: right;
}

.alignleft 
{
float: left
}

.small
{
font-size: 10px;
}

.modalBg 
{
position: absolute;
top: 0px;
left: 0px;
filter: Alpha(Opacity=50);
-moz-opacity: 0.5;
background-color: #ddd;
visibility: hidden;
width: expression(document.body.clientWidth);
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
z-index: 100;
}

.modalDialog 
{
position: fixed;
top: 0px;
left: 0px;
visibility: hidden;
z-index: 101;
background-color: white;
top: 0;
left: 0;
top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
border: 1px solid #777;
border-top: 0;
padding: 20px;
}

.modalDialog .modalDialogHeader 
{
margin:0;
padding: 0px;
color: #333;
font-weight: bold;
background-color: #ccc;
border: 1px solid #989898;
position: absolute;
top: 0px;
left: -1px;
height: 7px;
}

.modalShadow 
{
position: fixed;
background-color: black;
top: 0px;
left: 0px;
z-index: 99;
left: expression(document.getElementById('alertMessage').style.left);
top: expression(document.getElementById('alertMessage').style.top);
}

.modalDialog .alertMessage
{
margin-bottom: 10px;
}

.modalDialog .buttonok
{
float: right;
}

#contentdata
{
}

#contentdata h1
{
font-size: 14px;
margin-top: 5px;
margin-bottom: 0;
}

#contentdata h2
{
font-size: 10px;
margin-top: 0;
margin-bottom: 0;
}

#contentdata .command
{
font-size:10px;
cursor: pointer;
color: #90022A;
}

#contentdata table
{
margin-left: 20px;
border-left: 1px dotted;
border-color: #7f7f7f;
}

#contentdata th
{
border: 1px dotted;
border-left: 0;
border-color: #7f7f7f
}

#contentdata td
{
border: 1px dotted;
border-top: 0;
border-left: 0;
border-color: #7f7f7f
}

.dtable
{
display: block;	
}

.drow
{
display: block;
width: 100%;
}

.dcell
{
display: inline;
}

.dhead
{
display: inline;
font-weight: bold;
}

.txtbutton
{
background:silver none repeat scroll 0 0;
border-top:2px solid gray;
border-bottom:2px outset gray;
border-left:2px solid gray;
border-right:2px outset gray;
cursor:pointer;
padding:2px 3px;
float: right;
}

a.txtbutton
{
color: black;
}

.tabs 
{
border-bottom: .5em solid #555;
margin: 0;
padding: 0;
}

.tabs li 
{ 
display:inline; 
border-top: 1px solid #555;
border-left: 1px solid #555;
border-right: 1px solid #555;
}

.tabs li a 
{
text-decoration: none;
padding: 3px 10px;
color: #000;
} 

#contentlist tr:nth-of-type(even) 
{ 
background-color: #eee;
}

#contentlist th
{ 
vertical-align: middle;
}

#contentlist input,.groupform input[type="submit"]
{
padding: .1em .1em .2em .2em;
margin: 0;
}

.subheader
{
width: 75px;
display: inline-block;
}

.hiddenform
{
visibility:hidden;
display:none;
}

.showform
{
visibility: visible;
display: block;
}

.showform span
{
vertical-align: middle;
}

.groupvalue
{
visibility: visible;
display: block;
}

.groupform
{
visibility:hidden;
display:none;
}

.matrix
{
text-align: center;
}

.notice
{
color: red;
}

.male
{
background-color: blue;
}

.female
{
background-color: red;
}

ul.sortable
{
position: relative;
list-style-type: none;
padding: 4px 4px 0 4px;
margin: 0px;
width: 250px;
float: left;
font-weight: bold;
}

ul.sortable li 
{
position: relative;
cursor:move;
margin-bottom: 4px;
padding: 2px 2px;
background-color: #eee;
font-weight: normal;
}

ul.showlist li 
{
border: 1px solid #ccc;
}

ul.hidelist li 
{
border: 1px solid #c00;
}