/*************************************************/
/* NCCIC "core" tag styles for CONTENT ONLY      */
/*  Includes foundational NCCIC style classes    */
/*  *Excludes* layout, navigation & menu styles  */    
/*  *Excludes* page-specific id-styles (i.e. ids */
/*  that are not repeated on multiple pages      */
/*************************************************/ 

/******************* #maincontent ********************/ 
/* #maincontent is the overall container for Content */

#maincontent, #simplemaincontent {
	/* float:right;  */
	text-align:left;
	width: 79%;   
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;    /* TODO: increase this and decrease the margin on #navbar */
	margin: 0px;  /* avoid affecting layout */
}


#maincontent p, #maincontent ul li, #maincontent ol li, #maincontent td,
#simplemaincontent p, #simplemaincontent ul li, #simplemaincontent ol li, #simplemaincontent td,
#unsizedsimplemaincontent p, #unsizedsimplemaincontent ul li, #unsizedsimplemaincontent ol li, #unsizedsimplemaincontent td{
	font-size: 130%;
}



#maincontent p, #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5,
#simplemaincontent p, #simplemaincontent h1, #simplemaincontent h2, #simplemaincontent h3, #simplemaincontent h4, #simplemaincontent h5,
#unsizedsimplemaincontent p, #unsizedsimplemaincontent h1, #unsizedsimplemaincontent h2, #unsizedsimplemaincontent h3, #unsizedsimplemaincontent h4, #unsizedsimplemaincontent h5 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 0em;
}

.headinglistitem {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-weight: bold;
}

#maincontent .headinglistitem ul li, #maincontent .headinglistitem ol li,
#simplemaincontent .headinglistitem ul li, #simplemaincontent .headinglistitem ol li,
#unsizedsimplemaincontent .headinglistitem ul li, #unsizedsimplemaincontent .headinglistitem ol li {
	font-size: 12px;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-weight: bold;
}



/********************** .block ***********************/ 
/*  .blocks for non-hierarchical headers (typically  */
/*  a header for a stand-alone "block" of content)   */

h1.block, h2.block, h3.block, h4.block, h5.block {
	font-family: Arial, sans-serif;	
	padding: 0px;
	background-color: transparent;
	border: 0px;	
	text-indent: 0px;
}



/**********************.data *************************/ 
/*  tabular data                                     */

#maincontent table.data {
	border-style: none none;
	border-width: 0px 0px;
	border-spacing: 0px;
	border-color: #666666;
	background-color: #F5DDBB;
	border-collapse: collapse;
}


#maincontent table.data tr {
	border-style: none none;
	border-width: none none;
}



#maincontent table.data td, #maincontent table.data th {
	border-style: none none;	
	border-width: 0px 0px;
	padding: 7px 7px 7px 7px;
	border-color: #666666;
	background-color: #F5DDBB;
	-moz-border-radius: 0px 0px 0px 0px;
}

#maincontent table.data th {
	border-style: none none;	
	border-width: 0px 0px;
	font-size: 1.3em;
	background-color: #e66162;
	padding: 8px 7px 8px 7px;	
}

#maincontent table.data th.tablesubheader {
	border-style: solid solid;
	border-color:  #2d0369;
	font-size: 1.5em;
	color: #2d0369;
	background-color: #f5ddbb; /* #fff0d0; */
	padding: 8px 7px 8px 7px;
	text-align: left;	
	border-width: 3px 0px 3px 0px;
}


#maincontent table.data td.even, #maincontent table.data th.even {
	border-style: none;
	border-width: 0px 0px;
	padding: 7px 7px 7px 7px;
	border-color: #666666;
	background-color: #d5bD9B;
	-moz-border-radius: 0px 0px 0px 0px;
}

#maincontent tr.hide {
	display: none;
}

/*#breadcrumb{
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
} */


/****************** .headline styles *******************/
/*  .headlines is a list of individual .headline items */
/*  a .headline is an individual news-like item that   */
/*  may include a .title or an embedded .embeddedtitle */
/* (which may be links), and a .morelink to more info  */

/* this should probably be moved to the page.css file */
#headlines {
	float:right;
	width: 25%;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFCC66;
}

.headlines, .headline {
	font-family: Arial, Helvetica, sans-serif;	
}

ul.headlines {
}

ul.headlines li, li.headline {
}

ul {
	/*float: left;*/
	/*width: 100%;*/
	margin-top: 10px;
	margin-bottom: 10px;
	/*padding: 0px;*/
}

p.headline {
}

.headline .title {
}

.headline a.embeddedtitle {
}

.headline a.morelink {
}








/* .layout TABLES */

table.layout {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: transparent;
	border-collapse: separate;
	background-color: transparent;
}
table.layout td, table.layout th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: transparent;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.layout th {
	background-color: transparent
	padding: 0px 0px 0px 0px;	
}



/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
}

.story p{
	padding: 0px 0px 10px 0px;
}




/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}


form input.button {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: white;
	text-decoration: none;
	background-color: #00008C;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
form input.button:hover {
		color: gold;
}	


div#maincontent a.developer {
	cursor: pointer;	
}



input.cssbutton{
background-color: #ff9900;
border: 2px #ff9900 outset;
padding: 0px 7px 0px 7px;
color: #2D0369;
text-decoration: none;
}

a.cssbutton{
background-color: #ff9900;
border: 2px #ff9900 outset;
padding: 2px 12px 3px 12px;
color: #2D0369;
text-decoration: none;
/* font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; */
}

.cssbutton:visited{
/* color: black; */
}

a.cssbutton:hover{
color: #2D0369;
border-style: inset;
background-color: #ffaa33;
/* padding: 5px 11px 3px 13px; shift text 1px to the right and down*/ 
/* font-weight: bold; */
}

a.cssbutton:active{
color: #2D0369;	
}

#unsizedsimplemaincontent div#body p.twobuttons  {
	text-align: center;
	padding-top: 3em;
}
#unsizedsimplemaincontent div#body p.twobuttons a {
	margin: 2em;
}

.alert{
color:#990000;}

.two { font-size: 1.22em; } 
.three { font-size: 1.01em; }

#skipnav {
	text-indent: -1000px; position: relative; left: -50em;
}

div#printemaillinks{
	text-align:right;
	font-size:1.2em;
}
div#printemaillinks img{
	text-decoration:none;
	margin-bottom:-3px;
	margin-right:5px;
}

div#login{
	position:absolute;
	text-align: right;
	right:15px;
	top:75px;
	font-size:1.3em;
	z-index:100;
}


h3.formsubheader{
	background-image: url(/assets/images/titleBGgray2.gif); 
	margin-left:-5px; 
	margin-top:16px;
	height:18px;
}

label.leftalign {
	float:left;
	width:180px;
}

label.leftalign_w100 {
	float:left;
	width:102px;
}
