/* ---------------------------------------------------- */
/* Feature Well */
/* ---------------------------------------------------- */


div#content div#features {
    	background-color: #f6f4ee;
        border: #999 1px dotted;
	width: 220px;
        padding: 0 20px 10px 20px;
        margin: 0px 0 20px 20px;
	float: right;
	clear: left;
        display: block;
        color: #222;
}

div#content div#features h1 {
    	font: bold 110% "Helvetica", Arial, Verdana, sans-serif;
        text-transform: uppercase;
	color:#222;
	padding: 10px 0 10px 0;
	}
		
div#content div#features h2 {
    	font: bold 110% "Helvetica", Arial, Verdana, sans-serif;
	color: #222;
        padding: 0;
        text-transform: uppercase;
       }

div#content div#features h3 {
    	font: 105% "Helvetica", Arial, Verdana, sans-serif;
	color: #222;
        padding: 0;
	line-height: 18px;
  }
  
div#content div#features img {
	margin: .3em 0 .5em 0;
	border: 3px solid #907f46;
}	


/* ---------------------------------------------------- */
/* Feature Well - fade */
/* ---------------------------------------------------- */


div#content div.feature-outer {
	width: 240px;
        background-color: #fff;
	padding: 0;
        margin-left: 5px;
        margin-top: 30px;
	float: right;
	clear: left;
        display: block;
}

div#content div.feature {
	background: #fff url(../../../admission/images/inside/line.gif) repeat-y left center;
	width: 220px;
	padding: 0;
        margin-left: 20px;
}

div#content div.feature-inner {
	height: auto;
	background: transparent url(../../../admission/images/inside/line_bottom.gif) no-repeat left bottom;
}

div#content div.feature > div#content div.feature-inner {
	height: auto;
}

div#content div.feature-inner-inner {
        padding: 10px 0 20px 20px;
        margin: 0;
	background: transparent url(../../../admission/images/inside/line_top.gif) no-repeat left top;
}

div#content div.feature h1 {
        font: normal 160% "Helvetica", Arial, sans-serif;
	color:#222;
	padding: 0 0 10px 0;
	}
		
div#content div.feature h2 {
        font: normal 140% "Helvetica", Arial, sans-serif;
	color: #222;
        padding: 0px 0 10px 0;
        margin: 0 0 0 0;
  }

div#content div.feature h3 {
        font: 120% "Helvetica", Arial, sans-serif;
	color: #222;
        padding: 10px 0 5px 0;
	line-height: 18px;
  }

div#content div.feature h4 {
        font: bold 110% "Helvetica", Arial, sans-serif;
	color: #222;
        padding: 10px 0 5px 0;
	line-height: 18px;
  }

div#content div.feature p {
	color: #222;
  }
  
div#content div.feature img {
	margin: .3em 0 .5em 0;
	border: 3px solid #907f46;
        max-width: 200px;
        height: auto;
}

div#content div.feature a img {
	margin: .3em 0 .5em 0;
	border: 3px solid #b29d6c;
        max-width: 200px;
        height: auto;
}

div#content div.feature a:hover img  {
	border: 3px solid #907f46;
}	

div#content div.feature img.noborder{
                 border: none;
                 float: right;
                 clear: both;
	}



/* ---------------------------------------------------- */
/* Feature Well - Portal Page */
/* ---------------------------------------------------- */

div#content div.features {
    	background-color: #f6f4ee;
        border: #999 1px dotted;
	width: 220px;
        padding: 10px 20px 0 20px;
        margin: 20px 5px 20px 20px;
	float: right;
        display: block;
        color: #222;
        min-height: 200px;
	}

div#content div.three-column-middle div.features {
        border: #999 1px dotted;
        background-color: #fff;
	width: 160px;
        padding: 10px 20px 10px 20px;
        margin: 0 5px 20px 20px;
	float: right;
        display: block;
        min-height: 70px;
	}

div#content div.features h2 {
    	font: bold 110% "Helvetica", Arial, Verdana, sans-serif;
	color: #222;
        padding: 0;
        text-transform: uppercase;
       }

/* ---------------------------------------------------------------- 
 *  Tables
 * ----------------------------------------------------------------*/ 

div#content div.feature table {
	width:99%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:1em 0 1em 0;
	border-collapse:collapse;
	}

div#content div.feature table td {
	border:1px solid #ddd;
	}

div#content div.feature table td {
	font-weight:normal;
	color:#333;
	border-bottom: 1px solid #ddd;
	border-left:1px solid #ddd;
	padding:.5em 1em;
	text-align:left;
	vertical-align: top;
	}

div#content div.feature table td p {
	margin: 0;
        color: #444;
        font-size: 95%;
        line-height: 18px;
	}
				
div#content div.feature table th.column1 {
	background-color: #f6f4ee;
	font-weight:bold;
	text-align:left;
	border-bottom: 1px solid #ddd;
	border-left:1px solid #ddd;
	padding:.5em 1em;
        color: #333;
	vertical-align: top;
	}

div#content div.feature table thead th {
	background:#dfdfdf;
	font-weight:normal;
	text-align:left;
	font:bold 1.2em/2em "Arial",Helvetica,sans-serif;
	border-bottom: 1px solid #eee;
	border-left:1px solid #eee;
	padding:.5em 1em;
        color: #333;
	}

 div.feature tr.odd td	{
	background:#f6f6f6
	}

 div.feature tr.odd .column1	{
	background:#f1f1f1;
	}

div#content div.feature table th tr p	{
	border: none;
	}

div#content div#features form input {
	width: 215px;
}
