
html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

body {
	padding: 0 350px 0 350px;
	margin: 0;
	text-align: center;
    color: #000000;
    font-family: tahoma, arial, sans-serif;
    font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
    background: #FB5200; /* this BG tiles the area outside the columns */
}

#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 50%;
	max-width: 290px;  /* version for IE is at the bottom of this style block */
}

#expander {
	margin: 0 -350px 0 -350px;
	min-width: 700px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper {
  width: 100%;
  border: 1px solid #000000;
  margin-top: 20px;
  background: #FFFFFF;
}

.left {
	width: 20%;
	float: left;
	display: inline;
	text-align: left;
    border-right:2px dotted #FF641A;
 	}

.content {
	width: 74%;
	margin-right: 4%;
	text-align: left;
	display: inline;
	float: right;
	padding-bottom: 3em;
}

/* ********************************************************************* */
/* ******************** Header and Footer elements ********************* */
/* ********************************************************************* */

.header {
  width: 100%;
  color: #000000;
  background: #FFFFFF;
}

.heading_text {
padding: 50px 0 46px 0;
margin-right: 200px;
text-align: center;
}

.heading_text img {
display: block;
margin: 0 auto;
}

.logopic {
float: right;
margin-right: -3px;
margin-right: 0px;
}

div.menu {position:relative;
			margin:0px 0px 0px 0px;
			padding:6px 0px;
			background-color:#028CDF;
			border:1px solid #01456D;
			text-align:center}

div.menu a, div.footer a, div.footer p{
            margin:0px 15px;
			padding:0px;
			font-size:0.9em;
			text-decoration:none;
			color:#FFFFFF;
            }
div.menu a:hover, div.footer a:hover{margin:0px 15px;
			padding:0px;
			font-size:0.9em;
			text-decoration:underline;
			color:#FFFFFF;}

div.footer {
  width: 99%;
  clear: both;
  position: relative;
			margin:0px 0px 0px -2px;
			padding:5px;
			text-align:center;
			border-top:2px solid #55AAFF;
			background-color:#0061C1;
			color:#FFFFFF;
}

/* ********************************************************************* */
/* **************** End Header and Footer elements ********************* */
/* ********************************************************************* */

a{margin:0px;
			padding:0px;
			font-size:inherit;
			text-align:left;
			text-decoration:none;
			color:#0067E6}

a:hover{margin:0px;
			padding:0px;
			font-size:inherit;
			text-decoration:underline;
			color:inherit;}

.textpadder {padding: 8px;}

small {font-size:87%;}

.hide {display: none;}

 .floatright
{
float: right;
margin: 30px 40px 10px 10px;
border: 1px solid #666;
}
.floatright-noline
{
float: right;
margin: 30px 40px 10px 10px;
}

		div.left ul li{margin:1px 5px;
			padding:3px 10px;
			background-color:#FFFFFF;
			border-bottom:1px dotted #0067E6;
			list-style-type:none;
			font-size:0.7em;
			font-weight:bold;
			color:#0067E6;}

		div.left p{
            margin:5px;
			padding:0px;
			font-size:.8em;
            color:#00356A;}

		div.left h1{
            margin:15px 5px 5px 5px;
			padding:0px;
			font-size:.8em;
			font-weight:bold;
			border-bottom:2px solid #FF641A;}

        /* h2 is identical to h1 - allowing alternate h1 styling on   */
        /* site-map page, where xxx-section-menu.shmtl will also be included */

		div.left h2{
            margin:15px 5px 5px 5px;
			padding:0px;
			font-size:.8em;
			font-weight:bold;
			border-bottom:2px solid #FF641A;}

/* ************* End Left Column ************************ */

		div.content blockquote p.center{
			text-align:center;
			color:#00356A;}

		div.content p{
            margin:5px 5px 5px 5px;
			padding:5px;
			font-size:.8em;
			color:#00356A;}

		div.content p.img2 img{
          width:100%;
          height: auto;
        }


		div.content em{
            font-style: italic;
			color:#00356A;}

		div.content h5 {
            margin:5px;
			padding:5px;
			background-color:#0069BF;
			text-align:center;
			font-size:.9em;
			color:#FFFFFF;}

		div.content h1{
            margin:5px 150px 5px 5px;
			padding:5px 5px 2px 10px;
			font-size:.8em;
			font-weight:bold;
			border-bottom:2px solid #FF641A;}

		div.content h2{
            margin:0px 150px 5px 5px;
			padding:5px 5px 2px 10px;
			font-size:.8em;
			font-weight:bold;
			color: #003A75;}

		div.content h3{
            margin:0px 150px 5px 5px;
			padding:5px 5px 2px 10px;
			font-size:.8em;
			font-weight:bold;
			color: #ED6700;}

        div.content h4{
             margin:0px 150px 5px 5px;
			padding:5px 5px 2px 10px;
			font-size:.8em;
			font-weight:bold;
			color: #ED6700;}

		div.content ul{margin: 2px 6px 6px 6px;
			padding:0px;}

		div.content ul li{margin:2px 35px;
			font-size:.8em;
			color:#00356A;
			list-style-type:square;}

		div.content blockquote {margin:2px 15px 10px 15px;
			padding:10px;
			background-color:#DBE5F0;
			font-size:.9em;
			color:#00254A;}

		div.content p.img2 img {
            display: block;
            margin: 0 auto;
            width 100%;
            }

        div.info-box{
        	border: 1px solid #FF6600;
        	margin-top: 15px;
        	margin-left: auto;
        	margin-right: auto;
        	width: 60%;
        	text-align: left;
        	padding: 4px;
        }

        div.info-box ul{
            margin: 0;
            padding: 0;
            border: 0;
        }

        div.info-box ul li{
            margin: 0;
            margin-left: 5px;
            padding: 0;
            border: 0;
            list-style: none;
        }

        div.site-menu{
            line-height: 1em;
        	border: 1px solid #FF6600;
        	margin-top: 15px;
        	margin-left: auto;
        	margin-right: auto;
        	width: 80%;
        	text-align: center;
        	padding: 4px;
        }


		div.site-menu h1{
			margin:0px 0px 0px 0px;
			padding:4px 10px;
			background-color:#FF641A;
			font-size:.9em;
			color:#FFFFFF}

		div.site-menu ul{
            margin:0px 0px 0px 2px;
			padding:0px;}

		div.site-menu ul li{
            margin:1px 0px;
			padding:3px 10px;
			background-color:#CCE3FF;
			border-left:5px solid #0067E6;
			list-style-type:none;
			font-size:0.7em;
			font-weight:bold;
			color:#0067E6;}

/* ********** pure CSS tooltip ***************** */

a.info{
    display: block;
    position:relative; /*this is the key*/
    z-index:24;
    color: #FFF;
    background-color: #028CDF;
    padding: .2em 0;
    text-align: center;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#028CDF}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#CCE3FF; color:#000;
    text-align: center}

/* Block Quote as Call-out Box   */

  blockquote.float-left {/* floats in content div */
  width: 80%; /* "em size" is element dependent */
  padding: 0em;
  margin-left: auto;
  margin-right: auto;
  background: #b0c4de;
  border-right: 2px dotted #4169e1;
  border-left: 2px dotted #4169e1;
  border-bottom: 2px dotted #4169e1;
  }

  blockquote span.cap-g {/* floats in blockquote */
  float: left;
  font-size: 1.7em;
  background: #a1d694;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #0067E6;
  border-right-color: #0067E6;
  border-bottom-color: #0067E6;
  border-left-color: #0067E6;
  }

  blockquote > p {/* control mozilla paragraph margin */
  margin: 0 0 0em 0;
  }

  blockquote.float-left strong {
  color: inherit;
  background-color: inherit;
  }


  p.after-blockquote {
  padding: 0.4em;
  border-top: 3px dotted #696969;
  background: #e6e6fa;
  }


  span.cap-o,
  span.cap-p, span.cap-y {/* type class grouping */
  float: left; /* grouped shared styles */
  font-size: 1.7em;
  border: 3px outset #2e8b57;
  }

  span.cap-g {/* type class */
  float: left; /* grouped shared styles */
  width: 100%;
  font-size: 1.7em;
  border-width: 3px;
  border-style: outset;
  border-color: #efefef #2e8b57 #2e8b57 #efefef;
  background: #90ee90;
  text-align:center;
  }

  span.cap-o {/* type class */
  background: #ffa500;
  }

  span.cap-p {/* type class */
  background: #dda0dd;
  }

  span.cap-y {/* type class */
  background: #ff0;/* hex color shorthand */
  }

  em[title]:hover {/* attribute selector pseudo-class */
  background: #ffc;/* Opera - Moz supported */
  cursor: help;/* matches all em elements */
  }/* that specify the "title" attribute */

.btn {
   display: block;
   position: relative;
   background: grey;
   padding: 0px;
   margin-right: auto;
   margin-left: auto;
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

.btn.blue { display: block; position: relative; background: #0067E6; padding: 5px;
   margin-right: auto;
   margin-left: auto;
   width: 70%;
   padding: 0px;
   text-align: center;
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

/*
.btn * { font-style: normal; background-image: url(../image-files/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .div.btn i { float: left; width: auto; background-image: none; cursor: pointer; left: 0; }
* html .btn span { padding: 0 0 0 10px; }
*/

.btn span,
.div.btn i { float: left; width: auto; background-image: none; cursor: pointer; left: 0; }
.btn span { padding: 0 0 0 0px; }

/*
.btn.blue { background: #0067E6; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #0067E6; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../image-files/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #0067E6; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #0067E6; background-image: none; cursor: pointer; left: 0; padding: 5px; }
* html .btn.blue blockquote.float-left > .btn.blue.strong {
  background-color: #0067E6;
  color:#FFFFFF;
  }
*/

.btn { border: 3px double #aaa; }
.btn.blue { border-color: #0067E6; }
.btn.green { border-color: #9d4; }
.btn.pink { border-color: #e1a; }
.btn:hover { border-color: #0067E6; background-image: none; cursor: pointer; left: 0; padding: 0px; }
.btn.blue blockquote.float-left > .btn.blue.strong {
  background-color: #0067E6;
  color:#FFFFFF;
  }

form.info-box {
        	margin-left: auto;
        	margin-right: auto;
        	width: 80%;
        	text-align: left;
        	padding: 4px;
            }

form.info-box div {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 0.6em;
}

form.info-box div label {
  float: left;
  width: 100%;
  font: bold Arial, Helvetica, sans-serif;
}

form.info-box div input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
  font: bold  Arial, Helvetica, sans-serif;
}

form.info-box div input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 100%;
}

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*\*/
* html form {height: 0;}
/* Holly hack */

