html {}

body {background: #000000; text-align: center; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}

/* general formatting */
a {color: #ffffff; text-decoration: underline;}
a:hover {background-color: #ffffff; text-decoration: none; color: #000000;}

p {margin: 0 0 14px 0;}

h1 {font-size: 18px; font-weight: bold; margin: 0 0 14px 0;}
h2 {font-size: 15px; font-weight: bold; margin: 0 0 10px 0;}
h3 {font-size: 13px; font-weight: bold; margin: 0 0 5px 0;}

img {float: left; display: inline; margin: 0 14px 14px 0; border: 0;}

.bulletlink, .bulletlinkrev {background: url(../images/linkbullet.gif) no-repeat 0px -19px; padding: 0 0 0 18px; margin: 3px 0 5px 0; font-size: 12px; text-decoration: none; color: #a8a8a8; font-weight: bold;}
.bulletlink:hover, .bulletlinkrev:hover {background-position: 0px -72px; color: #ffffff; background-color: transparent;}
.bulletlinkrev {background-image: url(../images/linkbulletrev.gif);}

dl {margin: 0 0 14px 0; padding: 0;}
dt {float: left; display: inline; width: 17%; margin: 0; padding: 0; font-weight: bold;}
dd {float: left; display: inline; width: 83%; margin: 0; padding: 0;}

ul {list-style-type: square; margin: 0 0 20px 0; padding: 0 0 0 24px;}
ul li {margin: 0 0 3px 0;}

hr {width: 100%; clear: both; height: 1px; margin: 5px 0 5px 0; background: #808080; color: #808080; border: 0;}
hr.invisible {background: #000000; color: #000000;}

/* @-character in e-mail links */
.miumau {margin: 0 0 -2px 0;padding: 0 6px 0 1px;background: url(../images/miumau.gif) no-repeat 0 3px;}
a:hover .miumau {background-position: 0 -27px;}	


/* Page elements */
#container {position: relative; width: 846px; margin: 0 auto 0 auto; text-align: left;}

#header {width: 846px; height: 136px; background: url(../images/dottedline.gif) no-repeat 0 118px;}
#logo {position: absolute; left: 13px; top: 28px;}

/* main menu */
#mainmenu {position: absolute; left: 12px; top: 102px; width: 833px; margin: 0; padding: 0; list-style-type: none;}
#mainmenu li {float: left; display: inline; margin: 0 1px 0 0;}
#mainmenu a {display: block; width: 204px; height: 14px; background: url(../images/mainmenubtn1.gif) no-repeat 0 -20px;}
#mainmenu a:hover {background-position: 0 -54px;}
#mainmenu a.active, #mainmenu a.active:hover {background-position: 0 -88px;}
	#mainmenubtn2 a {background-image: url(../images/mainmenubtn2.gif);}
	#mainmenubtn3 a {background-image: url(../images/mainmenubtn3.gif);}
	#mainmenubtn4 a {background-image: url(../images/mainmenubtn4.gif);}

/* sub menu */
.submenu {list-style-type: none; margin: 3px 0 0 0; padding: 0; width: 185px;}
.submenu li {float: left; display: inline; width: 185px; margin: 0 0 3px 0;}
.submenu a {display: block; width: 179px; text-decoration: none; font-weight: bold; color: #a8a8a8; padding: 0 0 0 6px; border-left: 4px solid #929292; text-transform: uppercase;}
	* html .submenu a {width: 185px; w\idth: 179px;}
.submenu a:hover {color: #ffffff; border-left-color: #ffffff; background-color: transparent;}
.submenu a.active, .submenu a.active:hover {background-color: #4d4d4d; color: #ffffff; border-left-color: #ffffff;}

#footer {float: left; display: inline; width: 822px; text-align: right; padding: 38px 12px 0 12px; background: url(../images/dottedline.gif) no-repeat 0 28px; margin: 0 0 0 0; clear: both;}
	* html #footer {width: 846px; w\idth: 822px;}
#footer img {float: none; margin: 0;}

/* columns */
.col1 {float: left; display: inline; width: 185px; margin: 0 10px 0 12px;}
.col2 {float: left; display: inline; width: 185px; margin: 0 20px 0 10px;}
.col1-2 {float: left; display: inline; width: 390px; margin: 0 20px 0 12px; overflow: hidden;}
.col3-4 {float: left; display: inline; width: 390px; margin: 0 0 0 20px;}
.col1-4 {float: left; display: inline; width: 820px; margin: 0 0 0 12px;}
.col2-4 {float: left; display: inline; width: 602px; margin: 0 0 0 23px;}
	
	/* Nested */
	.col2-4 .col2 {margin-left: 0;}

/* tabs */
.tabs {list-style-type: none; margin: 0; padding: 0; background: #252525; width: 100%; height: 14px;}
.tabs li {float: left; display: inline; border-right: 1px solid #000000; margin: -1px 0 0 0;}
.tabs a {padding: 0 10px 0 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #a8a8a8; text-decoration: none;}
.tabs a:hover {color: #ffffff; background-color: transparent;}
.tabs a.active, .tabs a.active:hover {background-color: #4d4d4d; color: #ffffff;}
.tabcontent {display: none; margin-top: 14px;}
div.tabcontent.active {display: block;} /* div added to selector to work around ie bug */

/* contact cards */
.contactcard {float: left; display: inline; width: 300px; margin: 0 0 14px 0;}

/* Home page elements */

	/* Highlight */
	.tabcontent.highlight {position: relative; height: 336px; margin-top: 0;}
	.highlight img {float: none; margin-right: 0;}
	.highlight .bulletlink {position: absolute; left: 0; bottom: 0;}
	
	/* News */
	.news {height: 322px;}
	
	/* Contactinfo */
	#contactinfo {position: absolute; left: 12px; top: 362px; width: 422px;}

	
/* TEMP */
#mainmenubtn2 {visibility: hidden;}
#mainmenubtn4 {visibility: hidden;}