@media screen and (min-width: 0px) 
 {
body, html {	margin: 0; 	padding: 0;   background: #791611; } 

#top  { margin: 0; padding: 0 10px;;  margin-bottom: 10px;  }
	#top H1 { font-family:  century gothic, verdana, geneva, sans-serif; font-weight: normal; font-size: 18px; 
		color: #CECFA3; text-align: center; }

#container {margin: 0 auto; padding: 2px; width: 320px; border: 4px solid #CEB96A; background-color: #CEB96A; }

#header   {height: 100%; width: 312px; background-color: transparent; margin: 0; padding: 5px 3px; text-align: center; background: #CEB96A url(images/content-bg2.jpg); background-repeat: repeat;} 
#header H1 {font-family:  century gothic, verdana, geneva, sans-serif; font-weight: normal; font-size: 38px; color: #322D3D; padding: 0; margin: 0; }
#header H2 {font-family:  century gothic, verdana, geneva, sans-serif; font-weight: normal; font-size: 28px; color: #322D3D; padding: 0; margin: 0; }
#header H3 {font-family:  verdana, geneva, sans-serif; font-weight: normal; font-style: italic; font-size: 16px; color: #322D3D; padding: 4px 0 0 0; margin: 0; }
#header p {font-family:  verdana, geneva, sans-serif; font-size: 12px; font-style: italic; color: #4B5A09; padding-bottom: 1em;  margin: 0; text-align: left; }


#greenbar { width: 577px;  height: 28px; padding: 0; margin-top: 10px; padding-left: 1em; background-color: #7D9D45; text-align: center;}
#greenbar H2 {font-family:  palatino linotype, palatino, serif; font-weight: normal; letter-spacing:.2em; font-size: 19px; color: #000000; padding: 0; margin: 0; }
 
		#main-nav {display: block; z-index:100;}
		.topmenu {text-align:center; font-family: verdana, geneva, sans-serif; font-size: 20px; font-weight: normal; 
			color: #fff; padding: 1px 10px; width: 60px; margin-bottom: 10px;
			background: #C2B786 url(images/menu-bg.jpg); background-repeat: repeat; border: 1px solid #450303;
			position:relative; top: 10px;}
 		#main {display:none;}
		.trigger ul {display:none;}
		img.menu {margin-left: 20px;  }
		#main ul {list-style-type: none; text-align: left;}
		li.mmlink, a.mmlink {font-size: 18px; line-height: 35px; text-decoration: underline; color: #800000; font-family: verdana, geneva, sans-serif;}
		#main ul li ul li {margin-left: -20px;}
  
#subhead   {width: 320px; height: 50px; background-color: transparent; margin-top: 40px; padding: 0;  text-align: center;  z-index:45;} 
#subhead H3 {font-family:   verdana, geneva, sans-serif; font-weight: bold; font-size: 12px; color: #322D3D; padding: 0; margin: 0; }

#subhead-inner   {width: 580px; height: 50px; background-color: transparent; margin: 0; padding: 0; padding-left: 1em;  text-align: right; 
display: block; position: relative;
top: -20px; right: 0px; bottom: 0px; left: -20px; z-index:45 } 
#subhead-inner H3 {font-family:   verdana, geneva, sans-serif; font-weight: bold; font-size: 12px; color: #322D3D; padding: 0; margin: 0; }


#content {margin: 0; width: 318px; background: #CEB96A url(images/content-bg2.jpg); background-repeat: repeat; padding: 1px; z-index:50;}
	#content p  { padding: 0;  font-family:  verdana, geneva, sans-serif;  font-size: 14px; color: #322D3D; }
	#content li { margin: 0; padding: 0;   font-family:  verdana, geneva, sans-serif;  font-size: 11pt; color: #322D3D; }
	#content H2 { font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 18px; color: #322D3D; margin: 0;	padding-bottom: 1em;  }
	#content H3 {font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 16px; padding: 0 0 0 10px; color: #322D3D;  }
	#content a  { font-family:  verdana, geneva, sans-serif; text-decoration: underline; font-size: 14px; color: #322D3D; }
	#content a:hover  {  color: #6E6429; }
	#content p.center {text-align: center;}

#content2 {  margin: 0; width: 700px; background-color: transparent; position: relative; 
top: -110px; right: 0px; bottom: 0px; left: -160px}
	#content2 p { margin: 0; padding: 0;  margin-bottom: 10px; font-family:  verdana, geneva, sans-serif;  font-size: 11pt; color: #322D3D;  }
	#content2 li  { font-size: 11pt; color: #322D3D;  list-style-image:  url(images/dot.gif); }
	#content2 H2 { font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 15pt; color: #322D3D; margin: 0;	padding-bottom: 1em;  }
	#content2 a  { font-family:  verdana, geneva, sans-serif; text-decoration: underline; font-size: 11pt; color: #322D3D; }
	#content2 a:hover  {  color: #6E6429; }

#inner {  padding: 10px; margin: 0; margin-right: 25px; width: 700px; background-image: url(images/goldleaf-pale.jpg); background-repeat: repeat-y; background-position: 0px 0px; position: relative;
top: -10px; right: 0px; bottom: 0px; left: -180px} 
	#inner  p  { margin: 0; padding: 0;  margin-bottom: 10px; font-family:  verdana, geneva, sans-serif;  font-size: 11pt; color: #322D3D; }
	#inner  p.small  { margin: 0; padding: 0;  margin-bottom: 10px; font-family:  verdana, geneva, sans-serif;  font-size: 12px; color: #322D3D; }
	#inner  li { margin: 0; padding: 0;   font-family:  verdana, geneva, sans-serif;  font-size: 11pt; color: #322D3D; }
	#inner  H1 { font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 18pt; color: #322D3D; 	margin: 0;	padding-top: .5em;}
	#inner  H2 { font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 15pt; color: #322D3D; 	margin: 0;	padding-bottom: 1em;  }
	#inner  H3 {font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 14pt; color: #322D3D;  }
	#inner  H4 {font-family:  verdana, geneva, sans-serif;  font-weight: normal; font-size: 13pt; color: #322D3D;  }
	#inner  a  { font-family:  verdana, geneva, sans-serif; text-decoration: underline; font-size: 11pt; color: #322D3D; }
	#inner a:hover {color: #6E6429;}
	#inner a.H4 {font-family:  verdana, geneva, sans-serif;   font-weight: bold; text-decoration: none; font-size: 12pt; color: #322D3D;  }
	#inner a.small  { font-family:  verdana, geneva,  sans-serif;  text-decoration: none; font-weight: bold; font-size: 9pt; color: #322D3D; }
 
#footer { font-family: verdana, geneva, sans-serif; font-size: 10px; background-color: transparent; text-align: center; padding: 10px; color: #CECFA3;}
	#footer a { color: #CECFA3; text-decoration: none; font-size: 10px;}

.indent {margin-left: 1em; margin-right: 1em; font-family:  verdana, geneva, sans-serif;  font-size: 12px;
	 color: #322D3D; padding-bottom: 10px;}

}

@media screen and (min-width: 480px) 
 { 

#container {padding: 2px; width: 480px; }

#header   {	 width: 472px; } 
#subhead   {width: 480px;   } 
#content {width: 470px; }
#content p  { padding: 0 0 0 10px;  }


}

@media screen and (min-width: 690px) 
 { 

 img.text-wrap-right {float:right; margin-right: 12px; padding-left: 12px;  border: 0;}
 img.text-wrap-left {float:left; margin-left: 10px; padding-right: 12px;  border: 0;}

#top {margin:auto; width: 690px;}

#container {margin: auto; width: 690px;  background: #CEB96A url(images/content-bg2.jpg); 
	background-repeat: repeat; border: 2px solid #000;}

#header   {	width: 690px; padding: 0;} 
#subhead   {float:right;  width: 400px; height: 30px; padding-right: 12px; margin-top: 10px; } 

#main-nav { float:left; width: 420px;  margin-top: 25px; height: 25px; 
background: #C2B786 url(images/menu-bg.jpg); 
background-repeat: repeat-x; }

.topmenu {display:none;}

#main .triggernormal {color: #fff;  text-align: center; padding: 0 30px; 
font-size: 12px; font-weight: bold; text-decoration: none; line-height: 25px;}

#main {display: block; width: 100%; padding: 0; margin: 0;  }
#main ul ul {
	display: none;}

#main ul li ul li {
	margin:0;}

#main ul li:hover > ul {
		display: block;	}

#main ul {
	list-style: none;
	position: relative;
	display: inline-table;
	width: 520px;
	padding:0; margin:0;	}

#main ul:after {
		content: ""; clear: both; display: block;	}

#main ul li {
	float: left; }

#main ul li:hover {
		background: #ECE4C0;	} /* this controls the color of both hovers - main & dropdown (if there is none spec'd for main only)*/

#main li.triggernormal:hover {background: #CABD82 url(images/menu-bg-hover.jpg); background-repeat: repeat-x;} /*this controls the color of the hover on the main menu only */

#main ul li ul li a {
	color: #000;	font-weight: normal; border: 1px solid #A49657; padding: 2px 10px;} /* this controls the color of the dropdown font & dropdown-hover font */
	
#main ul li a {
	display: block; padding: 3px 16px;
	color: #fff; text-decoration: none;
	font-size: 12px; text-align: left;}


#main ul ul {
	background: #C2B786; border-radius: 0px; padding: 0;
	position: absolute; top: 100%; width: 180px;}

#main ul ul li {
	float: none; 
	position: relative; color: #000;}

#main ul ul ul {
	position: absolute; left: 100%; top:0;}

#main ul ul li a {
			padding: 5px 20px;
			color: #fff;		}

	#content {width: 670px; padding: 10px; margin-top: 60px;}
	#content h2 {font-size: 18px;}
	#content p, a  { font-size: 12px; }
	#content p  { padding: 0 0 0 30px;  }

	#content2 p, a { font-size: 12px;}
		#quote {  margin-right: 25px; width: 600px;  }

	#inner  p  { font-size: 12px; }
	#inner  p.small  {font-size: 10px; }
	#inner  a  { font-size: 12px; }
	#inner a.small  { font-size: 10px;  }
	#quote p  {float:left; font-size: 12px; }

#footer { text-align: center; padding: 10px; color: #CECFA3; }
#footer a {  color: #CECFA3; text-decoration: none; }

}

@media screen and (min-width: 850px) 
 { 


#top {width: 850px;}

#container {width: 850px;  }

#header   {	width: 850px;} 

#main-nav { width: 580px; }

#main .triggernormal {color: #fff;  text-align: center; padding: 0 44px; 
font-size: 12px; font-weight: bold; text-decoration: none; line-height: 25px;}

#main {display: block; width: 100%; padding: 0; margin: 0;  }
#main ul ul {
	display: none;}

#main ul li ul li {
	margin:0;}


#main ul li:hover > ul {
		display: block;	}
#main ul {
	list-style: none;
	position: relative;
	display: inline-table;
	width: 520px;
	padding:0; margin:0;	}

#main ul:after {
		content: ""; clear: both; display: block;	}

#main ul li {
	float: left; }

#main ul li:hover {
		background: #C2B786;	} /* this controls the color of the dropdown-hover*/

#main ul li:hover ul li a {
	color: #fff;	padding: 2px 10px;} /* this controls the color of the dropdown font & dropdown-hover font */
	
#main ul li a {
	display: block; padding: 3px 16px;
	color: #fff; text-decoration: none;
	font-size: 12px; text-align: left;}


#main ul ul {
	background: #C2B786; border-radius: 0px; padding: 0;
	position: absolute; top: 100%; width: 200px;}


#main ul ul ul {
	position: absolute; left: 100%; top:0;}

#main ul ul li a {
			padding: 5px 20px;
			color: #fff;		}

	#content {width: 830px; padding: 10px;}
	#content p, a  { font-size: 14px; }
	#content p  { padding: 0 0 0 30px;  }
	#content h2 { margin-top:40px;}

	#content2 p, a { font-size: 13px;}

	#inner  p  { font-size: 13px; }
	#inner  p.small  {font-size: 12px; }
	#inner  a  { font-size: 13px; }
	#inner a.small  { font-size: 10px;  }
	#quote p  {float:left; font-size: 12pt; }

}