/* --- basic element styles --- */

html {
	height: 100%;
	min-height: 100%;
	margin: 0px;
 	padding: 0px;
}

body  {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

a:link:hover,a:visited:hover {
	color: #4db848;
}

blockquote {
	font-style: italic;
}

dl {
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
}

dt {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	border-bottom: #336699 solid 2px;
	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em .25em 0em;
}

dd {
	margin: 0em 2em 0em 2em;
	padding: 0.5em;
}

form {
	margin: 0px;
	padding: 0px;
}

h1 {
	font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4db848;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h1 a:link, h1 a:visited {
	color: #4db848;
	font-weight: normal;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	color: #336699;
	border-left: #cccccc solid 8px;
	margin: 0em 0em 1em 0em;
	padding: 0px 0px 0px 8px;
}

h3 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin: 1em 0em;
	padding: 0px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-bottom: #336699 solid 2px;
	margin: 1em 0em;
	padding: 0em 0em 0.25em 0em;
}

img {
	border: none;
}

input, select {
	vertical-align: middle;
}

li {
	padding: 1px 0px;
}

ol, ul {
	margin: 0em 0em 1em 4em;
	padding: 0px;
}

ul {
	list-style-type: square;
}

p {
	margin: 0em 0em 1em 0em;
	padding: 0px;
}

table {
	border-collapse: collapse;
	border: none;
	margin: 0px;
	padding: 0px;
}

td,th {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}

/* --- global styles --- */

body.threeCol {
	color: #333333;
	background: #cccccc;
}

div.sideitem {
	border-left: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
	margin: 0px 0px 8px 0px;
	padding: 4px;
}

div.sideitem li {
	line-height: 18px;
}

div.sideitem table {
	width: 100%;
}

ol.lms,ul.lms {
	margin-left: 1.5em;
}

p.cite {
	color: #000000;
	padding: 8px;
	text-align: center;
	background: #ffffcc;
	border: #cccccc solid 1px;
}

p.sidetitle {
	color: #ffffff;
	background: #336699;
	border: #336699 solid 1px;
	line-height: 19px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 4px;
}

td.lined {
	border-bottom: #cccccc solid 1px;
	padding: 4px 4px 4px 0px;
}

th.lined {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	vertical-align: bottom;
	border-bottom: #336699 solid 2px;
	padding: 0px 4px 2px 0px;
}

td.snapshot {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px;
}

ul.sidebox {
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

input.sideitem {
	width: 200px;
}

li.sideitem {
	border-right: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
	margin: 0px;
	padding: 0px;
}

li.sideitem a {
	display: block;
	color: #000000;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	border-left: #336699 solid 4px;
	padding-left: 8px;
	padding-right: 4px;
}

li.sideitem a.active {
	color: #336699;
	background: url(/images/side_arrow.gif) right no-repeat;
	border-left: #4db848 solid 6px;
	padding-left: 6px;
}

li.sideitem a:hover {
	color: #4db848;
	text-decoration: underline;
	border-left: #d7e026 solid 6px;
	padding-left: 6px;
}

.adbox {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: #cccccc solid 1px;
	text-align: center;
	vertical-align: top;
	width: 215px;
	margin-bottom: 8px;
}
.adbox p {
	padding: 4px;
	margin: 0px;
}
.adbox a:link, .adbox a:visited {
	color: #000000;
	text-decoration: none;
}
.adbox a:hover { text-decoration: underline; }

.title1 {
	color: #ffffff;
	background: #336699;
	font-weight: bold;
	border: #336699 solid 1px;
	margin: 0px;
	padding: 4px 8px;
}

.title2 {
	color: #000000;
	background: #cccccc;
	font-size: 11px;
	font-weight: bold;
	border: #336699 solid 1px;
	margin: 0px;
	padding: 4px 8px;
}

.title3 {
	border: #336699 solid 1px;
	font-size: 14px;
	margin: 1.5em 0em 0.5em 0em;
	padding: 8px;
}

.box1 {
	color: #000000;
	font-size: 14px;
	border: #336699 solid 1px;
	padding: 10px;
}

.box2 {
	border: #336699 solid 1px;
	padding: 10px;
}

/* --- text styles --- */

.bold { font-weight: bold; }
.italic { font-style: italic; }
.small { font-size: 11px; }
.small input, .small select { font-size: 11px; }
.large { font-size: 14px; }
.white { color: #ffffff; }

.error {
	color: #990000;
	font-weight: bold;
}

/* --- backgrounds and borders --- */

.shaded { background: #e0e0e0; }
.border { border: #336699 solid 1px; }
.border2 { border: #cccccc solid 1px; }
.border3 { border: #000000 solid 1px; }
.lbs { border-left: #336699 solid 1px; }
.tbs { border-top: #336699 solid 1px; }
.rbs { border-right: #336699 solid 1px; }
.bbs { border-bottom: #336699 solid 1px; }
.divider { border-bottom: #cccccc solid 1px; }
.sideimg { border: #cccccc solid 1px; }

/* --- positioning --- */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.fltlft { float: left; }
.fltrt { float: right; }
.lclear { clear: left; }
.rclear { clear: right; }

.clearfloat {
	clear: both;
	font-size: 0;
	height: 0;
}

/* --- margins and padding --- */

.lm8 { margin-left: 8px; }
.rm8 { margin-right: 8px; }
.lm16 { margin-left: 16px; }
.rm16 { margin-right: 16px; }
.mb1em { margin-bottom: 1em; }
.nbm { margin-bottom: 0px; }
.pad4 { padding: 4px; }
.pad8 { padding: 8px; }

/* --- named layout elements --- */

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background: #ffffff url(/images/bg_middle.gif) repeat-y;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#content {
	position: relative;
	padding: 0px 18px 38px 18px;
}

#leftCol {
	float: left;
	width: 217px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

#rightCol {
	float: right;
	width: 217px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

#middleCol {
	position: relative;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#twoCol {
	position: relative;
	width: 726px;
	margin-left: 231px;
}

#header {
	position: relative;
	height: 46px;
	background: #336699;
	padding: 7px 8px 7px 6px;
	margin: 0px 10px;
}

#uppermenu {
	position: absolute;
	top: 2px;
	right: 8px;
	font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

#uppermenu a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 2px;
}

#uppermenu a:hover {
	color: #d7e026;
	text-decoration: underline;
}

#uppermenu a.active {
	color: #d7e026;
}

#menubar {
	position: relative;
	height: 24px;
	font: 12px/24px Tahoma, Arial, Helvetica, sans-serif;
	color: #cccccc;
	background: #000033 url(/images/menu_bg.gif) repeat-x;
	border-top: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	margin: 0px 10px;
	padding: 0px 8px 0px 237px;
}

#menubar a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 4px;
	margin: 0px;
}

#menubar a.active {
	color: #d7e026;
}

#menubar a:hover {
	color: #d7e026;
	text-decoration: underline;
}
#menubar img {
	position: absolute;
	top: 0px;
	left: 8px;
}

#menu-gradient {
	width: 980px;
	height: 10px;
	font-size: 1px;
	background: #ffffff url(/images/menu_gradient.gif) top repeat-x;
	margin: 0px 10px;
}

#clearfooter {
	display: table;
	clear: both;
	width: 100%;
	position: relative;
	height: 30px;
	overflow: hidden;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 980px;
	height: 30px;
	color: #cccccc;
	background: #336699;
	font: 11px/29px Tahoma, Arial, Helvetica, sans-serif;
	border-top: #000000 solid 1px;
	margin: 0px 10px;
}

#footer #copyright {
	position: absolute;
	top: 0px;
	left: 8px;
}

#footer #menu {
	position: absolute;
	top: 0px;
	right: 8px;
}

#footer a:link, #footer a:visited {
	color: #cccccc;
	text-decoration: none;
}

#footer #menu a:link, #footer #menu a:visited {
	color: #ffffff;
	font-weight: bold;
	padding: 0px 2px;
}

#footer #menu a.active {
	color: #d7e026;
}

#footer a:hover, #footer #menu a:hover {
	color: #d7e026;
	text-decoration: underline;
}

/* --- printing styles --- */

@media print {
	body.threeCol {
		color: #000000;
		background: #ffffff;
	}
	#menubar img {
		display: none;
	}
}