/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/* TEXT FORMATTING */
body, td {
	font-size: 12px;
	line-height: 24px;
	font-family: "Georgia", serif;
	color: #50504f;
}

.contentheading, .componentheading {
	color: #fff;
	font-size: 36px;
	padding-bottom: 80px;
	padding-top: 8px;
}
h1, #homepage .contentheading {
	font-family: "Georgia",serif;
	color: #68362c;
	font-size: 24px;
	line-height: 34px;
	padding-bottom: 10px;
}
h3 { font-size: 18px; font-weight: normal;}

a { color: #224b3b; text-decoration: none; border-bottom: 1px solid #869788; }

#rightcolumn a { color: #68362c; text-decoration: none; border-bottom: 1px solid #c4b19f; }

#rightcolumn { color: #68362c;}
a:hover { text-decoration: none; color: #fff;}

#footer, #footer a {
	color: #fff;
}

#banner {
	color: #fff;
	font-size: 18px;
	line-height: 36px;
}

#banner h3 {
	font-size: 24px;
	padding-bottom: 10px;
}
li {
	background: url(../images/arrow.gif) no-repeat center left; 
	padding-left: 25px;
	margin-left: 15px;
}

#rightcolumn h3 {
	background: url(../images/h3bottom.jpg) no-repeat bottom center; 
	text-align: center;
	padding-bottom: 25px;
	margin-bottom: 10px;
	color: #68362c;
}
/* LAYOUT */
#wrapper { 
	width: 811px;
	margin:0 auto;
	}

* html #header { overflow: hidden;}
#header {
	background: url(../images/banner.jpg) no-repeat top left; 
	width: 811px;
	height: 112px;

}
#header h2 {
		text-indent: -9999px;
}
#navigation {
	width: 811px; 
	height: 45px;
}

#banner {
	float: left; 
	width: 811px;
	height: 272px;
		margin-top: 7px;
}
#banner .moduletable {  overflow: hidden; }
#user1{
	width: 318px;
	float: right;
	margin-top: 8px;
	background: url(../images/user1-bg.png) no-repeat bottom left; 
}

#user1 .moduletable { padding: 20px; }

#faux {
	width: 811px;
	background: url(../images/content-bg.png) no-repeat bottom left; 
	float: left; 
	margin-top: 35px;
	clear: both;
}
#faux-inner {
	background: url(../images/content-top.png) no-repeat top left; 
float: left; 
}
#leftcolumn {
	float: left; 
	width: 535px;
}
#rightcolumn {
	float: right;
	width: 245px; 
	background-color: #e3dbc6;
	margin-left: 30px;
	margin-top: 120px;
	}
#homepage #rightcolumn {
	margin-top: 0px;
}
#leftcolumn, #rightcolumn {display: inline;}

#rightcolumn-content { padding: 10px;}
.moduletable { margin-bottom: 20px;}
#user2 {
	float: left; 
	width: 49%;
}
#user3 {
	float: right; 
	width: 49%;
}
#faux { 
 clear: both;
 }

#content { margin-bottom: 20px;}


	 #footer { 
	 clear: both; 
	 text-align: center;
	 width: 100%; 
	 background: url(../images/footerbg.jpg) repeat-x top left; 
	 height: 129px;
	 }
	 #footer-content { 
	 width: 811px; 
	 margin: 0 auto; 
	 padding-top: 5px;
	 color: #fff;
	 line-height: 20px;
	  }
	 #footer-content-left {
	 	float: left;
		width: 49%;
		text-align: left;
	 }
	 #footer-content-right {
	 	float: right;
		width: 49%;
		text-align: right;
	 }

/*MENU*/

    #navigation ul {
      margin:0;
      padding:10px 10px 0;
	  padding-top: 81px;
      list-style:none;
      }
    #navigation ul.navbar li {
      float:left;
      margin:0;
      padding:0;
	 height: 34px;
	 width: 103px;
	 overflow: hidden;
	 margin-left: 1px;
      }
    #navigation a {
      float:left;
      display:block;
      background:url("../images/menu.jpg") no-repeat top left;
      padding:4px 0px 4px 0px;
	  text-align: center;
      text-decoration:none;
      height: 36px;
      color:#FFF;
	    display:block;
	  font-size:11px;
	  font-weight: normal;
	  font-family: "arial";
	  
      }
	  #navigation ul.options a {
	  	background: none;
		padding: 5px;
	  }
    #navigation > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover {
      
	
      }
    #navigation ul.navbar li:hover, #navigation ul.navbar li:hover a {
  background-position: 0% -34px;
    
      }
    #navigation ul.navbar li:hover a {
  background-position: 100% -34px;
      }
	  #navigation ul.navbar li.active {
      background-position:0 -34px;
      border-width:0;
      }
    #navigation ul.navbar li.iehover a, #navigation li.active a {
      background-position:0% -34px;

    
  
      }
	
	 tr.item td {
	 	font-family: "arial";
		font-size: 11px;
	 }