/*<group=General Styles>*/

/* getting rid of default paddings etc -- took out p, ul, li, ol */
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.9em;	
	background-color: #FFFFFF;
}



p {
	padding-top: 7px;
	padding-bottom: 3px;
}

b, strong {
}

a:link {
	text-decoration: underline;
	color: #0000A0;
}
/* was  #7787a0 */

a:visited {
	color: #777777;
}
/* was   #566175*/

a:hover, a:active {
	
}
/* removed text-decoration: none; */

img {
	border-style: none;
}

.image-left {
	float: left;
	margin: 3px;
	padding: 3px;
}
/* removed 	clear: left; */

.image-right {
	float: right;	
	margin: 3px 10px 3px 3px;
	padding: 3px 3px 3px 3px;
	clear: right;
}

img.image-center {
	text-align: center;
	padding: 5px 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
}

.category {
  min-height:140px;
  height:auto !important;
  height:140px;
  margin: 10px 10px 10px 0px;
  padding: 5px 5px 4px 0px;
 }
 /* removed   border: 1px solid #666666; */
 /* for table-like list of items with images. this class =hack designed to get around min-height problem in IE */

.category img {
	float: left;
	padding-right: 5px;
}
/* was margin-right */

.category p {
	margin-top: 0px;
	padding-top: 0px;
}

.featuretext {
	font-size: 120%;
}

/*</jello CSS>*/

#jellocontainer {
	padding-left: 410px;
	padding-right: 410px;
}
 
.expander {
  position: relative;
  margin-left: -410px;
  margin-right: -410px;
  min-width: 820px;
}
 
/* \*/
* html .sizer,
* html .expander,
* html .innerwrapper
{height: 0;}
/* */ 

/* style for double spaced lists etc*/
.doublespacer {
	line-height: 2em;
}
	
.topspacer li {
	padding-top: 5px;
	margin-left: 15px;
	list-style-type: disc;
}

.topspacer li li {
	list-style-type: circle;
}


/* Added below so that I could remove all the empty paragraphs */
.tworeturns {
	margin-bottom: 3px;
}

.threereturns {
	margin-bottom: 30px;
}

/*<group=Layout>*/

.clearer {
	clear: both;
}

.clearleft {
	clear: left;
}

.enlarge {
	font-size: 150%;
}


.table {
	display: inline;
}

.directory1 {
  min-height: 20px;
  height:auto !important;
  height: 20px;
  margin: 4px 4px 4px 0px;
  padding: 4px 4px 4px 0px;
 }

.directory2 {
  min-height:50px;
  height:auto !important;
  height:50px;
  margin: 5px 5px 5px 0px;
  padding: 5px 5px 4px 0px;
  }
  
.directory1 ul {
	width: inherit; 
	list-style: none;
	margin: 3px;
	padding: 3px;
}

.directory1 li {
	float: left;
	display: inline;
	width: 33%;
}


.directory2 ul {
	width: inherit; 
	list-style: none;
	margin: 3px;
	padding: 3px;
}

.directory2 li {
	float: left;
	display: inline;
	width: 30%;
}


#mast {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px; /* was 1500px*/
}

#pageHeader {
	position: absolute;
	top: 0px;
	left: 0px;
 	line-height: 140%; /* may take this out? */
	width: 900px;
	height: 60px;
	margin: 0px auto 0px; /* Right And Left Margin Widths To Auto */
	padding-top: 5px;
	padding-left: 5px;
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	display: block;
}

#pageHeader img {
	float: left;
	margin-right: 10px;
	padding: 0;
}

/* former H1: 
#pageHeader h1 {
	line-height: 140%;
	font: bold 2.1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px 0 0 7px;
	margin: 0;
}
*/


#pageHeader h1 {
	line-height: 1.3em;
	color: #666666;
	padding-left: 15px;
	padding-top: 18px;
	margin: 0;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}

#pageHeader h2 {
	line-height: 1.3em;
	color: #666666;
	padding-left: 15px;
	padding-top: 15px;
	margin: 0;
	padding-bottom: 8px;
	font-size: 1.1em;
	font-weight: normal;
}


#navcontainer {
	background-image: url(images/subnavbar.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: auto;
	margin-left: auto;
	width: 1000px; /* was 1500 July8, changed to 1000 to match container as test, can also shorten this subnav image to match the width of total ul tabs, by limiting container, ul, and ul ul width, eg to 800*/
	position: absolute;
	top: 63px;	
	left: 0px;
	height: 58px;
	font-size: 0.8em;
}

#navcontainer .current {
	background: no-repeat url(images/button_selected.gif);
	font-weight: bold;
}


/* Main Nav (Parent) */

#navcontainer ul {
	
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px; /* july8 changed from 1500 to 1000 as test. to add more tabs later, will need to adjust this, the ul ul, and the overall container width */
	list-style: none;
	margin: 0;
	padding: 0;
}


#navcontainer li {
	display: inline;
	float: left;
}


#navcontainer a {
	width: 100px;
	height: 28px;
	display: block; /* if inline, all browsers but IE go out of whack */
	background: no-repeat url(images/button.gif);
	text-decoration: none;
	padding-top: 11px;
	color: #3c3c3c;
	text-align: center;
	font-size: 12px;
}
/* originally started with tabs width: 113px; height: 34px; */

#navcontainer a:hover {
	background: url(images/button_hover.gif) no-repeat;

}

#navcontainer a:active {
}

/* Sub-nav (Child) */

#navcontainer ul ul {
	text-align: center; 
	position: absolute;
	left: 0px; /*---------------- July 8-10changed from 18 to 1  */
	top: 28px;
	width: 1000px; /*---------------- Jul8 changed from 1500 to 1000 */
	font-size: 9.8px; 
	font-weight: bold; /* added bold to link it more to the chosen parent nav tab */
}


#navcontainer ul ul li {
	text-align: center; 
	display: inline;
}

#navcontainer ul ul a {
	background: none;
	padding-top: 1px;
	width: 104px; 
	font-size: 10px;
	text-align: center; 
}


#navcontainer ul ul a:hover{

	background: url(images/submenu_hover.gif) no-repeat;
}

#navcontainer ul ul .current{
	background: repeat-x url(images/submenu_selected.gif) center top;
}

#breadcrumbcontainer {
	font-size: 10px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-bottom: 0px;
}

#container { 
	position: absolute;
	top: 115px;
	left: 0px;
	width: auto;
	max-width: 1000px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
}
/* removed 	min-width: 600px; max-width: 900px; for jello mold */

#container a:link {
	padding-top: 0px;
	font-size: 14px;
	color: #000099;
}

#container a:visited {
	font-size: 14px;
	color: #000099	;
}
/* was #565656 (dark grey), before that #566175 or  #777777  #6E6E6E*/

#container a:hover {
	background: url(images/hover2.gif);
	background-repeat: repeat-x;
}


#container ul {
	list-style: none;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px 0px 0px 2px;
	text-align: left;
}

#container li {
	padding-bottom: 10px;
	font-size: 14px;
}

#container ul ul {
	list-style: none;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	font-size: 14px;
}

#container ul ul li {
	padding-bottom: 5px;
	padding-left: 8px;
	font-size: 14px;
}

#breadcrumbcontainer ul {
	font-size: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumbcontainer li {
	font-size: 10px;
	display: inline;
	padding: 0;
}

#breadcrumbcontainer a:link, #breadcrumbcontainer a:visited {
	color: #566175;
	font-size: 10px;
}


#breadcrumbcontainer a:hover {
}


#banner {
	margin-top: 15px; 
	margin-left: 10px; 
	width: 765px; 
	height: 71px; 
	padding: 3px 5px 5px 5px; 
	border-style: solid; 
	border-width: 6px; 
	border-color: #B7B7FF
	}

#banner img {
	padding: 5px;
}

#banner a:hover {
	background-image: none;
}



#sidebarContainer {
	min-height: 200px;
	width: 169px;
	margin-bottom: 20px;
	float: left;
	font-size: 0.8em;
	padding: 2px 3px 5px 4px;


}
/* removed 	border-right: 1px solid #a0a5a7;   PLUS background-color: #F7F7F7; PLUS clear: left; */

#sidebarContainer a:hover {
	background: url(images/hover2.gif);
	background-repeat: repeat-x;
}


#sidebarContainer p {
	padding: 4px 2px 3px 5px;
	margin: 0px;
}

#sidebarContainer #sidebar {
	 padding: 0px; 
}

#sidebarContainer .sideHeader {
	font-weight: bold;
	padding: 10px 5px 1px 5px; 
	font-size: 1.4em;
}

#searchbox {
	background-color: #D7D7D7;
	text-align: left;
	font-size: 10px;
 	margin-top: 9px;
	padding-top: 0.9px;
	padding-bottom: 1px;

}	

#searchbox a:link {
	text-align: center;
	font-size: 11px;
	color: #000000;
	padding-left: 4px;
	text-decoration: underline;
}	
	
#searchbox a:visited {
	text-align: center;
	font-size: 11px;
	color: #000000;
	padding-left: 4px;
}	
	
#searchbox a:hover {
	text-align: center;
	font-size: 11px;
	color: #000000;
	padding-left: 4px;
}	
/* removed 	text-decoration: none; */


#contentContainer {
	margin-top: 7px;
	margin-right: auto; /* could also be set to 0px*/
	margin-bottom: 0px;
	margin-left: 177px; /*was 173*/
	border-right: none;
	border-left: 1px solid #a0a5a7; /* added this to replace border-right in sidebar */
	font-size: 0.8em;
	padding-left: 10px;
	padding-bottom: 20px;
	text-align: left; /* Hack To Keep IE5 Windows Happy */
}


#contentContainer p {
	margin-right: 10px;
	margin-bottom: 0px;
	font-size: 120%;
}

#contentContainer p.postlink {
	margin-right: 10px;
	margin-bottom: 0px;
	font-size: 80%;
	/* Added line below so that text without links would display at same size as links */
	display: inline;
}

#contentContainer a:link {
	padding-top: 0px;
	font-size: 14px;
	color: #000099;
}

#boxContainer {
	float: left;
	width: 590px;
	margin-top: 8px;
	}
	
#boxContainer p {
	font-size: 0.9em;
}

#tallbox {
float: left;

min-height:25.5em;
height: auto !important;
height: 25.5em;

width: 185px;
line-height: 140%;
margin: 13px 5px 5px;
padding-left: 5px;
padding-right: 0px;
border-top: 4px solid #000099;
border-right: 1px solid #000099;
border-left: 1px solid #000099;
border-bottom: 1px solid #000099;
background-color: #DFDAF3;
font-size: 120%;
}

/* removed min-height: 49em;*/
/* removed background #FFDC9B; */

#tallbox p {
 font-size: 0.9em;
}


.box1 {
float: left;

min-height:18.5em;
height: auto !important;
height: 18.5em;


width: 280px;
margin: 5px 5px 5px 0px;
padding-left: 3px;
padding-right: 0px;

border-top: 4px solid #666666;
border-bottom: 2px solid #666666;
background-color: #F5F5F5; /* was e5e5e5 */
}

/* min-height: 30em; */

#box1 a:link {
	font-size: 100%;
	}

#box1 a:visited {
	font-size: 100%;
	}

#box1 a:hover {
	font-size: 100%;
	}


#box2 {
float: left;

min-height:18.5em;
height: auto !important;
height: 18.5em;

width: 280px;
margin: 5px;
padding-left: 3px;
padding-right: 0px;
border-top: 4px solid #CC3300;
border-bottom: 2px solid #CC3300;
background-color: #F5F5F5;
}

#box2 a:link {
	font-size: 100%;
	}

#box2 a:visited {
	font-size: 100%;
	}


.box3 {
float: left;
display: inline; 

min-height:9em;
height: auto !important;
height: 9em;

width: 570px;
margin: 5px 5px 5px 0px;
padding-left: 3px;
padding-right: 0px;
border-top: 3px solid #666666;
border-bottom: 1px solid #666666;
background-color: #e5e5e5;
}

/* removed min-height: 18em; */


/* FEATURE BOX */
.featureHeader {
	margin-right: 0px;
	padding-right: 0px;background-color: #6699CC; 
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366; 
	font-weight: bold;
	text-align: center;
	
}   /* sets bgcolor and font attribs for feature box header/title */

#textnav {
	width: auto;
	text-align: center;
}

#textnav ul {
	text-align: center;
}

#textnav li {
	display: inline;
	text-align: center;
	padding-right: 10px;
}

#textnav a:link {
	text-decoration: underline;
	font-size: 12px;
	color: #000099;	
}
	
#textnav a:visited {
	color: #000099;
	font-size: 12px;
}

#textnav a:hover, #textnav a:active {
	
	font-size: 12px;
	color: #000099;
}
/* removed text-decoration: none; */
	
#footer {
	margin-top: 7px;
	color: #808080;
	text-align: center;
	font-size: 0.73em;
}

#footer p {
	padding: 0;
	margin: 0;
}

#footer a:link, #footer a:visited {
	color: #000033;
	font-size: 12px;
	padding-right: 8px;
	text-align: center;
}

#footer a:hover, #footer a:active {
}

#footer ul {
	text-align: center;
}

#footer li {
	display: inline;
	list-style-type: none;
}

	




/*<Global Classes>*/

.postlink {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 4px;
	font-size: 12px;
}



.standout, blockquote {
	border: 1px solid #e2e2e2;
	background: #f1f1f1;
	color: #333333; /* was : #666666 */
	margin: 10px 0px;
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
}

/* for image with border & caption */
	.floatright	{
	float: right;
	width: 103px;
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	}

	div.floatright img
	{
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	}

/* end floatright image with caption etc */


h1 {	
	font-size: 200%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	margin: 0px;
}

h2 {
	font-size: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #424242;
	margin: 0px;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333333;
	margin: 0px;
}

h4 {
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

.red {
	color: #FF0000;
	}