@charset "utf-8";
/* CSS Document */

<!-- 
body  {	
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	margin-right=auto;
	margin-left=auto; 
	padding: 0;
	text-align: center; 
	color: #666666;
	background-color: #FFFFFF;
}
#container { 
	width: 900px;  
	margin-right: auto; 
	margin-left: auto;
	text-align: left; 
	background-color: #FFFFFF;
} 
#header { 
	width: 850px;
	height: 150px;
	background-image: url(images/header_rev_new_logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 
/*#homeButton {
	margin-left: 10px;
	float: left;
}*/
#banner {
	margin-left: 10px;
	padding: 0px;
}
#sidebarleft {
	padding: 5px;
	margin-left: 5px;
	float: left; 
	width: 170px; 
	background-color: #FFFFFF;
}

h1 {
	color: #FF9966; /* orange */
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 24px;
}

h2 {	color:#99CC33; /* green */
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 18px;
}

h3 {	color: #009999; /* blue */
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
}	

p {
	color: #666666;
	font-size: 14px;
}

/* Main nav styling for top main navigation bar with dropdown lists */


#mainnav { /* these properties apply to everything in the main menu and submenus */
	width: 800px;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	text align: left;
	background-color: #FFFFFF;
}

#mainnav ul {
	list-style: none; /* this removes bullets from the unordered list */
}

#mainnav ul li {
	display: inline; /* this makes the main menu horizontal */
	float: center; 
	position: relative; /* this establishes position of the main menu so the submenus can be positioned properly */
}

#mainnav ul li a {  /* this formats the items on the main menu */
	color: #007996;  /* blue text */
	background-color: #FFFFFF;  /* white background */
	text-decoration: none;
	border: 1px solid #99CC00;  /* green bar */
	border-left: none;
	border-right: none;
	padding: 7px 5px 7px 5px;  /* need this padding to eliminate gaps between main item and submenu */	
	height: 2em;
	line-height: 2em;
	zoom: 1; /* for IE 6 */
}

#mainnav ul li:hover a { /* This changes the color on the main menu when you hover over an item.
                            Unfortunately, it also sets the color for the submenu. 
                            There does not seem to be a way to override this. 
                            We would prefer white text on blue background for hovered main menu item
                            and blue text on white background for submenu. But, since there seems
                            to be a bug, we will go with blue text on a white background for main menu
                            as well as submenu. So, the main menu items won't change color when you 
                            hover over them. */
	color: #99CC33; /* green text */
	background-color: #FFFFFF; /* white background */
}

#mainnav li ul {
	position: absolute; /* this lines up the submenu with the main menu item it relates to */
	display: none; /* this hides the submenu until you hover over it */
	left: 0px;
	z-index: 999;
	border-top: 1px solid #99CC00;  /* green bar at top of submenu */
}

#mainnav li:hover ul { /* this displays the submenu when you hover over the main menu item */
	text-align: left; /* keep this to align leafs */
	display: block; /* this displays the submenus vertically */
	background-color: #007996; /* this makes the vertical blue bar on the submenus */
}

#mainnav li ul li a {
	color: FFFFFF; /* white text - this is not working for unknown reasons */
	background-color: 007996; /* blue background - this is not working for unknown reasons  */
	display: block; /* this makes each item on the menu the same width */
	width: 215px;
	border: 1px solid #99CC00;  /* green bar around each item on submenu */
	border-top: none; /* so we don't get a double border between each item */
}

#mainnav li ul li:hover a { /* this changes the color of a submenu item when you hover over it */
	color: #FFFFFF; /* white text */
	background-color: #99CC00; /* green background */
}

/* nav styling - used for incidental navigation bars not main navigation */

#nav {
	font-size: 13px;
	letter-spacing: .1em;
	border-bottom: 1px solid #000000;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}
#nav li {
	border-top: 1px solid #0050a6;
	list-style: none;
}
#nav a {
	font-family: Trebuchet, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	list-style: none;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFFF;}

#nav a:hover {
	background-color: #cbe4ff;
	padding-left: 5px;
	color: #0050a6;
}
#navAddress {
	font-size: 11px;
	text-align: center;
	color: #666666;
	margin-top: 10px;
}

/* Misc left sidebar styling */
#donate {
	text-align: right;
	margin-top: 10px;
}
#unityNews {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
}
#unityNews a {
	color: #666666;
	text-decoration: none;
}
#unityNews a:hover {
	color: #184f89;
}
#links {
	margin-top: 10px;
	font-size: 12px;
	color: #184f89;
}
#links a {
	text-decoration: underline;
	color: #184f89;
}
#links a:hover {
	text-decoration: none;
	color: 184f89;
}
#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Right sidebar styling */
#sidebar2 {
	float: right; 
	width: 138px; 
	margin-right: 35px;
	color: #006699;
	background-color: #FFFFFF;
	padding: 5px;
}


/*Main content styling */
#mainContent { 
	width="750"
	font-size: 12px;
	font family: Trebuchet, Helvetica, sans-serif;
	margin: 0 60px 0 60px; 
	padding: 0px; 
	color: #666666;
	text-align: left;
}

#mainContent h1 {
	color: #FF9966;
	font family: Trebuchet, Helvetica, sans-serif;
	font size: 24px;
}

#mainContent h2 {	color:#99CC33;
	font family: Trebuchet, Helvetica, sans-serif;
	font size: 18px;
}

#mainContent h3 {	color: #009999;
	font family: Trebuchet, Helvetica, sans-serif;
	font size: 14px;
}	

#mainContent p {
	color: #666666;
	font-size: 12px;
}


#mainContent a {
	text-decoration: underline;
	color: #009999;
}
#mainContent a:hover {
	text-decoration: none;
	color: FF9966;
}
#maincontentquote {
	margin-left: 40px;
	padding-left: 7px;
	border-left: dashed thin black;
}

#mainContentHeader {
	padding-top: 7px;
	margin-bottom: 14px;
	text-align: center;
}
.rightIndent {
	padding-left: 40px;
}
.rightIndent20 {
	padding-left: 20px;
}
.centerAlign {
	text-align: center;
}

/* Footer and bottom nav stylings */
#footer { 
	padding: 10px 0 10px 0; 
	font-size: 12px;
	text-align: center;
	color: #999;
}
#bNav {
	margin-bottom: 5px;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 20px;
}
#bmNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#bNav li {
	display: inline;
	margin: 0;
}
#bNav a {
	font-color: #009999;
	text-decoration: underline;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 20px;
}
#bNav a:hover {
	font-color: #99CC33;
	text-decoration: none;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 20px;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->