/* CSS Document */
body {
	color:               #00246a;
    background-color:    #004d85;
	font: normal normal normal 100% Arial, Helvetica, Sans-Serif;
	margin: 0px;   /* zero body margin, padding, border for differing browser defaults */
	padding: 0px;
	border: 0px;
	text-align: center;  /* center wrapper in IE 5*. Reset to left later */
}

#wrapper {
    width: 843px;  /* CFC 090725 */
	color: white;
	background-color: #425e5a; /* CFC 090731 same as sidebar and footer*/
	margin: auto;
	border: 0;
	padding: 0;
	text-align: center; /* CFC 090725 */
	background-image:    url(images/bg.jpg);
	background-repeat:   repeat-y;
} 

#container {
   width:            790px;
   height:			 auto;
   padding:          0px;
   margin-top:       0px;
   margin-left:      auto;
   margin-right:     auto;
   border-width:     0px;
/*   background-color: #425e5a; DMM 090831; CFC 090731 same as sidebar and footer*/
}

#banner {
	width:  790px;
	height: 99px;
	margin: 0;
	padding: 0px;
	border-width:     0px;
	background: url(images/banner.png);
}

#colorbar { 
/*	height: 15px;            */
	height: 16px;          /* CFC 090829 enlarge for readability */
	width: 790px;
	margin: 0px;
	color: #ffffff;
	padding: 0px;
/*	padding-top: 3px;      CFA 090802 */
	padding-top: 2px;     /* CFC 090829 change for readability */
    border-width: 0px;
/*	font-size: 9px;       CFA 090802 */
	font-size: 12px;      /* CFC 090829 enlarge for readability */
	text-align: center;  /* CFA 090802 */
}						

#sidebar {
	float: left;
	width: 170px;
	padding:   0px; 	
	height: 100%;
	margin:     0px;
	border-width: 0px;
/*	background-color: #425e5a; DMM 090831; CFC 090731 same as container and footer*/
}

#content {
	float:right;
	margin: 0px;
	padding: 0px;
    border-width:     0px;
	color:#00246a;  /* CFA 090804 Can't get content color right, so add this rule */
	background-color: #ffffff;
	width: 620px;
	min-height: 450px; /* Not sure that all versions of IE honor this */
}

#sidebar2 {
	float: right;
	width: 180px;
	padding:   0px; 	
	margin:     0px;
	border: 0;
	background-color: #dddddd;
}



#footer {
	clear:   both;
	width:            790px;
    padding:          0px;
    margin:           0px;
    border-width:     0px;
	color:            #ffffff;
/*	background-color: #425e5a; DMM 090831 CFC 090731 same as container and sidebar*/
	font-family:      "Tahoma", "Arial", sans-serif;
	text-align: right;
}

#footer2 {
	width:            780px;
    padding:          0px;
	padding-right: 10px;
/*	margin-rignt: 20px;  */
    border-width:     0px;
	color:            #ffffff;
/*	background-color: #425e5a;  DMM 090831; CFC 090731 same as container and sidebar*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#footer2 p {
	font-size: xx-small;
}

p,h1,h2,h3,h4,h5,h6 {
	padding:        10px;
	margin:              0px;
	margin-left:          10px;
}

/* clause added DMM 090909 */
.sidebar_subhead {
	padding:        10px;
	margin:          0px;
	margin-left:    10px;
	font-size:      14px;
	font-weight: 	bold;
	line-height: 	0%;
	color: 			#CCCCCC; /* light gray */
	padding-bottom: 2px;
}

/*** two rules below to close the vertical gap in sidebar list items  (DMM 100213) ***/
.ss { /* stands for Sidebar Subhead but shorter than above. Added 100213 by DMM */
	padding-bottom: 0px;
}

.fi { /* stands for First Item (in a sidebar 'list') Added 100213 by DMM */
	padding-top: 0px;
}


#content p {padding-right: 70px;}

h1 {font-size: 18px; color: #5f3c42;} /*matches color3 */ /*not anymore*/
h2 {font-size: 18px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;} 
h6 {font-size: 12px;}
p {font-size: 14px;}

.tight {padding:  0px;}

.right {text-align: right;}

img.right {float: right; margin-left: 10px;}

a:link {color: #00246a}
a:visited {color: #00246a;}
a:active {color: #00246a;}
a:hover {color: #a81910;}


ol,ul {margin: 0;
	padding: 10px;
    padding-left: 35px;
    font-size: 14px;
}

#sidebar, #footer, #sidebar a {
	color: #ffffff;
    font-weight: bold;
	text-decoration: none;
}

#sidebar a:hover { color: yellow; } /* DMM 090911 */
/* sidebar a:hover {color: #000000;} DMM 090910 */
/* sidebar.color6 a:hover {color: #00FF00;} DMM 090831 hover color green on community pages */


#sidebar2 p {font-size: 12px;}

#sidebar2 a {text-decoration: none;}

/************** new colors added DMM 090911 *****************/
.color1 {background-color: #405E41;} 
.color2 {background-color: #0B5293;}
.color3 {background-color: #772740;}
/* .color4 {background-color: #7B1DE3;} DMM 090912 */
.color4 {background-color: #6D2C66;} /* and now for something completely different */
.color5 {background-color: #669900;}
.color6 {background-color: #32446C;}
.color1hov a:hover {background-color: #2D422E;}
.color2hov a:hover {background-color: #083966;}
.color3hov a:hover {background-color: #53182D;}
/* .color4hov a:hover {background-color: #56149F;} DMM 090912 */
.color4hov a:hover {background-color: #582453;}
.color5hov a:hover {background-color: #476B00;}
.color6hov a:hover {background-color: #23304C;}

/************** old colors commented out DMM 090911 **********
.color1 {background-color: #7e7e66;}
.color2 {background-color: #45556a;}
.color3 {background-color: #5f3c42;}
.color4 {background-color: #9c9719;}
.color5 {background-color: #6e5593;}
.color6 {background-color: #1e1d4b;}
.color1hov a:hover {background-color: #585847;}
.color2hov a:hover {background-color: #303b4a;}
.color3hov a:hover {background-color: #422a2e;}
.color4hov a:hover {background-color: #6d6911;}
.color5hov a:hover {background-color: #4d3b66;}
.color6hov a:hover {background-color: #151434;}
***************************************************************/

p.color5, h4.color5 {
	color: #cca34a;
	background-color: transparent;
}
p.color3, h4.color3 {
	color: #852d33;
	background-color: transparent;
}
#menu {
	left: 0px;
	top: 0px;
    width: 790px; height: 45px;
    margin: 0px; 
    padding: 0;
    position: relative;
    }
#menu li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
    }
#menu li, #menu a {
    height: 45px; 
    display: block;
    color: #ffffff;
    text-align: center;
	font-size:   16px;
	text-decoration: none;
    }

#menu .tworows {  /* DMM 090829 Added to vertically center button text */
	padding-top: 3px;
	max-height: 42px;
}
  
#panel1 {left: 0; width: 92px; line-height: 45px;}
#panel2 {left: 92px; width: 108px; line-height: 45px;}
#panel3 {left: 200px; width: 110px;}
#panel4 {left: 310px; width: 131px;}
#panel5 {left: 441px; width: 211px;}
#panel6 {left: 652px; width: 138px;}

/*  If we go back to using "newcomers" instead of "guests", use the following spacing:
#panel1 {left: 0; width: 87px; line-height: 45px;}
#panel2 {left: 87px; width: 144px; line-height: 45px;}
#panel3 {left: 231px; width: 104px;}
#panel4 {left: 335px; width: 124px;}
#panel5 {left: 459px; width: 200px;}
#panel6 {left: 659px; width: 131px;}
*/


.h1topline {
	color: #852d33;
	background-color: transparent;
	font-size: 16px;
}
/*
table.menu a {
border:0px;
display: block;
} 

div.menu a {
color: #333333;
background: #ffffff;
text-decoration:none;
font-size:16px;
line-height:16px;
}

div.menu a:link {
color: #333333;
background: #cccc99;
}

div.menu a:active {
color: #000000;
background: #cccc99;
}

div.menu a:visited {
color: #333333;
background: #cccc99;
}

div.menu a:hover {
color: #eeeeee;
background: #333333;
}
*/
.comment {       /* This is for comments to the proofreaders. -E */
	font-style:italic;
	color: red;
}

#content ul li {padding-bottom:12px; }


#accessmenu {     /* CFA 090801 */
/*	background-color:#e0e0e0;          */
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 2px;
	border-bottom: 2px;
	width: 100%;
	color: #FFFFFF;
	height: 14px;
	font-size: 10px;
	text-align: center;
}

#accessmenu a {     /* CFA 090801 */
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration:none;
}

#accessmenu a:link {     /* CFA 090801 */
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration:none;
}

#accessmenu a:visited {     /* CFA 090801 */
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration:none;
}


#accessmenu a:hover {     /* CFA 090801 */
/*	background-color:#e0e0e0;          */
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration:none;
}

#accessmenu a:active {     /* CFA 090801 */
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration:none;
}

/* DMM 090911 - following three lines for link on footer to map page */
#footer a { color: white; }
#footer a:hover { color: yellow; } /* DMM 090911 */