/* CSS Document */
/* Please feel free to study and learn from this style sheet. However some of the code is copyright */
/* and was created by Big John at positioniseverything.com. If you need help with your CSS, contact him */

html, body, ul, li {
border: 0;
margin: 0;
padding: 0;
list-style: none;
}

body {
	margin: 0;
	padding: 0 390px;
	background:#FFD350 url(/development/images/bgbody.gif);
	text-align: center;
	font-size: 100.01%; /* this is a text conformance fix, don't touch. */
}

#sizer {
	margin: 0 auto; /* centers #sizer in standard browsers */
	padding: 0;
	width: 5%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
	text-align: left; /* resets the default text alignment for the page */
	max-width: 400px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -390px; /* neg side margin values should be < or = to side body padding */
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 0; /*** new way to trigger Holly hack in IE7 ***/
} 

/*\*/
* html #expander,
* html #container
 {height: 0;} 
/* Modified Holly hack to fix IEwin bugs */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#container {
	position: relative;
	border: 2px solid #000;
	background: #FFF url("/images/sitewide/bgLeft.gif") repeat-y;
	font-size: 1em; /* adjust this value to set global font-sizing. */
	min-height: 0; /*** legal new way to trigger Holly hack in IE7 ***/
		}

#banner {
	padding: 0;
	margin-bottom: 0px;
	background: #00466A url("/images/bgImage.png") repeat-x;
	width: 100%;
	}
		
/********  Horizontal or Main Navigation *********/

.nav {
	font-family: arial, sans-serif;
	font-size: .9em;
	position: relative;
	background: #FFD350;
	border: 1px solid #888; /* borders the bottom of the top nav */
	border-width: 1px 0;
	width: 100%;
	z-index: 100;
	}

.button {
	width: 150px;
	float: left;
	}

.parent {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 210px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background:  url("/images/bgfix.gif");
	}
	
.dropdown div {
	width: 180px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background:  url("/images/bgfix.gif");
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
	
/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */
	
.dropdown ul { 
	background: #FFD350;
	width: 149px; /* tweaked so that dropdowns appear to "line up" with top links */
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
	border: 1px solid #888; 
	border-width: 1px 1px 0; 
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
	
.five .dropdown ul {width: 149px;} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.five .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: center;}

.nav a {
	color: #FFF;
	display: block;
	font-size: 1em;
	text-decoration: none;
	padding: 4px 0 3px; 
	border-right: 1px solid #888;  /* makes the dividers between the top nav links */
	}

.five a {border-right: 0;} /* kills right border on last top link */
	
.nav ul ul a {
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
	}

.dropdown li {
	position: relative; 
	vertical-align: bottom; /* IE5/win bugfix */
	font-size: .8em;
  }

.dropdown li li {
	font-size: 1em;
  }

.nav li:hover {
	background: #B4D6F1;
} 
	
.nav li:hover a {	
	color: #00466A;
} 
	
.nav li:hover li a {	
	color: #FFF;
} 
	
.nav li li:hover a {	
	color: #00466A;
} 
	
.nav li li:hover li a {	
	color: #B4D6F1;
} 
	
.nav li li li:hover a {	
	color: #00466A;
} 
	
.button:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 140px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}
	
.five li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -170px; 
	top: -26px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
  padding: 0;
  width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	background:  url("/images/bgfix.gif");
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .five li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}

dropdown li:hover {background: #235;} /* hover color effect on dropdown links */

dropdown div li:hover {background: #ff7;} /* hover color effect on flyout links */


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
	
nav ul {background: #d79b00;}
dropdown div ul {background: #eda;} /* colors BG of flyouts */ 
dropdown div ul a {color: #FFF;} /* colors text of  flyouts */ 


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.five {z-index: 50;}
.five:hover {z-index: 35;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */
 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html .nav a
 {height: 1%;}

.button .dropdown li, 
.nav a 
		 {min-height: 0;}	/*** new way to trigger Holly hack in IE7 ***/


/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */


#innerContainer1 {
	background:   url("/images/sitewide/bgLeft.gif") 0 0 repeat-y;
	clear: both;
}

#innerContainer2 {
	background:   url("/images/sitewide/bgRight.gif") 100% 0 repeat-y;
}

#colholder {
	margin-left: 155px;
	margin-right: 135px;
}

#content {
	float: left;
	width: 100%;
}

#contentinner {
	padding: 5px 10px 0 5px;
	background: #FFF;
}

#left {
	float: left;
	width: 155px;
	margin-left: -155px;
	position: relative;
}

#right {
	float: left;
	width: 135px;
	margin: 0;
	margin-right: -135px;
	position: relative;
}
							
#rightinner {
	padding: 5px;
			}
							
/* Footer Elements */
#footer {
	clear: both;
	padding: 10px 0;
	margin-top: 0px;
	background-color: #00466A;
	border-top: 4px solid #000;
	position: relative;
		}
		
/* Vertical Navigation */
#sidenav {
	width: 140px;
	padding: 0;
	margin: 0 0 0 5px;
	padding-top: 10px;
}

/*\*/ /*/
#sidenav {
	position: static;
}
/* This hack feeds IEmac a different position to keep it happy. */

#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: dotted 2px #FFD350;
}

#sidenav li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B4D6F1;
	padding: 15px 5px 3px 5px;
	border-bottom: dotted 2px #FFD350;
	text-align: left;
	line-height: 1.2em;
}

#sidenav li.current {
	background-color: #FFD350;
}

#sidenav ul li:hover {
	background: #FFD350;
	color: #00466A;
}

#sidenav a, #sidenav a:link, #sidenav a:visited, #sidenav a:active {
	text-decoration: none;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

#sidenav a:hover {
	color: #00466A;
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0;
}

#sidenav img, #sidenav a img, #sidenav a:hover img  {
	padding: 0 10px 0 0;
	margin: 0;
	text-decoration: none;
}

/* contentinner list elements */
#contentinner ul {
	margin: 0 1.5em 2.0em;
}

#contentinner ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	list-style-type: disc;
	padding: 0.5em 0;
	color: #000000;
}
	

/* Styling Elements */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFF;
	margin: 0 0 0 0.2em;
	padding: 0 0 2px;
}

h2 {
	font-size: 1.3em; 
	padding: 5px 0 15px; 
	margin: 0; 
	color: #00466A;
	font-family: tahoma, arial, sans-serif;
}

h3, h5, h6 {
	color: #00466A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidenav h3 {
	color: #FFF;
	text-align: center;
}

#sidenav h3 a, #sidenav h3 a:link, #sidenav h3 a:visited, #sidenav h3 a:active {
	color: #FFF;
	text-decoration: none;
}

#sidenav h3 a:hover {
	color: #FFF;
	text-decoration: underline;
}

h4 {
	margin: 0.3em 0;
	color: #00466A;
	text-align: left
}

h4 a, h4 a:link, h4 a:visited, h4 a:active {
	color: #00466A;
	text-decoration: underline;
}

h4 a:hover {
	color: #00466A;
	text-decoration: none;
}

h3 {
	margin: 0.3em 0;
	text-align: left;
}

h5 {
	margin: 0.1em 0 0 0;
	text-align: left;
}

h6 {
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	padding: 0.5em 0 0;
}

p, #content td  {
	margin: .8em 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.4em;
}

.intro {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
}

.littleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.1em;
	text-align: center;
	color: #FFF;
}

.littleText a, .littleText a:link, .littleText a:visited, .littleText a:active {
	color: #FFBF00;
}

.littleText a:hover {
	color: #FFBF00;
	text-decoration: none;
}

.sidebar {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 14px;
}

.regTM {
	font-size: .6em;
	top: auto;
}

.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0 0 1.2em 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.1em;
	text-align: right;
	color: #000;
}

.top a, .top a:link, .top a:visited, .top a:active {
	color: #000;
}

.top a:hover {
	color: #000;
	text-decoration: none;
}

.boldCenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding: 15px 0;
}

.photo-left, .photo-right, .photo-center { /* this is used for the graphics in an article */
	float: left;
	border: 1px black solid;
	margin: 0 0.5em 0.5em 0;
	position: relative;
	width: 410px;
	text-align: center; /* centers the image */
	padding: 3px; /* provides the space */
	background-color: #0E4700;
}

.photo-center {
	float: none;
	margin: 0.5em;
}

.photo-right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

.photo-left p, .photo-right p {
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, "Tahoma", Arial, sans-serif;
	margin: 3px;
	color: #FFBF00
}

.photo-left img, .photo-left img {
	margin: 0;
	padding: 0;
}

.hide {
	display: none;
}

.nobr {
	white-space: nowrap;
	}

/*\*/
* html #colholder,
* html #footer,
* html #innerContainer1,
* html #innerContainer2
	{height: 0;} 
/* */
	
#colholder,
#footer,
#innerContainer1,
#innerContainer2
	{min-height: 0;} /*** new way to trigger Holly hack in IE7 ***/
 
	
.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}