* html body{
  width: 98%;
}
body {
  background: #E3E7DE;
  font-family: Tahoma, Arial, sans-serif;
  font-size: .9em;
  margin: 8px 0 0 0;
  padding: 0;
  text-align: center;
/*   background: url(image.gif) no-repeat;
  background-position: 88% 1%;*/
}
h2{
  font: 1.2em Georgia, "Trebuchet MS", "Times New Roman";
  font-weight: bold;
  color: #660000;
}
#sidebar h2{
  text-align: center;
}
h3{
  font-size: 1em;
  border-bottom: 1px dotted #034F81;
  border-top: 1px dotted #034F81;
  color: #005900;
  background: #F1F7FA url(images/h3arrow.gif) no-repeat top left;
  padding: 3px 3px 3px 30px;
}
#sidebar h3{
 background: #f1f7fa;
 border: none;
 border-left: #045c97 solid 8px;
 border-right: #045c97 solid 8px;
 font-style: normal;
}
p{
  line-height: 135%;
  margin: 1em 0 0 0;
}
hr{
  border-bottom: 1px solid #696336;
}
ul li{
  list-style-type: square;
  line-height: 125%;
}
div.subnav ul li{
  list-style-type: none !important;
}
ul.sub li{
  list-style-type: circle !important;
  margin-left: -24px;
  padding: 0;
}
p.center{
  text-align: center;
}
#wrapper{
 /* border:1px red solid;*/
 width: 980px;
  text-align: left;
  position: relative;
  margin: 5px auto 5px auto;
}
* html #wrapper{
  width: 980px;
}
#masthead{
  width: 100%;
  position: relative;
  background: url(images/vertgradient3.jpg) repeat-x;
  border-style: solid solid none solid;
  border-color: #4F8D45 #CCCCCC #CCCCCC #cccccc;
  border-width:2px 1px 0 1px;
}
#masthead img, #masthead a img{
 margin: 10px 0 6px 10px;
 border: none;
}
#masthead h1{
  font-family: "Trebuchet MS", "Times New Roman";
  font-size: 130%;
  line-height: 150%;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 50%;
  position:absolute;
  left: 48%;
  bottom: 10px;
}
#nav{
  /*border-right:1px green solid;*/
  margin: 0;
  padding: 0;
  background: #c8deec;
  width: 100.2%;
}
#contentcontainer{
/*border:1px yellow solid;*/
  margin: 0;
  padding: 0;
  border: #045c97 solid 7px;
  border-top: none;
  border-bottom: none;
  /*width: 98.8%;*/
  width: 968px;
  background: #F2EFDB url(images/sidebackslice.jpg) repeat-y top left;
}
#content{
/*border:1px yellow solid;*/
  width: 700px;
 /* width:100%;*/
  margin:0;
  padding: 10px;
  float: right;
  background: url(upper-right.gif) no-repeat 700px 0;
}

#sidebar{
/* border:1px blue solid;*/
  width: 212px;
  margin: 0 6px 0 0;
  padding: 10px 15px 10px 10px;
  float: left;
  position: relative;
}
#sidebar p.corner{
  background: url(upper-left.gif) no-repeat top left transparent;
  margin: 0;
  padding: 0;
  width: 15px;
  height:15px;
  position: absolute;
  top: 0;
  left: 0;
}
#footer{
 background: #6A9445;
 color: #fff;
width: 956px;
  padding: 6px;
  margin: 0;
  float: left;
  font-size: 75%;
  border-top: 1px solid #305429;
  text-align: center;
}
#footer p{
  margin: 0;
}
#bottomcorner{
  background: url(roundedcornr-bl.gif) no-repeat bottom left #6A9445;
  margin:0;
  padding: 0;
  width: 100%;
  height: 15px;
  text-align: right;
  position: relative;
}
#bottomcorner p{
  background: url(roundedcornr-br.gif) no-repeat bottom right #6A9445;
  margin:0 -2px 0 0;
  padding: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
    width: auto;
}

.glossymenu li{
	float:left;
    list-style: none;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
}

.glossymenu li a strong{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a strong, .glossymenu li a:hover strong{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
div.subnav{
  margin-bottom: 40px;
}


.subnav ul{
padding: 0;
margin: 0;
border-top: 1px solid #b1a86d;
}

.subnav a{
font: bold 13px Georgia, "Trebuchet MS", "Times New Roman";
padding: 10px 6px 10px 35px;
display: block;
color: #595959;
text-decoration: none;
border-bottom: 1px solid #b1a86d;
background: url(images/globe20x20.gif) no-repeat left center;
text-align: left;
list-style-type: none !important;
}

.subnav a:visited{
color: #595959;
}

html>body .subnav a{ /*Non IE rule*/
width: auto;
}

.subnav a:hover,.subnav a.selected{
background: url(images/globe-selected.gif) no-repeat left center #f2efdb;
/*background-color: #f2efdb;*/
color: black;
border-left: 1px solid #b1a86d;
}
/* the .clearfix class can be applied to any container that needs to be cleared.
a better solution might be replacing clearfix with a contextual selector list */

.clearfix:after {  /* for browsers that support :after , can sub .clearfix with contextual selectors */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
  height: 1%; /* Holly Hack will clear floats in IE 5 and 6 */
}
*:first-child+html .clearfix{
  min-height: 1px; /* clear for IE 7 which doesn't support :after */
}


/* ++++++++++ end float clearing code ++++++++++++++++ */
.imgright{
  float: right;
  margin: 5px 10px 10px 10px;
  border: none;
  clear: both;
}
.imgleft{
  float: left;
  margin: 5px 10px 10px 10px;
  margin-top: 0;
  border: none;
}
.bigred{
  color: #FF0000;
  font-weight: bold;
  font-size: 120%;
}
.biggreen{
  color: #006600;
  font-weight: bold;
  font-size: 120%;
}

/* form style */
label{
  display: block;
  margin-top: 6px;
}
label.other{
  display: inline;
}
input:focus, textarea:focus{
  background: #FFFFCC;
}
legend {
  font-weight: bold;
  padding: 0px 4px;
}
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #996600;
}
input.submit {
background: #D5A87B;
color: #000;
margin: 6px;
font-weight: bold;
padding: 4px;
font-size: .9em;
cursor: pointer;
}
input.submit:hover{
  background: #CC3333;
  color: #fff;
}
input:focus, textarea:focus{
  background: #FFFFCC;
}
/* end form style */
img.border{
 border: 1px solid #5F5F5F;
 padding: 5px;
 background: #fff;
}

p.dropcap:first-letter {
float: left;
font: 43px Georgia, "Trebuchet MS", "Times New Roman";
line-height: 40px;
color:#696336;
margin: 4px 1px 0 0;
padding: 0;
font-size-adjust: .5;
}
/* Q & A style */
p.item a{
  text-decoration: none;
  color: #4A4626;
}
p.item a:hover{
  text-decoration: underline;
}
/* ------------------- IE 8 hacks -------------------------- */
p.dropcap:first-letter{
line-height /*\**/: 32\px;
}

/* ------------------- IE 6 hacks -------------------------- */
* html #content{
  width: 680px;
  background: url(upper-right.gif) no-repeat 680px 0;
}
* html #contentcontainer{
  margin-bottom:-15px;
}
* html .subnav a{
width: 190px;
}
* html #sidebar{
  width: 210px;
}
* html #bottomcorner p{
top: -2px;
}
/* -------------------- chrome/safari hacks -------------------------- */
body:nth-of-type(1) p.dropcap:first-letter{
line-height: 28px;
}
body:nth-of-type(1) #contentcontainer{
  width: 967px;
}
body:nth-of-type(1) #footer{
  width: 955px;
}
body:nth-of-type(1) #bottomcorner{
  width: 979px;
}