/* CSS Document */
img {border:none;}
html,body{margin:0;padding:0}
body{font: 67% arial,sans-serif;text-align:center; background:url(images/body_bg2.jpg);color:#555;background-color:#59773F; background-repeat:repeat-x}
p{margin: 1em 0;
	padding: 0;}
a {font-weight:bold;}
a:link { 
				color:#315616;
				text-decoration:none;
				}
				
a:visited { 
				color:#315616;
				text-decoration:none; 
				}
 
a:hover {
				color:#659D3B;
				text-decoration:none;
				} 

a:active { 
				color:#315616;
				text-decoration:none; 
				}

h1 {color:#006600; font-size:18px}
h2 {color:#006600; font-size:16px}
h3 {color:#3366FF; font-size:14px}

ol.support li {
	color:#315616; 
	font-weight:bold
	}
				
div#header {width:100%;
	height:220px;
	margin:auto;
	background:url(images/header_bg.jpg);
	overflow:hidden;
	text-align:center
	}
div#container{text-align:left}
div#content p, #content li, #content blockquote p{line-height:1.5;font-size:1.3em;}

#content blockquote p {
	font-size:1em;
	font-weight:normal;
	color:#555;}

div#extra p{
	line-height:1.3;
	font-size:1.1em;
	padding:0px 10px 0 0;
	}
div#container{width: 90%;min-width:750px; max-width:950px;margin:0 auto; background-color:#FFFFFF;
	border-right: 4px solid #333;
	border-bottom:4px solid #333;
	border-left:1px solid #000;
	margin-bottom:40px}
div#content{ padding:20px 20px 20px 215px;}
div#navigation{float:left}
div#extra{float:left;width:200px; padding-top:25px; padding-left:8px;}
div#footer{clear:both; padding:20px 0}
div#comments{border:1px solid #333; margin-top:20px; width:500px; margin-left: 50px; font-size: 1.2em; padding:10px}

div#extra p{
	line-height:1.3;
	font-size:1.1em;
	padding:0px 10px 0 0;
	}

div#box {
				width:183px;
				border:1px solid #DADEE2;
				background-color:#FAFAFA;
				margin:20px 0;
				}

#box h1 {
				padding: 7px 0px;
				color:#fff;
				font-size:1.1em;
				text-align:center;
				margin:0;
				background-repeat:repeat-x;
				}
#box h1.blue {
				background-color:#014E86;
				background-image:url(images/heading_bg_blue.jpg);
				}
				
#box h1.green {
				background-color:#528801;
				background-image:url(images/heading_bg_green.jpg);
				}

#box h1.gray {
				background-color:#8C8C8C;
				background-image:url(images/heading_bg_gray.jpg);
				}
				
#box h4 {
				padding: 5px 0px;
				background-color:#DF8800;
				color:#fff;
				font-size:1.1em;
				text-align:center;
				margin:0;
				background-image:url(images/header_bg_orange.jpg);
				background-repeat:repeat-x;
				}

#box_blue p, #box_green p {
				font-size:1.5em;
				text-align:center;
				line-height:1.3em;
				padding:0px 5px 0px 5px;
				}

ul#resources {
				list-style:none;
				padding-top:1em;
				}

ul#resources li {
				line-height:1em;
				font-size:1.2em;
				padding:1em;
				padding-top:0
				}
								
div#newsletter{
	width:160px;
	color:#7F7426;
	padding:0 10px 5px 10px;
	background-color:#F8EFB4;
	background-image:url(images/newsletter_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	border-right:3px solid #ACA14C;
	border-bottom:3px solid #ACA14C;
	border-left:2px solid #E6DB97;
	border-top:2px solid #E6DB97;
	}

#newsletter h2 {
	text-align:center;
	color:#7F7426;
	margin:5px}

div#newsletter2{
	float:right;
	width:160px;
	color:#7F7426;
	padding:0 10px 5px 10px;
	margin-left:5px;
	background-color:#F8EFB4;
	background-image:url(images/newsletter_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	border-right:3px solid #ACA14C;
	border-bottom:3px solid #ACA14C;
	border-left:2px solid #E6DB97;
	border-top:2px solid #E6DB97;
	}

#newsletter2 h2 {
	text-align:center;
	color:#7F7426;
	margin:5px}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#content ul {
	list-style:circle;
	margin:2em
	}
	
#menu {
	width: 198px;
	border-style: solid solid solid none;
	border-color: #577DA3;
	border-size: 1px;
	border-width: 1px;
	
	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #0268CD;
	display: block;
	background: url(images/menu1.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #032445;
	background: url(images/menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active, #menu li a.current {
	color: #032445;
	background: url(images/menu1.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}

div#footer{
	background: #FFF;
	color:#666666;
	margin: 10px 0px 0px 20px;
	clear:left;
	text-align:center;
	padding:20px;
	}

#footer a{
	padding:5px;
	font-size:1.2em;}

#footer a:link { 
				color:#02284F;
				text-decoration:none;
				}
				
#footer a:visited { 
				color:#02284F;
				text-decoration:none; 
				}
 
#footer a:hover {
				color:#0268CD;
				} 

#footer a:active { 
				color:#02284F;
				text-decoration:none; 
				}
				
/*	THIS NEXT SET OF RULES IS FOR IMAGES AND GALLERIES */
#caption_rt {
				font-size:.7em;
				font-weight:bold;
				float:right;
				padding:10px;
				margin:10px;
				border: 2px solid;
				border-color:#ccc #999 #999 #ccc;
				}

#caption_lt {
				font-size:.7em;
				font-weight:bold;
				float:left;
				padding:10px;
				margin:10px;
				border: 2px solid;
				border-color:#ccc #999 #999 #ccc;
				}
				
#caption_lt p {
				clear:left;
				margin-top:0;
				line-height:1;
				}

#caption_rt p {
				clear:right;
				line-height:1;
				margin-top:0;
				}

.thumbs li {
  list-style-type: none;
  margin-bottom: .5em;
}
.thumbs img {
  vertical-align: middle;
}

/* exploit a parsing bug so rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.IE5IsQuirky1 { /* WinIE 5.0 gets wierd without something after font-family hack */
}

.thumbs {             /* container for all thumbs */
  width: 80%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: 30px auto;       /* correctly center block element */
  padding: .5em;
  background-color: #fffaf0;
  color: #666;
  border: thin solid #030;
  overflow: hidden;
  text-align: center;
  margin-bottom:30px;
}
.thumbs ul {
  margin: 0;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
 				    /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 1px solid #faebd7;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 8.5em;
  height: 8.5em;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 5.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: 0;
}
hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}

/*	END RULES IS FOR IMAGES AND GALLERIES */