/* this is the style in question */
.header {
margin-top: 0px;
padding-top: 0px;
margin-left: 0px;
padding-left: 0px;
color:#ffffff;
background-color: #D6D6D6;
background-image: url(http://www.capitol-college.edu/images/common/topGray.jpg);
background-repeat: no-repeat;
}
/* ******************* */

.contentbdr {
	width: 761px;
	height: auto;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;

}
.greybox {
	background-color: #eeeeee;
	padding: 3px;
	/*height: 100px;*/
	width: 500px;
	border: 1px double #666666;
}
  .hrRed {
	color: #CC0033;
	height: 1px;
	}
.maincontent{
	margin-left:20px;
	padding-right: 225px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}	
	
 .TOP_NAV {font-family:verdana;font-size:10px;color:#000000;text-decoration:none;font-weight:normal;}
 A.TOP_NAV:active,A.TOP_NAV:visited, A.TOP_NAV:link {font-family:verdana;font-size:10px;color:#000000;text-decoration:none;font-weight:normal;}
 A.TOP_NAV:hover {font-family:verdana;font-size:10px;color:#000000;text-decoration:underline;font-weight:normal;}

div.calloutB {margin: 10px 8px 10px 0px;}

div.calloutB h4 {
	color: #FFFFFF;
	background-image: url(http://www.capitol-college.edu/images/common/calloutCornerB.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #cc0033; 			
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 8px 0 16px;


	}
 div.calloutB div.content {
	border-right: 1px solid #cc0033;
	border-left: 1px solid #cc0033;
	border-bottom: 1px solid #cc0033;
	padding: 13px 8px 12px 16px;
	margin: 0;
	margin-top: -5px;

		
 }