/*html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}*/

body {
  padding: 0 0px; /* the critical side padding that sets the natural min-width! */
  background: #FFF;
  color: #462519;
  font-family: arial, verdana, sans-serif;
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
  text-align: center; /* centers the #sizer element in IE5.x/win 
   background: url(/images/brownlattice2.gif); /* this BG tiles the area outside the columns */
}

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 60%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
  max-width: 300px; /* IE7 supports this property, doesn't need the fancy MS expression */
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -50px; /* neg side margin values should be < or = to side body padding */
	min-width: 670px; /* This prevents Safari from losing the negative margins in narrow windows */
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the star/html hack in the CC below */
}

/* #expander must receive "hasLayout" for IEwin bug fixing; applied in CC */

#wrapper1 {
  position: relative;
  background:#996699;
  font-size: .9em; /* set global font-size here */
  width:100%;
 /* border: 3px solid #da5;
  border-width: 4px 3px;
   background: url(/images/redcircles.gif); /* this BG tiles the left column */
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

 #wrapper2 {
  position: relative; /* extra insurance against bugs in IEwin */
  background: url(/images/bg-greenside.gif) 100% 0 repeat-y; /* this BG tiles the right column */
}


/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
  background: #FFFFFF; /* this BG tiles the center column */
 /* background: url(images/bluelattice.gif); /* this BG tiles the center column */
/*   border-left: 2px solid #da5; /*** Critical left divider dimension value ***/
/*   border-right: 2px solid #da5; /*** Critical right divider dimension value ***/
  margin-left: 201px;    /*** Critical left col width value ***/
  margin-right: 201px;    /*** Critical right col width value ***/
}

.float-wrap {
  float: left;
  width: 100%;
}

.center {
  float: right;
  width: 100%;
}

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 200px;    /*** Critical left col width value ***/
  margin-left: -200px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.right {
  float: right;
  position: relative; /* Needed for IE/win */
  width: 200;    /*** Critical right col width value ***/
  margin-right: -200px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 0px;   /*** Critical right divider dimension value ***/
}

.centerbox {
  font-weight: normal;
  overflow: visible;
  width: 100%;
  background:#FFFFFF;
}

.container-left {color: #fff;}

.container-right {color: #fff;} /* makes room for the froggy */


/*************** Header and Footer elements *****************/

.header {
  width: 100%;
  padding-left:1px;
	
  height:148px;
  background-color:#ecca5f;
  border-bottom:3px solid #663366;

/*	background: url(/images/images/new_logo-reversed.gif) no-repeat 50px 7px;
  "jello" BG is made to be in fixed position here */
}
.header a{
	margin:0;
	padding:0;
}

/* Footer */
.footer {
	clear: both;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 75%;
	font-variant: small-caps;
	font-weight: normal;
	color: #462519;
	position: relative;
	background-color:#ecca5f;
	border-top:3px solid #ecca5f;
	text-align: center;
}
.footer p {
	margin: 0; 
	color: #000;
	/*letter-spacing:0px;*/
	}

.footer a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#03C;
}
.footer hr {
  color: #944;
	margin: 0;
	background: #944;
	height: 5px;
}

/*.froggy {
position: absolute;
top: -65px;
right: -10px;
}*/


/************** Spacing Controls for various column contents ***************/


.textpadder {padding: 5px;}


/************** Generic Rules *************/

a {color: #000; vertical-align: bottom;}

/*p  {margin: .8em 0;} */

h1 {margin: 70px 0 10px 80px;}

h2 {
 
}

h3 {
margin: 1em 0 .3em;
}

.alignright {margin: 0 10px 10px 0; text-align: right;}

.small {font-size: .8em;}

/* LeftAddress */

#leftaddress {
	padding-top: 20px;
	height: 50px;
	background: #996699;
	text-align: center;
}
#leftaddress a {
	color: #FFFFFF;
	text-decoration: underline;
}
#leftaddress p{
	font: normal 95% Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

#leftsecureaddress {
	padding-top: 130px;
	height: 150px;
	text-align: center;
	font: normal 75% Arial, Verdana, sans-serif;
	color: #FFFFFF;
}

#leftsecureaddress a {
	color: #FFFFFF;
	text-decoration: underline;
}

/************* text and heading formats************/
.content {
	padding: 20px 20px 20px 20px;
	line-height: 115%;
}

.maingreen {
	background: #BBCB9B;
}

.content p {
	font-family: Arial, Verdana, sans-serif;
	/*font-size: 80%; */
}

.content li {
	/*font-family: Arial, Verdana, sans-serif;*/
	font-size: 80%;
}
.content ul {
	list-style: disc;
}
.pagetitle {
    margin: -20px -20px 20px -19px;
	padding: 8px 20px 8px 20px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 180%;
	font-weight: normal;
	color: #FFFFFF;
}
.pagesubtitle {

	margin-top: 15px;
	margin-bottom: -10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #0065CB;
}

.hometitle {
	/*margin-top: 10px;*/
	 margin: -20px -20px 20px -19px;
	/* padding: 8px 20px 8px 20px; */
	 padding-top:12px;
	 padding-left:20px;
	 padding-bottom:8px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 220%;
	font-weight: normal;
	color: #FFFFFF;
	background: #BBCB9B;
}

#homesubtitle {
	margin-top: 20px;
	margin-bottom: -10px; 
	font-family: Garamond, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	color: #462519; 
}

/* Right side tags */
.announcement {
	margin:10px;
	border: 2px solid #0065CB;	
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
}
.announcement h2{
	font-family: Garamond, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 150%;
	font-weight: normal;
	color: #0065CB;
	margin:0px;

}
.announcement p{
	font-family: Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #462519;
	line-height: 115%;
}
a.editlist:visited { font-family: Arial; font-size: 12px; color: #0033cc;line-height:14pt; margin-left:5px;}
a.editlist:active { font-family: Arial; font-size: 12px; color: #0033cc; line-height:14pt; margin-left:5px;}
a.editlist:link { font-family: Arial; font-size: 12px; color: #0033cc;line-height:14pt; margin-left:5px;}
a.editlist:hover { font-family: Arial; font-size: 12px; color: #FF0000;line-height:14pt; margin-left:5px;}

/* LEFT side tags */
/* Menu */
#menu {
/*	padding-left: 8px; */
	background: #996699;
	font-size: 85%;
	padding-bottom:10px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width:100%;
	/*width: 8em; */
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif; 
}

#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width:100%;
	/*width: 8em;*/
	border-bottom:thin solid #FFF;
 
}

#menu a {
	display: block;
	cursor: pointer;
	background-color: #996699;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 0.75em;
}

#menu a:hover {
	background-color: #663366;
	color: #FFF;
}

/* SubMenu */
#submenu {
	padding: 0px;
	margin-left: 6px;
	margin-bottom: 4px;
	background: #E2E3A7;
}

#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width:100%;

}

#submenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width:100%;
	/*width: 8em;*/
	border-bottom:thin solid #FFF;
}

#submenu a {
	display: block;
	cursor: pointer;
	background-color: #996699;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 0.75em;
}

#submenu a:hover {
	background-color: #663366;
	color: #FFF;
}
.menucurrentpage {
	background: #663366;
	font-variant: small-caps;
	color: #FFFFFF;
	display:block;
}

/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;}
/* prevents oversize images from breaking layout in browsers that support max-width */


/**************** Utility Rules *******************/

.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center;
  padding: 3px;
  background: #833;
  cursor: pointer;
}

.hide {display: none;}