/* ---- Copyright 2009 DAIR Computer Systems.  All rights reserved. ---- */
body { font-size: 10pt; font-family: Arial; color: black; margin-left: 
        8px; margin-right: 12px; margin-top:20px; margin-bottom:12px;
        background-color: #300404;}
        
.contain {background-color: #e0e0fc; width: 900px;
         margin-right: auto; margin-left: auto;
         -moz-border-radius: 15px; -webkit-border-radius: 15px;
         border: 1px solid #000; padding:  8px;}
        
                /* button - normal, left aligned */
a.butn          { BACKGROUND-COLOR: #d0d0e0; COLOR: #0000ff; FLOAT: left;
                  BORDER-RIGHT: #808080 3px ridge; PADDING-RIGHT: 3px; BORDER-TOP: #808080 2px ridge; 
                  MARGIN-TOP: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 100%; 
                  PADDING-BOTTOM: 0px; MARGIN-LEFT: 3px; BORDER-LEFT: #808080 2px ridge;  
                  MARGIN-RIGHT: 3px; PADDING-TOP: 1px; BORDER-BOTTOM: #808080 3px ridge;
                  -moz-border-radius: 8px; -webkit-border-radius: 8px;
                  }
a.butn:active   {	BACKGROUND-COLOR: #d0d0e0; COLOR: #0000ff}
a.butn:link     { BACKGROUND-COLOR: #d0d0e0; COLOR: #0000ff}
a.butn:visited  { BACKGROUND-COLOR: #d0d0e0; COLOR: #0000ff}
a.butn:hover    { BACKGROUND-COLOR: #00bfff; COLOR: #0000ff}

                /* button - selected, left aligned */
a.btsel         { BACKGROUND-COLOR: #00008b; COLOR: #f0f8ff; FLOAT: left;
                  BORDER-RIGHT: #808080 3px ridge; PADDING-RIGHT: 3px; BORDER-TOP: #808080 2px ridge; 
                  MARGIN-TOP: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 100%; 
                  PADDING-BOTTOM: 0px; MARGIN-LEFT: 3px; BORDER-LEFT: #808080 2px ridge;  
                  MARGIN-RIGHT: 3px; PADDING-TOP: 1px; BORDER-BOTTOM: #808080 3px ridge;
                  -moz-border-radius: 8px; -webkit-border-radius: 8px;
                  }
a.btsel:link    {	BACKGROUND-COLOR: #00008b; COLOR: #f0f8ff}
a.btsel:visited {	BACKGROUND-COLOR: #00008b; COLOR: #f0f8ff}

a {
	color: Blue;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: Black;
	text-decoration: none;
}

img {
	border: 0px;
}


/*
p {
	line-height: 1.5em;
	margin: 0 0 14px;
}
*/

h5 {
    BORDER:  2px ridge #a0a0a0;
    PADDING: 2px 8px 2px 8px;
    FONT-WEIGHT: bold; FONT-SIZE: 120%; line-height=12px;
}

pre{
	font: monospace;
	white-space: pre;
	font-size: 12px;
	line-height: 14px;
}
/*------------- .classes ---------------*/
.drop:first-letter {
	line-height: .75em;
	margin: 0 0 0 20px;
	font-size: 160%;
	font-weight: bold;
	float: left;
	color: navy;
}

.notsel {
	background-color: none;
	margin: 0 5px 0 5px;
}

.topsel {
	background-color: #00008c;
	color: White;
	padding: 1px 5px 2px 5px;
}

.botsel {
	background-color: Navy;
	color: Yellow;
	padding: 0px 7px 2px 7px;
	font-size: 140%;
}

.panel{
	border:thin solid silver;
}

.outline{
    PADDING: 2px 2px 2px 2px;
    -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

/* ----------- #ids (divs) ------------ */
#container {
	background: #ffffff url("container.jpg") repeat-x;
	color: #303030;
	margin: 0;
	min-width: 370px;
	min-height: 200px;
	padding: 0;
	text-align: left;
	width: 100%;
	border: thin groove Navy;
}

#menu {
	margin: 4px 0px;
	height: 18px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu li {
	float: left;
	font-size: 100%;
	list-style: none;
	/*margin: 0px 10px;*/
	margin:0;
}

/*#menu a {
	border: Black;	
}*/

#submenu {
	margin: 4px 0px;
	height: 18px;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
}

#submenu li {
	float: left;
	font-size: 100%;
	list-style: none;
	/*margin: 0px 10px;*/
	margin:0;
}

/*#submenu a {
	border: Black;	
}*/

#toolbar {
	clear: both;
	/*margin: 8px 20px;*/
}

#client {
}