
*/

/* -------( structure elements )- */

body{
background: #335588;
 margin: 0 auto;
 padding: 0;
 color: #000;
font: 75% Verdana, Tahoma, Arial, sans-serif;
}

#header, #login {
display: none;
}

#controls {
clear: both;
}

#bottombar p {
font-size: 90%;
 text-align: center;
}

#page {
margin: 1em auto;
 max-width: 950px;
}

#b1 {
background: #fff url(b1.gif) repeat-y left;
}

#b2 {background: url(b2.gif) repeat-y right;
}

#c1 {background: url(c1.gif) no-repeat top right;
}

#c2 {background: url(c2.gif) no-repeat top left;
}

#c3 {background: url(c3.gif) no-repeat bottom right;
}

#c4 {background: url(c4.gif) no-repeat bottom left;
 padding: 30px;
 padding-bottom: 0;
}

#headerlink {float: right;}



/* -------( link styles )- */

a {
font-size: inherit;
	font-weight: inherit;
}

a:link {
text-decoration: none;}

a:visited {
text-decoration: none;}

a:hover, a:active {
text-decoration: none;
}

#footer a {
color: #777;
}

#footer a:hover {
text-decoration: underline;
}


/* -------( heading styles )- */

h1 {
font-size: 2.25em;
 font-weight: bold;
}

h2 {
font-size: 1.5em;
 font-weight: bold;
 margin: 0.5em 0 0 0;
 text-align: left;
}

h3, h4, h5, h6 {
font-size: 1.1em;
 font-weight: bold;
 margin: 0.5em 0 0 0;
 text-align: left;
}



/* -------( list styles )- */

dl {
margin: 0.25em;
}

dt {
font-weight: bold;
}
dd {
padding: 0 0 0 1.5em;
}

ul, ol {
 margin: 0.25em;
 padding: 0 0 0 1.5em;
}

ol {
margin: 0 0 0 1em;
}


/* -------( x styles )- */

#x {
margin: auto;
 padding: 0.5em 0;
width: 98%;
	text-align: center;
}

#dexhead {
display: block;
 margin: 0 0 0.5em 0;
 text-align: left;
}

#dexhead h2 {
float: left;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 2em;
 padding: 0;
 margin: 0 0 0 0;
 text-align: left;
}

#dexsearch {
border: 1px dashed #eee;
 margin: 0 0 0.5em 0;
 float: right;
	padding: 2px;
}

#dexsearch label {
color: #666;
 font-size: 80%;
 padding: 5px;
 display: inline-block;
 line-height: 1.8;
 vertical-align: top;
}

.dexmenu {
background: #000;
 border-top: 2px solid #000;
	border-bottom: 2px solid #000;
 clear: both;
 margin: 1em auto 1em auto;
 padding: 0;
 text-align: center;
 }

.dexmenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.dexmenu ul li {
 display: inline;
 margin: 0;
 padding: 0;
}

.dexmenu ul li a {
 border: none;
 color: #fff;
 font-weight: bold;
 margin: 0;
 padding: 5px 7px;
	/*-moz-border-radius: 5px;*/
}

.dexactive,.dexmenu ul li a:hover,.dexmenu ul li a:active {
background: #fff;
 border: 2px solid #000 !important;
	color: #000 !important;
	margin: 0;
 padding: 5px 5px !important;
}

#dextitle {
text-align: left;
 vertical-align: middle;
}
.dexblock {
text-align: left;
}

.dexblock a {
background: none !important;
 border-bottom: 1px dotted #ccc !important;
 color: #000;
 font-weight: inherit;
}

.dexblock a:hover {
border-bottom: 1px solid #555 !important;
 color: #555 !important;
}

.dexblock a:visited {
color: #555 !important;
}

.dexblock h3 {
border-bottom: 1px dotted #ccc;
 font-size: 1.25em;
 font-weight: bold;
margin: 0;
 padding: 0;
 width: 100%;
}

.dexblock h4 {
font-size: 1em;
 font-weight: bold;
 margin: 0;
 padding: 0;
}
.dexblock p {
margin: 1em auto;
 padding: 0;
 text-align: justify;
	width: 98%;
}

.dexblock ul {
margin: auto;
 padding: 0.5em 0 0.5em 2em;
	text-align: left;
}

.dexblock dl {
margin: auto;
 padding: 0 0 0.5em 0.25em;
	text-align: left;
}

.dexblock dt {
font-weight: bold;
 margin: 0;
 padding: 0.5em 0 0 0;
}

.dexblock dd {
padding: 0 1em;
 text-align: justify;
}

.dexblock hr {
border: none;
 border-top: 1px dotted #ccc;
 clear: both;
 height: 0px;
}

.dexmainhead td, .dexmainhead th, {
background: #ccc;
 color: #000;
 font-weight: bold;
}

.dexmainrow td, .dexmainrow th, .dexmaincol {
background: #eee;
 font-weight: bold;
}

.graphbarbar {
padding: 2px !important;
	border: 1px solid #000;
 display: block;
}

.dexblockleft {
clear: both;
 float: left;
 padding: 0.5em 0;
 text-align: left;
 width: 58%;
}

.dexblockright {
float: right;
 padding: 0.5em 0;
	text-align: left;
 width: 38%;
}

.dexblock {
clear: both;
	padding: 0.5em 0;
 text-align: left;
}

.center {
text-align: center !important;
	margin: auto !important;
}

.clear {
clear: both;
}

.maincol {
background: #efefef;
 font-weight: bold;
}