/***********************************************/
/* HTML and Selector tag styles */
/***********************************************/

html {
	height: 100%;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page - you also have to put it in the BODY tag */

body 
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	/*background-color: #dadada;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	height: 100%;
} /* This 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page - you also have to put it in the HTML tag */

div#cnnHeader
{font-family:Arial;background:#fff;border-bottom:2px solid #DC3606;min-width:1002px;width:auto;margin-bottom:12px;height:55px;}

div#cnnHeader2
{font-family:Arial;background:#fff;border-bottom:2px solid #DC3606;min-width:500px;width:auto;margin-bottom:12px;height:55px;}
.sitelinks 
{
   font-size: 10pt; 
   color: #003399;
}
.maincatcell
{
    font-size: 13pt;
    color: #656565; 
    font-family: verdana; 
    font-weight: bold; 
    border-bottom: #ff6600; 
    border-bottom-width: 1px; 
    border-bottom-style:solid; 
    vertical-align:bottom    
     /*  valign:bottom;*/
}
.maincatcellnoborder
{
    font-size: 13pt;
    color: #656565; 
    font-family: verdana; 
    font-weight: bold; 
     /*  valign:bottom;*/
}

.orangeborder{    border-top: #ff6600; 
    border-top-width: 1px; 
    border-top-style:solid; }


.menu1 
{
    color: #DC3606;
}

* html #container {
  height: 100%;
}  /* This unusual style is talking directly to Explorer, having hte asterix before makes it a style that will be called up by Explorerer. We need this style in here so that the container will stretch to fill the whole page, it is another part of the puzzle that works with the addition of hte height 100% tags above and on the container id. */

.footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover {
	color: #537D71;
	text-decoration: underline;
}

.footer a {
	color: #537D71;
	text-decoration: underline;
}

a:link {
	color: #003399;
}

a:visited {
	color: #003399;
}

.sarcomamenu a:link {
	color: #3782EE;
	text-decoration: none;
} 

.sarcomamenu a:visited {
	color: #3782EE;
	text-decoration: none;
} 

.sarcomamenu a:hover {
	color: #FF6600;
	text-decoration: none;
} 

a:hover {
	color: #FF6600;/*#666633*/
}

td.baseline { 
	vertical-align: text-bottom; 
}

h1 {
	font-size: 18px;
	margin-bottom: -1px;
	padding-bottom: 6px;
	margin-top: 3px;
	font-weight: lighter;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-bottom: -2px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	margin-bottom: -2px
}

ul {
	list-style-position: outside;
	margin-top: 5px;
	list-style-type: none;
	list-style-image: url('../test/test/images/bullet.gif');
}

ol {
	list-style-position: outside;
	margin-top: 5px;
}

p {
	margin-top: 0px;
	margin-bottom: 8px;
}


/***********************************************/
/* Text Classes */
/***********************************************/

.cellcolor1 {
	background-color: #F9FCEA;
}

.cellcolor2 {
	background-color: #F3F6EB;
}


.accent {
	color: #428EDD;
}

.bottomheader {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}

.bottomtext {
	color: #333333; 
}

.rightheader {
	color: #000000;
	font-size: 14px;
	line-height: 19px;
	
}
.mainheader {
	color: #000000;
	font-size: 18px;
	line-height: 28px;
	
}

.test {
	color: #333333;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
}

.CMLabels {
	color: #000000;
	font-size: 13px;
	line-height: 19px;
	width:300;
    display: block;
    float: left;

}

.Cellbg1 {
	text-align: left;
	background-image: url('images/RTbg.png');
}

.Cellbg2 {
	text-align: left;
	background-image: url('images/RTbg2p.png');
}

.CMLabelNormalSize
{
    font-size: 8pt;
    font-family: Arial;
}

.menu2{color: #3782EE;}