/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* General Style Declarations                                       */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
  Don't forget that with the box model, the width property 
  refers to the size of the inside borders. Both padding 
  and margin are added to the width.
*/


html { min-height: 100%; margin-bottom: 1px; }

body { height:100%; margin: 0px; padding: 0px;}

body   { font-size: 9pt;  font-family: 'Verdana','Helvetica','Arial', Sans-Serif; }
body * { font-size: 100%; font-family: 'Verdana','Helvetica','Arial', Sans-Serif; }

h1, h2, h3, h4, h5, h6  { font-family: 'Verdana','Helvetica','Arial', Sans-Serif; margin-top: 0px; padding-top: 0px; }
h1 { font-size: 1.35em; color: #003580; }
h2 { font-size: 1.25em; color: #003580; }
h3 { font-size: 1.15em; color: #00B09D; }
h4 { font-size: 1.10em; color: #00B09D; margin-bottom: 0; padding-bottom: 0; }
h5 { font-size: 1.00em; color: #444444; margin-bottom: 0; padding-bottom: 0; }
h6 { font-size: 0.90em; color: #444444; margin-bottom: 0; padding-bottom: 0; }

td    { vertical-align: top; text-align: left; }
img   { border-style: none; padding: 0px; margin: 0px; }
form  { margin: 0px; }
p     { padding-top: 0px; margin-top: 0px; }

hr { 
  background-color: #a4ceec;
  color:      #a4ceec;
  border:     0px;
  height:     1pt;
  width:      100%;
  padding:    0px;
  margin:     0px;
}

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


a         { text-decoration: none; color: #003580 }
a:hover   { text-decoration: underline; }
a:link    {  }
a:visited {  }
a:active  {  }  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Table Cell Alignment Options                                     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.celltoplt { vertical-align: top;    text-align: left;   }
td.celltopct { vertical-align: top;    text-align: center; }
td.celltoprt { vertical-align: top;    text-align: right;  }
td.cellmidrt { vertical-align: middle; text-align: right;  }
td.cellmidct { vertical-align: middle; text-align: center; }
td.cellmidlt { vertical-align: middle; text-align: left;   }
td.cellbotrt { vertical-align: bottom; text-align: right;  }
td.cellbotct { vertical-align: bottom; text-align: center; }
td.cellbotlt { vertical-align: bottom; text-align: left;   }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* General Style Options                                            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body { line-height: 1.4em; }

/* prepares the background image to full capacity of the viewing area */
#bg { position:fixed; top:0; left:0; width:100%; height:100%;}

/* places the content ontop of the background image */
#content {
	color:    #555555;
	margin:   0px;
	padding:  30px 0px 200px 0px;
	position: relative;
	width:    850px;
	z-index:  1;
	height: 755px;

}

#content b, #content strong { color: #444444; }

div#navigation   { width: 250px; padding: 12px 6px 12px 14px;  margin: 42px 0px 0px 0px; float: left; }
div#navigation   { background-color: #FFFFFF; color: #555555; }
div#navigation a { background-color: #FFFFFF; color: #00b09d; }

div#navigation #navtext   { padding: 6px  6px 6px  6px;  margin: 0px;  }
div#navigation #navlink   { padding: 0px 12px 0px 24px;  margin: 0px; }
div#navigation #navlink a { display: block; padding: 0px 0px 3px 0px; }

div#feature              { width: 580px; padding: 0px 0px 48px 0px; margin: 0px; float: right; }
div#feature #homeimage   { width: 580px; padding: 0px; margin: 0px; height: 420px; white-space:nowrap; }
div#feature #mainarea    { width: 580px; padding: 0px; margin: 0px; }

div#feature #navfooterhome a { color: #6688AA; }
div#feature #navfooterhome   { 
  background-image:  url(../global_img/footer-bg.gif);
  color:      #6688AA; 
  float:      right; 
  margin:     0px; 
  padding:    0px 12px 10px 12px; 
  text-align: right; 
  width:      380px; 
  font-size: .85em;
}

div#feature #navfooter a { color: #6688AA; }
div#feature #navfooter   { 
  background-image:  url(../global_img/footer-bg.gif);
  color:      #6688AA; 
  margin:     0px; 
  padding:    0px 0px 10px 0px; 
  float:      right; 
  text-align: right; 
  font-size: .85em;
  width:      300px;
}

div#navheader a { color: #6688AA; }
div#navheader   { 
  /* background-image:  url(../global_img/header-bg.gif);*/
  color:      #6688AA; 
  margin:     0px; 
  padding:    5px 10px 5px 0px; 
  float:      right; 
  text-align: right; 
  font-size: .85em;
  width:      210px;
}

div#navheader-home a { color: #6688AA; }
div#navheader-home   { 
  /* background-image:  url(../global_img/header-bg.gif);*/
  color:      #6688AA; 
  margin:     0px; 
  padding:    5px 10px 5px 0px; 
  float:      right; 
  text-align: right; 
  font-size: .85em;
  width:      210px;
}

div#navheader-right a { color: #6688AA; }
div#navheader-right   { 
  background-image:  url(../global_img/nav-right.gif);
	background-repeat: no-repeat;
  margin:     0px; 
  padding:    0px 0px 0px 0px; 
  color:      #6688AA; 
  text-align: center; 
  width:      200px;
	height:     40px;
  vertical-align: middle;
	line-height: 40px;
}

.otl { width: 10px; height: 10px; margin: 0px; padding: 0px; }
.ot  { width: 100%; height: 10px; margin: 0px; padding: 0px; background-color: #FFFFFF; }
.ol  { width: 10px; height: 100%; margin: 0px; padding: 0px; background-color: #FFFFFF; }
.obl { width: 10px; height: 10px; margin: 0px; padding: 0px; }
.ob  { width: 100%; height: 10px; margin: 0px; padding: 0px; background-color: #FFFFFF; }

#maintext   { background-color: #FFFFFF; width: 370px; }

#innertext  { margin: 0px; padding: 12px 4px 0px 4px; height: 100%; background-color: #FFFFFF; }

#mainimages { background-color: #FFFFFF; width: 210px; }

#mainimages   img, 
#mainimages * img { display:block; margin: 0px; padding: 0px; }

#mainimages-footer { background-color: #FFFFFF; margin: 0px; padding: 0px 20px 20px 20px; font-size:.95em;  }

.otl img, .otl * img { display:block; margin: 0px; padding: 0px;}
.ot  img, .ot  * img { display:block; margin: 0px; padding: 0px;}
.ol  img, .ol  * img { display:block; margin: 0px; padding: 0px;}
.obl img, .obl * img { display:block; margin: 0px; padding: 0px;}
.ob  img, .ob  * img { display:block; margin: 0px; padding: 0px;}

.bl {background:  url(../global_img/bl.gif) 0 100% no-repeat; }
.br {background:  url(../global_img/br.gif) 100% 100% no-repeat; }
.tl {background:  url(../global_img/tl.gif) 0 0 no-repeat; }
.tr {background:  url(../global_img/tr.gif) 100% 0 no-repeat; padding:18px; }
.t  {background:  url(../global_img/t.gif) 0 0 repeat-x; }
.b  {background:  url(../global_img/b.gif) 0 100% repeat-x; }
.l  {background:  url(../global_img/l.gif) 0 0 repeat-y; }
.r  {background:  url(../global_img/r.gif) 100% 0 repeat-y; }

.fullwidth   { width: 100%; }

img.right {float:right; padding: 0px 0px 8px 8px; border: 0px; }

#message { padding: 8px; background-color:#E3F3FA; }