// See http://joshuaink.com/blog/196/a-simple-guide-to-3-column-layouts
*{
	font-size:100%;
}

body{
	font:75%/150% "Verdana", "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#000000;
/* align ie5 center screen */
	text-align:center;
}

#wrap{
  position: relative;
	xborder:1px solid green
	xbackground:#FFF;
	width:800px; /* This WILL cause horz scroll on 800x600 screen due to vert scroll bar! */
	xmargin:110px auto 0 auto;
	text-align:left;
	background:#FFF url(../images/menunlogo.jpg) 50% 0 no-repeat !important;
	_background:#FFF url(../images/menunlogo.jpg) 50% 0 no-repeat;
  margin-left:auto; /* This will help center in Mozilla/Firefox */
  margin-right:auto; /* This will help center in Mozilla/Firefox */
/* Using the !important method over all else because although there _is_ JavaScript to force IE to support PNG transparency
it causes the links 'above' the background image to become unusable */
}

#head{
  position: relative;
	xborder:1px solid red;
	clear:both;  /* Get it below ALL cols */
  text-align: center;
  height: 105px;
  width: 800px; /* This WILL cause horz scroll on 800x600 screen due to vert scroll bar! */
  float:left;
}


/* ~~~~~~~~~~~~ Generic menu settings ~~~~~~~~~~~~ */
.MenuItem, .MenuItem:visited, .Menulike-Link, .Menulike-Link:visited {
  position: absolute;
	float:left;
  font-family: arial,sans-serif;
	xclear:both;  /* Get if below ALL cols */
	font-size: 14px;
  font-weight: bold;
  color: blue;
  text-decoration: none;
}

a.MenuItem:hover, a.MenuItem:active, .Menulike-Link:hover, .Menulike-Link:active {
  color: red;
}

/* ~~~~~~~~~~~~ Something to make links look like the rest of the menus ~~~~~~~~~~~~ */
/* Note that 'basics' are set ABOVE with .MenuItem, then we 'unset' the stuff we don't want here */
.Menulike-Link, .Menulike-Link:visited {
  position: relative;
	float: none;
}

/* This doesn't work quite yet, but onLoad JS should set the current menu item class to this */
.MenuCurrent, .MenuCurrent:visited, MenuCurrent:hover, MenuCurrent:active{
  color: black;
}

/* ~~~~~~~~~~~ Specific menu placement ~~~~~~~~~~~ */
.MenuItemTL{ /* Top row left */
	left: 297px;   /* Try=338px */
  top: 27px;    /* Rel=9px, try=56px */
}

.MenuItemTM{ /* Top row Middle */
	left: 436px;
  top: 24px;    /* rel=-14px */
}

.MenuItemTR{ /* Top row right */
	left: 561px;
  top: 24px; /* rel=-72px */
}

.MenuItemML{ /* Middle row left */
	left: 205px;
  top: 56px;
}

.MenuItemMM{ /* Middle row middle */
	left: 413px;
  top: 56px; /* rel=-60px */
}

.MenuItemMR{ /* Middle row right */
	left: 536px;
  top: 56px;    /* rel=-2px; */
}

.MenuItemBL{ /* Bottom row left */
	left: 353px;
  top: 76px; /* rel=-57px */
}

.MenuItemBR{ /* Bottom row right */
	left: 661px;
  top: 76px;  /* rel=0px; */
}

.MenuItemLogo{ /* Logo area */
	left: 13px;
  top: 19px;  /* rel=0px; */
	width: 158px;
	height: 85px;
	border: none;
	cursor: pointer;
}

ul{ /* Keep bullets close to left */
  margin-top: 0em;
  margin-left: -1.5em !important; /* 'important' hack, FireFox will ignore following margin-left cmd but IE won't */
  margin-left: 1.5em;             /* ie6 doesn't really follow 'important' rules so sees this
  list-style-type: disc;
  list-style-position: outside;
}


div{
	xmargin:10px 0 10px 0;
	xbackground:#EFEFEF;
	xfilter:alpha(opacity=50);  /* IE */
	x-moz-opacity:0.5;          /* Mozilla */
	xopacity: 0.5;              /* Gecko */
}

.hidden-navigation{
	width:1px;
	position:absolute;
	left:-9999px;
}

#navigations-3col {
  position: relative;
  top: 0px;
	xborder:1px solid yellow;
	width:115px; /* Was 155 */
	float:left;
  margin-left: 75px !important; /* Stupid IE hack... */
  margin-left: 38px;   /* Stupid IE hack... */
	padding-left: 4px;
  padding-top: 50px;
  height: 447px;
}

#navigations-3col a, #navigations-3col a:visited{
    color: blue;
  text-decoration: none;
}

#navigations-3col a:hover {
    color: red;
}

#main-content-3col{
  position: relative;
  top: 0px;
	width: 421px; /* Was 430 before shifting left col out of background img */
  padding-left: 10px;
	float:left;
	xmargin-left:85px;
	xborder:1px solid black;
}

#main-content-2col{
  position: relative;
  top: 0px;
	width: 573px;  /* 599 bef=ore shifting left col out of bg img */
  padding-left: 10px;
	float:left;
	xmargin-left:85px;
	xborder:1px solid black;
}

#extra-content-3col{
  position: relative;
  top: 0px;
	xborder:1px solid purple;
	width:161px;
	float:right;
  padding-left: 10px;
}

#foot{
	xborder:1px solid blue;
	clear:both;  /* Get if below ALL cols */
  text-align: center;
  margin-bottom: 0px;
}

/* ~~~~~~~~~~ JavaScript RSS feed styles for http://jade.mcli.dist.maricopa.edu/feed/index.php?s=style */
.rss_box { /* defines the bounding div for the entire display- use to define borders, fill, etc.  */
  margin: 0px;
  padding: 0px;
}

.rss_title{ /* the title of the feed and link style if displayed. Use with variants of rss_title a:link, rss_title a:hover, etc for rollowver styles */
}

.rss_items{ /* defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items. */
  /* Not sure why margins here aren't working! */
  margin: 0px;
  padding: 0px;
  xmargin-top: 10px;
  xpadding-left: 10px;
  xmargin-left: 100px;
  xborder: 1px solid blue;
}

/* not sure why .rss_item:first-line { margin-bottom: 10px; } doesn't work */
.rss_item{ /* display of each feed item description and title, <li>...</li> as well as the channel description, if displayed. */
  line-height: 4px; /* this is a hack 'cause IE6 wants to put extra space after the first line for some reason */
  text-indent: -18px !important; /* IE6 ignores the important so will use the next def */
  text-indent: 0px;              /* IE6 ignores the important so will use the next def */
  margin-left: 18px !important; /* IE6 ignores the important so will use the next def */
  margin-left: 0px;            /* IE6 ignores the important so will use the next def */
  margin-top: 10px;
}

.rss_item a:{ /* variant for the item title and link style  */
}

.rss_date{ /* defines the display of item posting dates rss_ */
}