/* Sets all elements to zero */

* { margin: 0; padding: 0; }


body { 
	background: #ccc url(bg-body.jpg) top center repeat-y;
	color: #333;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 70%;
	text-align: center; 
}
/*
#container {
    border: 1px solid black;
    background-color: #fff;
    width: 770px;
    text-align: center;
    margin-left: 10%
    
    } */

    
#banner {
	margin: 0 auto;
	text-align: left;
	width: 768px;
	height: 140px;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	background: url('header.png') bottom right no-repeat #336799; 
	_background: url('header.gif') bottom right no-repeat #336799; 

}

#banner a#mh1 { /* Logo */
	display: block;
	float: left;
	width: 300px;
	height: 32px;
	padding-top: 20px;
	text-indent: -10000px; 
}

#banner p { 
	float: right;
	font-size: 0.9em;
	color: #999;
	padding: 5px 20px 0 0; 
}

#banner #mh2 { /* Feature image */
	clear: both;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999; 
}


#topnav {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	height: 20px;
	border: 0px solid blue;
	margin:-9px 5px 14px 5px;
	background-color: #eee;
	padding: 3px 3px 3px 4px;
	background-color: #666; 
	width: 753px; 
	margin-left: -13px; 
	height: 17px;
	
	_margin-left: -20px;
	_margin-right: -25px;
	_margin-bottom: 10px;
	_width: 763px;

	}
#topnav ul { margin-bottom: 12px; border-bottom: 0px solid red;_height: 15px; _padding:5px; _margin-bottom: -5px;}	

#topnav li {
	display: inline;
	list-style-type: none;
	font-size: 12pt;
	padding-top:2px; 
	
	margin-bottom:10px;
	_margin-bottom: -30px;
	_padding-bottom: 10px;
	_height: 15px;

}

#topnav a { 
	padding: 2px 10px; 
	background-color:#bbb;
	border-bottom: 1px solid #666;
	/* above is only for khtml - real border is at bottom*/
	}

#topnav a:link, #topnav a:visited {
	color: #000;
	text-decoration: none;
}

#topnav a:hover {
	color: #fff;
	background-color: #369;
	text-decoration: none;
	border: 1px 0 1px 1px solid #369;
	
}
#topnav a.active {
    background-color: #fff;
    border-right: 2px solid #ddd;
    border-bottom:2px solid #fff;
    }
 #topnav li a.active:hover {
    color: #555;
    }   
 #subnav {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	height: 12px;
	border: 0px solid blue;
	margin: 2px 5px 14px 5px;
	text-align: center;
	padding: 3px 3px 3px 4px;
	background-color: #fcfcfc; 
	width: 753px; 
	margin-left: -13px; 
	height: 12px;

	
	_margin-left: -20px;
	_margin-right: -25px;
	_margin-bottom: 10px;
	_width: 763px;

	}
#subnav ul {margin-bottom: 12px; border: 0px solid red;_height: 15px; _padding:5px; _margin-bottom: -5px;}	

#subnav li {
	display: inline;
	list-style-type: none;
	font-size: 10pt;
	padding-top:2px; 
	margin-bottom:10px;
	_margin-bottom: -30px;
	_padding-bottom: 10px;
	_height: 15px;

}
#subnav li a.mid {
    border-right: 2px solid #666;
    border-left: 2px solid #666;
}

#subnav a { 
	padding: 2px .5em 2px;
	text-decoration: underline; 
	 font-weight: 600;
}

#subnav a:link, #subnav a:visited {
	color: #777;
	text-decoration: none;
	
}

#subnav a:hover {
	color: #fff;
	background-color: #bbb;
	text-decoration: none;
	
}

   
    /*
#banner, #content {
    border-left: 1px solid black;
    border-right: 1px solid black;
   
    }
*/
#content { /* container for main content only, not masthead */ 
	background-color: #fff;
	margin:  auto;
	width: 727px;
	text-align: left;
	padding: 8px 20px; 
	border-left: 1px solid #888;
	border-right: 2px solid #888;
	border-bottom: 2px solid #888;
		
}

#foot {
	clear: both;
	padding: 12px 0 5px 0;
	border-top: 1px solid #ccc; 
}

#foot p { 
	line-height: 1.4em;
	color: #999;
	font-size: 0.9em; 
}

#search {
	position:	relative;
	margin-top: 5em;	
	width: 200px;
	background:none;
	float: right;
	border:0px solid red;
	clear: right;
	font-size: 8pt;
	height: 8px;
	text-align: right;
	 /* ie mac hack - IE mac puts the search box very low.\*/
	margin-top: -2em;	
	_margin-top:-4em;
		/* end it! */
}

#search p {
	padding: 0;
	margin: 0;
	clear: none;
	font-size: 8pt;
	line-height: 1.0;
}
    

/* Tags and text */

h1 {
	font-family: Garamond, Georgia, Times, serif;
	font-size: 22pt;
	color: #333;
	padding-left: 6px; 
}
#banner h2 {
	font-family: Garamond, Georgia, Times, serif;
	font-size: 14pt;
	color: #ddd; 
	line-height: 1.1;
	padding-left: 8px; 
}
#content h2 {
    margin-bottom: 8px;
    border: none;
}

h3 { 
	font-size: 1.2em;
	margin-bottom: 10px; 

	border-bottom: 1px solid #ccc;
}

h4 { font-size: 1em; margin-bottom: 5px; }

dt, dd { display: inline; }

p, ul, ol, address { 
	line-height: 1.7em;
	padding-bottom: 20px; 
}

ul, ol { margin: 0 25px 0; }
ul li {margin-left: 3em;}
ol li ul li {list-style-type: none; border: 0px solid blue;margin-bottom: 4px;}
ol li ul {margin-bottom: -16px; padding-top: 3px;}
address { font-style: normal; }
#topnav ul li {margin-left: 0;}
blockquote { 
	padding: 0 25px;
	margin-bottom: 15px;
	font-style: italic;
	line-height: 1.4em; 
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for IE5 Mac */ 
}

.discreet { 
	font-size: 0.9em;
	padding: 0;
	color: #999; 
}

.pull {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7em;
	line-height: 1.6em;
	color: #369; 
}

.image {
	float:	right;
	clear: right;
	border: 1px solid #999;
	margin: 0 0 1.5em 1.5em;
	text-align: center;
	padding: 5px;
}

.details { color: #666; }

#notice { 
	background: #ff9;
	padding: 2px;
	margin: 0 auto;
	width: 765px;
	margin-bottom: 5px; 
}

.imgleft {float:left;margin:1px 6px 6px 0px;}

.imgFloatBrochure {float:left;margin:4px 6px 4px 0px;}

div.img {
/* width is an IE mac hack - it has to be widened by the image and the caption. normal browsers will automatically determine the width, but IE Mac will go the width of the page otherwise. IE win will blow out if the width is anything other than 0, for some reason. Also, on IE win, this has been known to make nearby text partially disappear - try to change the div's position if so. */
	width: 5px;
	text-align: center;
	float: right;
	border: 1px solid #999;
	background-color: bbb;
	margin: 0 1.5em 1.5em;
	padding: 5px 5px 0 5px;
	_margin-right: -6px;
	 /* ie mac hack \*/
	width: auto;
	/* end it! */
	_width: 0;
	margin-right: -1em;
}

.img img {
	border: 1px solid black;
	padding: 0;
	text-align: center;
	background-color: white;
}

div.img p {
		text-align: center;
		vertical-align: bottom;
		padding: 0;
		margin-left: 1.5em;
		width: 100%;
		white-space: nowrap; 
}
		
		/* Left and right columns - an alternative to tables . adjust width and .right's margin-left as needed */
.left {
	float:	left;
	width:20em;
	margin-right:1em;
	margin-top: 1px;
	vertical-align: top;
 }
 
.right {
	clear: right;
	margin-left:	22em;
	padding-top: 1px;
    vertical-align: top;
	width: 20em;
}

/* colors - add via classes or spans */
.blue	{ color: #89bbd6;}
.darkblue {	color:	#036;}
.gray {color: #666;}
.red {	color: #ff0000;}

/* div for text that should be indented */
p.indentlist {
	line-height:	1.2;
	margin-left: 3em;
	_padding: 0 3px 15px;
	_float: left;
	_width: 92%;
	_margin: -5px 0 0 1.5em;
}

/* Smaller text for footnotes, etc. */
.info, .info ul li {
	font-style: normal;
	font-size: 80%;
	line-height:	1.0;
	color:	 black;
}

/* technically 'dictionary terms' and 'dictionary definitions', but useful for dates and descriptions as well */
dt {
	float:	left;
	clear:	left;
	width: 7em;
	text-align: center;
	background: #eee;
	padding: 2px;
	margin: 1px 0 0 0;
	border: 1px solid #ccc;
	_margin: 0 0 -2px -2px;
}

dd {
/* float:	right;
	clear:	right*/
	padding: .5em .5em .8em 8.5em;
	border-top: 1px solid #ccc;
	margin-left:	 0;
	_text-indent: -2px;
}

dl.wide dt {
	width: 160px;
	padding-right: 1px;
	clear: none;
	_width: 180px; 
	float: left;
	border-top:	0;
	_border: 1px solid #ccc;
}

dl.wide dd {
	padding-left: 185px; 
	margin-bottom: 7px;
	clear: none;    
	_padding-left:	215px;
}

/* a right-floating red box - good for alerts and warnings. Increase font-size below if necessary. width needs to be specified for IE win */
div.redbox {
	font-size: 0.8em;
	text-align: left;
	background-color: #d5c5c5;
	border: 1px solid #f00;
	float: right;
	clear: none;
	_width: 150px;     
	text-align: left; 
	margin: 5px 0 5px 5px;
	padding: 0 5px 0 5px;
	_margin-right: -5px;
}
 
div.redbox p{font-size: 10px;}
#content .redbox h3 {text-align: center;; color: #f00;width: 100%; margin: 0; padding: 0 5px 0 0;}
div.redbox ul li, ul {margin-left: -1em; line-height: 1.0; _margin-left: 6px;}  


/* for section headers */

.headitem {
	display:block;
	width:99%;
	margin-bottom:18px;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	font-weight: bold;
	text-transform: capitalize;
}


/* Links */

h1 a { text-decoration: none;  }


.credit a:link { color: #999; }

.credit a:visited { color: #999; }

.credit a:hover { color: #ccc; }

.credit a:active { color: #666; }


.discreet a:link { color: ##999; }

.discreet a:visited { color: #999; }

.discreet a:hover { color: #ccc; }

.discreet a:active { color: #333; }


.inside a:link { color: #666666; }

.inside a:visited { color: #666666; }

.inside a:hover { color: #999; }


a:link { color: #f60; }

a:visited { color: #933; }

a:hover { color: #999; }

a:active { color: #930; }

/* the real topnav border, for everything but safari */

#topnav a { 
	border-bottom: 2px solid #666;# }