/* GLOBAL RESET */
/* ################################################### */

html, body    { width: 100%; height: 100%; }
*             { margin: 0; }
div, h1, h2, h3, h4, h5, span, p { padding: 0 }
li, dd        { margin-left: 5%; }
fieldset      { padding: .5em; }

/* BASIC STYLES */
/* ################################################### */


a, a:visited
{
  color: #096AAF;
  text-decoration: underline;
  outline: none;
}

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

body
{
  background: #ffffff url(../images/bgbody.jpg) repeat-x top center;
  font-family: Verdana, Arial;
  font-size: 0.7em;
  color: #444444;
}

#topbar
{
	position: absolute;
	width: 100%;
	height: 39px;
	z-index: 50;
}

#topbar img
{
	width: 100%;
	height: 36px;
}

#wrapper
{
	position: relative;
  margin: 0px auto;
  width: 820px;
  padding: 0;
  min-height: 100%;
  background: url(../images/bgcontent.gif) no-repeat left 222px;
}

* html #wrapper
{
  height: 100%;
}

#top
{
	position: relative;
	height: 222px;
}

#logo
{
	position: absolute;
	top: 52px;
	left: 0px;
	width: 390px;
	height: 170px;
	z-index: 100;
}

#logo img
{
	border: none;
}

#menubar
{
	position: absolute;
	top: 222px;
	left: 7px;
	width: 400px;
	height: 34px;
}

#banner
{
	position: absolute;
	top: -1px;
	left: 383px;
	width: 437px;
	height: 255px;
}

#contact
{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	width: 100px;
	height: 40px;
	padding: 6px 40px 0 0;
	z-index: 200;
	text-align: right;
}

#contact a
{
	font-size: 1.6em;
  font-weight: normal;
  text-decoration: none;
}

#contact a:hover
{
	text-decoration: underline;
}


/* CONTENT */
/* ########################################### */


#content
{
	margin: 60px 40px 60px 60px;
	line-height: 160%;
}

.left30 {	width: 245px; float: left; overflow-x: hidden }
.left40 {	width: 280px; float: left; overflow-x: hidden }
.left50 { width: 345px;	float: left; overflow-x: hidden }
.left60 { width: 420px; float: left; overflow-x: hidden }
.left70 { width: 450px; float: left; overflow-x: hidden }
.left100 { width: 700px; float: left; overflow-x: hidden }

.right30 { width: 225px; float: right; overflow-x: hidden }
.right40 { width: 280px; float: right; overflow-x: hidden }
.right50 { width: 345px; float: right; overflow-x: hidden }
.right60 { width: 420px; float: right; overflow-x: hidden }
.right70 { width: 450px; float: right; overflow-x: hidden }


/* PARAGRAPH & PANELS */
/* ################################################## */

#content ul 
{
	padding-left: 0px;
	margin-left: 0px;
}

p, .paragraph
{
	margin: 11px 0 11px 0;
}

td p 
{
  margin: 0;
}

.panel
{
	margin: 0 0 15px 0;
}

.paneltop
{
	background: url(../images/paneltop.gif) no-repeat left top;
	height: 5px;
	font-size: 0;
}

.panelcontent
{
	padding: 7px 7px 7px 10px;
	background: url(../images/panel.gif) repeat-y left top;
}

.panelbottom
{
	background: url(../images/panelbottom.gif) no-repeat left top;
	height: 5px;
	font-size: 0;
}

.block
{
	width: 210px;
	height: 116px;
	margin: 0 0 15px 0;
}

.block .title
{
	height: 23px;
	padding: 7px 0 0 10px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.block .content
{
	padding: 18px 0 0 30px;
	color: #FFFFFF;
	font-size: 1.2em;
}

.block a
{
	color: #FFFFFF !important;
	text-decoration: underline;
	font-weight: bold;
}

#block1	{ background: url(../images/block1.gif) no-repeat left top; }
#block2	{ background: url(../images/block2.gif) no-repeat left top; }
#block3	{ background: url(../images/block3.gif) no-repeat left top; }



/* TYPOGRAPHY */
/* ################################################## */


h1
{
	background: url(../images/bgtitle.jpg) no-repeat -50px top;
	font-size: 1.6em;
	color: #2087be;
	margin: 0 0 15px 0;
}

h2
{
	font-size: 1.3em;
	color: #2087be;
	margin: 0 0 3px 0;
}

h3
{
	font-size: 1.2em;
	color: #2087be;
	margin: 0 0 3px 0;
}

.panelcontent h2
{
	padding-left: 20px;
	background: url(../images/label.gif) no-repeat left 1px;
}


/* MENU */
/* ################################################### */

#menu
{
  position: absolute;
  top: 222px;
  margin: 0;
  left: 50px;
  z-index: 10;
}

#nav
{
  color: #FFFFFF;
  display: block;
  height: 30px;
  margin: 0;
  z-index: 50;
  width: auto;
}

#nav a
{
  height: 30px;
  _height: 30px;
  margin: 0;
}

#nav ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 50;
}

#nav ul li
{
  display: block;
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: auto;
  z-index: 50;
}

#nav ul li a
{
  height: 28px;
  display: block;
  width: auto;
  text-decoration: none;
  text-align: left;
  padding: 4px 10px 0 10px;
  top: 0px;
  margin: 0;
  float: left;
  font-family: Tahoma, Verdana, Arial;
  font-size: 1.6em;
  font-weight: normal;
}

#nav ul li a:hover,
#nav ul li a.hover
{
  background: url(../images/menuhover.jpg) repeat-x left top;
  color: #fff;
  text-decoration: none;
}

/* same as above, but internet explorer < 7 chokes on the > */
#nav ul li:hover > a 
{
  background: url(../images/menuhover.jpg) repeat-x left top;
  color: #fff;
  text-decoration: none;
}

#nav ul ul li a
{
  background: #2087be;
  color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  width: 195px;
  font-size: 14px;
  font-weight: normal;
  background: none;
  text-transform: none !important;
}

#nav ul ul li a:hover
{
  background: #63abd2;
}

#nav ul ul
{
  background: #2087be;
  display: none;
  left: 0px;
  top: 32px;
  width: 215px;
  position: absolute;
}

#nav ul ul ul,
#nav ul ul ul ul
{
  background: #2087be;
  display: none;
  left: 215px;
  top: 0px;
  width: 215px;
  position: absolute;
}

#nav ul li:hover ul
{
  display: block;
  position: absolute;
  top: 32px;
  left: 0;
}

#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul
{
  display: none;
}

#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul
{
  display: block;
  left: 215px;
  top: 0px;
}

#nav ul ul li
{
  display: block;
  float: left;
  top: 0;
  height: auto;
}

#nav ul ul li a
{
  display: block;
  float: left;
  width: 195px;
  height: auto;
}

li>ul {
  top: auto;
  left: auto;
}


a.overviewLink {
  background:transparent url(../images/mailing/bullet.jpg) no-repeat scroll left 1px;
  display:block;
  padding:0px 0px 7px 22px;
}




/* GLOBAL CLASSES */
/* ################################################### */

.red, .errors    { color: #B50C21; }
.black,          { color: #000000; }
.grey            { color: #615954; }

.clear        { clear: both; }

.floatleft    { float: left; }
.floatright   { float: right; }

.textleft     { text-align: left; }
.textright    { text-align: right; }
.textcenter   { text-align: center; }
.textjustify  { text-align: justify; }
.bold         { font-weight: bold; }
.italic       { font-style: italic; }
.underline    { border-bottom: 1px solid; }
.highlight    { background: #ffc; }
.smallfont    { font-size: 0.85em; }

.imgleft      { float: left; margin: 4px 10px 4px 0; }
.imgright     { float: right; margin: 4px 0 4px 10px; }

.noborder     { border: none; }
.nopadding    { padding: 0 !important; }
.noindent     { margin-left: 0; padding-left: 0; }
.nobullet     { list-style: none; list-style-image: none; }
.nowrap       { white-space: nowrap; }

input.radiobutton, input.checkbox { width: auto; }