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

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

/* to clear form floats at end of div in FF */
#topbar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/**********************************/

/* =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%;
}

#main a {
	color:#0000FF;
	text-decoration:none;
}

#main a:hover {
	text-decoration: underline;
}

#main a:visited {
	color:#800080;
	text-decoration:underline;
}

/**********************************/

/* =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 */
.wht {background-color:#FFFFFF; border: #212828 thin solid; }
/* logo dark green background table td/tr */
.dkgrn {background-color:#91C147;  color:#FFFFFF;}
/* logo light green background table tr/td */
.ltgrn {background-color:#BDD977;}
/* logo blue background table td */
.blu { background-color: #73C8B7; }
/* brown background Table, smaller font td */
.ltteal {background-color:#4CC6CA; color:#FFFFFF; }
/* dark teal background table tr/td */
.dteal {background-color:#00AEB3; color:#FFFFFF;}
/* dark teal outline table tr/td */
.dteal2 { border-bottom:#00AEB3 2px solid;}
/* brown background table td */
.brn { background-color: #5B7A7A; font-size:120%; }
/* brown background Table, smaller font td */
.brn2 { background-color: #5A4A42; }
.brn2 a {color:#FFFFFF; }
/* light brown background Table td */
.ltbrn { background-color: #C5E7E3; }
/* alternate light brown background Table td */
.ltbrn2 { background-color: #C5E7E3; }
/* 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%; margin-top:.1em; font-weight:bold; }
.alert { font-weight: bold; color:#B01313; }
.widget-content { margin: 1em 0; text-align:center; }
.widget-content2 { margin: 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: #C5E7E3;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}

.news > .tl, .news > .tr, .news > .bl, .news > .br
{
  width: 6px;
  height: 6px;
  position: absolute;
}

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

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

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

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