/* =Hyperlinks */
a:hover { background-color: #D7CBA3; }
a.image_link:hover {background-color:none; }
/**********************************/

/* =Menu - horizontal */
#topbar { 
	border-top: thin solid #957966;
	border-bottom: thin solid #957966;
	background-color: #000000;
}
/**********************************/

/* =Breadcrumb */
#crumb {
	background-color: #DED5B3;
	border-bottom: thin solid #000000;
}
/**********************************/

/* =Sidebar */
#sidebar {
	width: 20%;
	padding: 5px;
}

#sidebar p {
	  margin: 0;
	  padding: 0;
	  font-weight: bold;
	  color:#FFFFFF;
}

#sidebar form {
	margin-top: 0;
	margin-right: 0;
	padding-top: 0;
	padding-right: 0;
}
#sidebar input { max-width: 170px; }
#sidebar ul { 
	margin: 0; 
	padding: 1em 0 0 1.5em; 
	list-style-type: none; 
}
#sidebar li { padding-bottom: .5em; }

#sidebar img.grape { position: relative; top: .5em; left: 3.5em; }
/**********************************/

/* =Main content area */
#main {
	padding: .5em 1em 1em 2em;
	margin-left: 20%;
}
/**********************************/

/* =Staff picks */
#picks { position: relative; float: left; }
.pick img, .firstpick img { float: left; margin: 0 10px 0 0; }
.pick { clear: left; }
.firstpick, .pick {
	padding-bottom: 20px;
	position: relative;
	float: left;
	left: 1px;
	top: -1px;

}
#picks p { margin: 0; padding: 0; }
#picks p.tspc { margin-top: 1em; }
/**********************************/

/* =Classes - Content Area */
/* brown background Table td */
.brn { background-color: #957966; font-size:120%; }
/* brown background Table, smaller font td */
.brn2 { background-color: #957966; }
/* light brown background Table td */
.ltbrn { background-color: #EEE6E0; }
/* alternate light brown background Table td */
.ltbrn2 { background-color: #AD9787; }
/* purple background */
.prpl { background-color: #ccf; }
/* gold background */
.gld { background-color: #ffcc33; }
/* Big fonts for TBLB*/
.big { font-size: medium; }
/* Highlighted Section */
table.hgt { border: thin solid #ccf; vertical-align: top; }
td.hgh { border: thin dotted #6c6; vertical-align: top; }
.col, .col1 { float: left; width: 49%; }
.col1 { margin-right: 2em; }
.boxoutln { border:1px solid #090; padding: 0 1em; margin-bottom: 1em; }
.title, h1 { font-size: 150%; }
.alert { font-weight: bold; color:#B01313; }
.widget-content { margin: 1em 1em 0 0; text-align:center; }
.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;
}

.news
{
  width: 94%;
  float:left;
  margin: 1em 0 1em 0;
  color: black;
  padding: 5px 10px 15px 20px;
  position:relative;
  /* Rounded corner stuff starts here */
  background-color: #DED5B3;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}

.news > .tl4, .news > .tr4, .news > .bl4, .news > .br4
{
  width: 6px;
  height: 6px;
  position: absolute;
}

.news > .tl4
{
  background: url(../images/tl4.png) top left no-repeat;
  top: 0;
  left: 0;
}

.news > .tr4
{
  background: url(../images/tr4.png) top right no-repeat;
  top: 0;
  right: 0;
}

.news > .bl4
{
  background: url(../images/bl4.png) bottom left no-repeat;
  bottom: 0;
  left: 0;
}

.news > .br4
{
  background: url(../images/br4.png) bottom right no-repeat;
  bottom: 0;
  right: 0;
}