@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFCC00;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for any browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector below */
	color: #000000;
}
/* Create the text Formats that you plan to use throughout your page these will override the defaults */
p { /* This is the paragraph font, likely the majority of your text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding:  0px 0px 0px 0px;
	text-align: left;
	white-space: normal;
}
/* It is logical to use 1 through 5 for progressively smaller headings but its your choice */
h1 {
	font-size: 22px;
	color: #333300;
}
h2 {
	font-size: 18px;
	color: #336633;
}
h3 {
	font-size: 16px;
	color: #339966;
}
h4 {
	font-size: 14px;
	color: #339900;
}
h5 {
	font-size: 12px;
	color: #33FFCC;
}
h5 {
	font-size: 10px;
	color: #33FFCC;
}
h6 {
	font-size: 8px;
	color: #33FFCC;
}

#container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFCC;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element above. */
	color: #333300;
	border-top: 3px solid;
	border-right: 3px solid;
	border-bottom: 3px solid;
	border-left: 3px solid;
} 

#header {
	background-color: #33CC00; /* sets the color of the header background.
						       by double clikcing  the #header in CSS Styles menu an image can be inserted here. */
	padding: 0px 10px 0px 10px; /* you may want to do away with the border */
	color: #333300; /*This sets default text color within the header */
	border-top: 3px solid;
	border-right: 3px solid;
	border-bottom: 3px solid;
	border-left: 3px solid;
} 
/*----------------------------------------------------------------------------*/
/* Tips for mainContent:
1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. If you do so, you will want to increase the border width on the sidebar, using the background color from mainContent, in order to provide space between the sidebar and the text in the mainContent. (code line 102)
2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.
3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.*/
/*----------------------------------------------------------------------------*/
#mainContent {
	margin: 5px 0px 0px 180px; /* top/right/bottom/left ; margin is given in pixel position. It locates this box */
	padding: 15px 10px 12px 10px; /* the padding sets the margin within the box */
	border-left-width: 5px;
	border-left-style: dashed;
	border-left-color: #FFCC00;
	font-size: 10px; /*text formatting specified here will be used when "None" is selected for format */
	color: #000000; /*text formatting specified here will be used when "None" is selected for format */	
}
#mainContent img {
	border-color: #FF0000; /* It will look good to make this match the body color ?? */
							/* I don't know how to apply different border colors to images on the same page, */
							/*if you figure it out let me know */
}

/*----------------------------------------------------------------------------*/
/* The describes how an ordered list will appear in the main content -------- */
/* Here are a few required additional formatting rules -----------------------*/
/* You may choose to add more for roll over, links, etx. ---------------------*/
/* You may also delete these rules and format multiple tables directly in page*/
/*----------------------------------------------------------------------------*/
#mainContent ol {
	list-style: lower-roman outside; /* affects the bullets etc. */
	margin: 15px 10px 15px 10px; /* This causes indentation */
	text-align: left;
}
#mainContent li {
	font-size: 12px;
	color: #33CCFF;
	padding: 0; /* Don't change this */
	margin: 0; /* Don't change this */
	}

/*----------------------------------------------------------------------------*/
/* Tips for sidebar1:
1. Space between the side of the div and the elements within it will be created according to the left and right margin on those elements. If you require narrower margins a "p" (or other specific) element can be created within #sidebar and will apply only within this division similar to the way "a" is specified here and for mainContent */
/*----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 170px; /* since this element is floated, a width must be given */
	background: #333300; /* the background color will be displayed for the length of the content in the column, but no further */
	color: #FFCC00; /* see lin 72 for options */
	padding: 2px 5px; /* this padding matches the left alignment (5 pixels) of the elements in the footer below it. */
}
/*------------------------------------------------------------*/
/* The is the navogation portion of the sidebar on the left   */
/* This is an un-ordered list (<ul>) and requires  formatting */
/*------------------------------------------------------------*/
#sidebar ul {
	list-style: none; /* Don't change this */
	padding: 0; /* Don't change this */
}
#sidebar li {
	padding: 0; /* Don't change this */
	margin: 0; /* Don't change this */
	}
#sidebar li a { //*  "a" is the tag to format for the text to be used for links can be set to match mainContent links*/
	text-align: right;
	display: block; /* Don't change this */
	padding: 5px 10px; /*sets list padding in pixels for verticle and side */
	border-bottom: 1px dashed #999999;
	color: #33FF00;
	text-decoration: none;
}
#sidebar li a:hover { /* this is the color that will appear when mouse hovers over this location */
	background-color: #FFCC00;
	color: #339900;
}

/*----------------------------------------------------------------------------*/
/* Tips for Footer:*/
/*----------------------------------------------------------------------------*/
#footer {
	background-color: #33CC00; /* sets the color of the header background.
						       by double clikcing  the #header in CSS Styles menu an image can be inserted here. */
	padding: 0px 10px 0px 10px; /* you may want to do away with the border */
	color: #333300; /*This sets default text color within the header */
	border-top: 3px solid;
	border-right: 3px solid;
	border-bottom: 3px solid;
	border-left: 3px solid;
} 

/* These next two will keep text elements aligned so that one wraps around the other*/
.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	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;
}
#container #sidebar h4 a {
	color: #0F0;
}
#container #mainContent p .style10 strong {
	color: #F0F;
}
#container #sidebar p {
	color: #0F0;
}
.zoo {
	color: #F0F;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.pdx {
	color: #363;
}
.reed {
	color: #903;
}
.LC {
	color: #00C;
}
.UP {
	color: #699;
}
.OHSU {
	color: #000;
}
.WSU {
	color: #C30;
}
.osu {
	color: #F60;
}
.zoo {
	color: #93C;
}
.wilamet {
	color: #960;
}