* { padding: 0; margin: 0; }
body { color: #000; font-family: verdana, arial, sans-serif; line-height: 1.25em; text-align: center;
	background: #888 url(images/bg2.gif) top left repeat; margin: 0 10px 20px; }

img { border: none; }
.note { font-size: 75%; font-style: normal; }
.required { background-color: #ff9e96; }
.disabled { }
.invisible { display: none; }
hr { margin: 0; padding: 0; line-height: 0; }

#top_bar { background: url(images/search_bar.gif) top left no-repeat; margin: 0 20px; padding: 0; white-space: nowrap;
			width: 358px; height: 20px; text-align: center; color: #fe3; font-size: 10px; float: right; }
#top_bar a { color: #fe3; text-decoration: none; margin: 3px 0; padding: 0 8px; border-right: 1px solid #600; white-space: nowrap; }
#top_bar a.last { border-right: none; }
#top_bar a:hover { color: #ccc; }

#container { margin: 0; padding: 0 5px 0 0; text-align: left; clear: both;
			background: url(images/shadowAlpha.png) top right repeat-y !important;
			background: url(images/shadow.gif) top right repeat-y; }
#container2 { border: 1px solid black; }
#main { background: #ffc url(images/page_left.gif) top left repeat-y; padding: 0; margin: 0; }
#main2 { background: url(images/page_right.gif) top right repeat-y; padding: 0; margin: 0; }
.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }

#header { height: 100px; padding: 0 10px; }
#header h1 { font-size: 24px; font-weight: bold; padding: 10px 0 5px; margin: 0; }
#header h2 { font-size: 16px; font-weight: bold; padding: 0; margin: 0; }

#menu { font-size: 90%; margin: 0; padding: 2px 0 3px !important; padding: 5px 0 3px; background-color: #333; border-width: 1px 0; border-style: solid; border-color: #000; }
#menu ul { display: inline; margin: 0; padding: 0; }
#menu ul li { list-style: none; display: inline; vertical-align: middle; margin: 0; padding: 0; }
#menu ul li a { color: #fff; font-weight: bold; padding: 5px 8px; border-right: 1px solid #000; margin: 0; white-space: nowrap; }
#menu ul li a:hover { background-color: #666;  }

#left_side_bar { width: 200px; float: left; }
#right_side_bar { width: 200px; float: right; }
.side_bar h2 { font-size: 95%; font-weight: bold; color: #900; font-variant: small-caps; text-align: left;
				margin: 1em 10px 0; padding: 0 2px 0px; background-color: #ddd; border-bottom: 1px solid #666; }
.side_bar p { color: #666; font-size: 80%; line-height: 1.1em; text-align: justify;
				margin: 0 10px; padding: 5px; background-color: #ddd; }
.side_bar form { color: #666; font-size: 80%; line-height: 1.1em; text-align: justify;
				margin: 0 10px; padding: 5px; background-color: #ddd; }
.side_bar form #q { width: 120px; }
.side_bar a { color: #900; text-decoration: underline; }
.side_bar a:hover { color: #A33; background-color: #ccc; }
.side_bar #search h2, .side_bar #search form { background-color: #ffc; color: #000; }

.ad { margin: 10px auto; padding: 0; font-size: 80%; background-color: #ddd; width: 170px; text-align: center; color: #000; border: 2px solid #666; }
.ad h2 { font-size: 125%; margin: 0; text-align: center; }
.ad h2 a { text-decoration: none; }
.ad h2 a:hover { text-decoration: underline; background: inherit; color: inherit; }
.ad img { margin: 3px 0; }
.ad a img { text-decoration: none; border: none; }

#body { padding: 0 0 0 200px; margin: 0 200px 0 0; }
#body h1 { font-size: 115%; font-weight: bold; color: #009; font-variant: small-caps; text-align: left; padding: 1em 1em 0; }
#body h2 { font-size: 105%; font-weight: bold; color: #009; font-variant: small-caps; text-align: left; padding: 1em 1em 0; }
#body h3 { font-size: 95%; font-weight: bold; color: #009; text-align: left; padding: 0.5em 1em 0; }
#body h4 { font-size: 85%; font-weight: bold; color: #009; text-align: left; padding: 0.5em 1em 0; }
#body p { color: #000; font-size: 90%; line-height: 1.2em; text-align: justify; padding: 0.5em 1em 0.5em 2em; }
#body a { color: #009; text-decoration: underline; margin: 0; padding: 0; }
#body a:hover { color: #33A; background-color: #ccc; }
#body ol { list-style-type: decimal; }
#body ul { list-style-type: disc; }
#body ul, ol { padding: 0 50px 10px; margin: 0; }
#body ul li, ol li { font-size: 80%; }
#body ul.topics li { list-style-type: none; text-indent: -3em; margin-left: 3em; }
#body ul li a, ol li a { font-size: 110%; position: relative; }
#body #breadcrumbs { text-align: right; width: 50%; font-size: 70%; float: right; padding: 5px; }
#body #breadcrumbs a { padding: 0 5px; }

#body table { border-collapse: collapse; margin: 1em; padding: 0; }
#body table.bordered { border: 1px solid #666; }
#body tr { }
#body tr.top { border-bottom: 1px solid #666; }
#body table.bordered tr.top { background-color: #ddd; }
#body tr th { text-align: right; vertical-align: top; font-weight: normal; font-size: 80%; margin: 0; padding: 4px 2px 2px; }
#body tr.top th { text-align: center; vertical-align: top; font-weight: bold; font-size: 80%; margin: 0; padding: 2px; }
#body tr th.over { text-align: left; }
#body tr td { text-align: left; vertical-align: top; font-size: 80%; margin: 0; padding: 4px 2px 2px; }
#body td.action { text-align: center; }
#body table.bordered tr td, #body table.bordered tr th { border-bottom: 1px solid #888; padding: 4px 1em; }
#body textarea { width: 25em; height: 10em; }
#body input.field { width: 15em; }
#body input.med_field { width: 6em; }
#body input.short_field { width: 3em; }
#body select.field { }

#popular { margin: 0 auto !important; padding: 0; border: none; text-align: center; }
#popular div { margin: 0; padding: 0; vertical-align: top; text-align: center; width: 180px; float: left; border: none; }
#popular div div { margin: 0 auto; padding: 0; width: 175px; border: none; float: none; }
#popular div img { margin: 0 4px 0 0; }
#popular div h2 { text-align: center; margin: 0 auto; padding: 0; }
#popular div p { text-align: center; }
#popular div form select { width: 175px; }

#bottom { background-color: #ccc; border-top: 1px solid #666; text-align: center; font-size: 70%; color: #666; line-height: 1em; padding: 0.5em; }
#bottom a { color: #009; text-decoration: underline; margin: 3px 0; padding: 0 8px; border-right: 1px solid #888; }
#bottom a.last { border-right: none; }
#bottom a:hover { color: #900; }