/* PageWrapper: start */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


tr {
	vertical-align: top;
}

th {
	text-align: left;
}


/* used for the title of the content area, i.e. page title */
h1 {	
	margin: 0;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

.AmagaviSitePage p {
    font-size: .9em;
    color: #333333;
    line-height: 160%;
	font-family: "trebuchet ms", helvetica, sans-serif;
}



.AmagaviSitePage  h1 {
	font-weight: bold;
	color: #182958;
    font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 1.2em;
	border-bottom: 1px dotted #787A97;
	margin-top: 1em;
	margin-bottom: 1em;
	/* letter-spacing: 2px; */
}
	
.AmagaviSitePage h2 {
	font-weight: bold;
	
	margin-top: .3em;
	margin-bottom: .3em;
	color: #787A97;
    font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 1.1em;
}


.AmagaviSitePage .contentArea {
	padding: .2em .5em .5em .5em;
}

.AmagaviSitePage .contentAreaWithLeftNav {
	padding: .2em .5em .5em .5em;
}



tr.preferred {
	font-style: italic;
	font-weight: bold;
}

.evenRow 
{
	background-color: #ddddff;
}

.oddRow
{
	background-color: #ffffdd;
}


.embedded tr.headerRow th
{
    font-style: italic;
    font-weight: normal;
    text-align: center;
    font-size: .7em;
    font-family: sans-serif;
}




/* not sure this is used */
.userNameArea {
	text-align: right;
	vertical-align: top;
}


.topNavLink {
	color: #202080;
	font-weight: bold;
}

tr.topMenuBar {
   background-color: white;
}





/* 2006-0227 MAG - 
   so as not to interfere with user setting font height, 
   shouldn't set height of box, shouldn't set border because
   the subsequent float: left won't be encompassed in the border
      
*/
.html4 .topMenuBar {
   margin: 0px 0px 0px 0px;
   padding: 0px;

   background-color: white;
   color: black;
  
   width: 100%;
}


/* 
2006-0227 MAG - 
+ can't set border of any type because li having "float: left" takes the li's out of
the border

*/
.html4 .topMenuBar ul {
   margin: 0px 0px 0px 0px;
   
   padding: 0px 0px 0px 0px;
   list-style: none;
}

.html4 .topMenuBar li {
   float: left;
   
   margin: 0px 0px 0px 0px;
   /* border: 1px solid blue; */
   padding: 0px;
}

.html4 .topMenuBar li a {
   padding: 0px .8em 0px .8em;
   display: block;
}

.html4 .topMenuBar li a:hover {
   background-color: #aaaaaa;
}


.divider {
   clear: both;
   border: 1px solid #202080;
}

.topMenuBar2
{
   border-bottom: 1px solid #202080;
}







/* 
---------------------------------------

Top Nav: end 

---------------------------------------
*/



/* 
---------------------------------------

Top Nav In Table: start 

-  used because non-table wasn't compatible with some browsers

---------------------------------------
*/

.topShadow {
	background: transparent url("/AmagaviSite/img/amagavi/topShadow3.gif") repeat-x top left;
	width: 100%;
	height: 7px;
}

.amagaviHomeLogo
{
}



.topNavInTable {
	margin: 0;
	padding: 0;	
	background-color: #e8e9ee;
	/* background: #e8e9ee url("/AmagaviSite/img/amagavi/left_bar.gif") repeat-y top left;	 */	
}

.topNavInTable .banner {
	width:  100%;
	background-color: #e8e9ee;
	/* background:  #e8e9ee url("/AmagaviSite/img/amagavi/left_bar.gif") repeat-y top left;	 */	
	color: black;
}

.topNavInTable td.logoBlock {
	/* border: 1px solid red; */
	width: 150px;	/* width of logo */
}

.topNavInTable td.nameBlock {
	/* border: 1px solid green; */
	
	text-align: left;
	padding-left: 1em;
	font-weight: bold;
	vertical-align: middle;
	font-family: sans-serif;
	
	color: black;	/* for IE to show it in white*/
}

.topNavInTable td.infoBlock {
	/* border: 1px solid blue; */
}

.topNavInTable .title {
	color: #182958;
    font-family: "trebuchet ms", helvetica, sans-serif;
    
	font-size: 1.2em;
}

.topNavInTable .subtitle {
	color: #182958;
    font-family: "trebuchet ms", helvetica, sans-serif;
    font-style: italic;
	font-size: 1.1em;
}


.topNavInTable .program {
}

.topNavInTable .infoBlock{
	color: black;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-right: .5em;
}


.topNavInTable .infoBlock .userName{
}

.topNavInTable .infoBlock .serverInfo{
}

.topNavInTable .infoBlock .serverInfo .serverLocation{
	font-size: .7em;
}

.topNavInTable .infoBlock .serverInfo .serverTime{
}

.topNavInTable .infoBlock .logoutLink{
	color: blue;
	font-weight: bold;
}

.topNavInTable .infoBlock .instanceID{
	color: green;
}



/* 
---------------------------------------

Top Nav In Table: end 

---------------------------------------
*/




/* 
---------------------------------------
PageStructure and Left Nav - start 
---------------------------------------
*/

table.PageStructure {
	width: 100%;
}

table.PageStructure td.leftNav {
	background-color: #e9e9e9;	/* must match div.leftNav in order to grow vertically  */
	width: 10em;				/* must match div.leftNav */
	
	border-right: 1px solid black;
}

div.leftNav {
	/* should not have border because it would conflict with td.leftNav */
	background-color: #e9e9e9;
	color: black;
	margin: 0;
	
	padding-bottom: .5em;
	
	width: 10em;
	border-top: 1px solid black;
}

.leftNav .Chapter h1 {
	background-image: none;
	border: none;
	
	margin: 0;
	
	font-size: 1em; 
	font-weight: bold; 
	
	background-color: #8da1ff;
	color: black;
	
	text-transform: uppercase; 
	text-align: left; 

	padding: .5em 0 0 0; 
}

.leftNav .Body {
	padding: 0 0 0 .4em;
}



.leftNav .Body ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

.leftNav .Body li {
	padding-left: .4em;		/* some space so selected tab has breathing room */
	
	padding-top: .2em;		/* defines distance between items */
	padding-bottom: .2em;	/* for balanced look, needs to be same as padding-top */
}

.leftNav .Body li.selected {
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	
	margin-right: -.1em;		/* bleed rightward into content area */
	background-color: white;	/* should match content area */
}


.leftNav .Body .section {
	margin-top: 1em;
	margin-bottom: 1em;
}

.leftNav .section h1 {
	margin: 0;
	padding: 0;
	font-size: 1em; 
	font-weight: bold;

	border-bottom: none;
}

.leftNav .Body .section li{
	padding-left: .5em;
	padding-top: 0em;
}


/* 
---------------------------------------
PageStructure and Left Nav - end 
---------------------------------------
*/


/* not sure if used */
.leftNavTitle {
	background-color: #8da1ff;
	text-align: left;
	color: black;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.textColumnTitle {
	font-weight: bold;
	text-align: left;
	background-color: #90a1ff;
}

.rowHeader {
	background-color: #90a1ff;
}

.dataRow {
	vertical-align: top;
}



/* 
---------------------
Reports
---------------------
*/

.reportHeader2
{
	margin: 0;
	padding: 0;
	border-top: 1px solid blue;
}

.reportHeader {
   margin: 0px 0px 0px 0px;
   
   border-width: 1px 0px 0px 0px;
   border-color: blue;
   border-style: solid;
   
   padding: 0px 0px 30px 0px;
   
   position: relative;
}

.reportHeader h3 {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   
   position: absolute;
   top: 0px;
   
   float: left;
}

.reportHeader .downloadLink {
	position: relative;
	
	margin: 0px;
	padding: 0px;
	
	top: 0px;
	right: 0px;
   float: right;
}


.cautionNote {	
   color: red;
}


.reportHeader .cautionNote {
	clear: both;
}

.NotificationList {
}


.ReportFormat td,
.ReportFormat TD
{
	white-space: nowrap;
}

.reportHeader1
{
   margin: 0px 0px 0px 0px;
   
   border-width: 1px 0px 0px 0px;
   border-color: blue;
   border-style: solid;
   
   padding: 0px 0px 0px 0px;
}

.reportHeader1 .cautionNote {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.reportTitle
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.downloadLink1
{
}

.browserBackButtonWarning {
	color: red;
	font-size: 20px;
	font-weight: bold;
}


.ButtonRow {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

table.report 
{
	border: 1px solid black;
	border-collapse: collapse;
}

table.report th
{
	color: black;
	background-color: #90a1ff;
	white-space: nowrap;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left: .2em;
	padding-right: .2em;
	border: 1px dotted black;

}

table.report td
{
	white-space: nowrap;
	text-align: left;

	border: 1px dotted black;	
	padding-left: .2em;
	padding-right: .2em;
	
}



/* 
---------------------
Alumni System
---------------------
*/

/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("/americanCouncils/img/alum/nav/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("/americanCouncils/img/alum/nav/key-point_tl.gif");
	}
	#nav {
		background: #E0E9E9 url("/americanCouncils/img/alum/nav/menu_back.gif") right repeat-y;
	}
	#nav:after {
		display: block;
		clear: both;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("/americanCouncils/img/alum/nav/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("/americanCouncils/img/alum/nav/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li.title
	{
		display: block;
		text-align: center;
		color: black;
		background-color: #ccccff;
		text-transform: uppercase;
		font-family: sans-serif;
		font-size: .9em;
		font-weight: bold;
		padding-top: .3em;
	}
	
		#nav li.selected
	{
		display: block;
		padding: 6px 10px;
		color: black;
		font-family: sans-serif;
		font-size: .9em;
		font-weight: normal;
		font-style: italic;

		border-top: 3px solid #aaaacc;
		border-bottom: 3px solid #aaaacc;
		border-left: 3px solid #cccccc;	/* #edf2f2 */
		
		background-color: white;


	}
	
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 6px 10px;
		text-decoration: none;
		background: #EDF2F2;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #E0E9E9;
	}
	
	#nav li li a {
		padding: 4px 8px 4px 20px;
	}
	
	
	
#navMenu
{
	width: 10em;
	float: left;
	margin-left: 1em;
	margin-top: 1em;
}

#content
{
	margin-left: 11em;
}

table.rolodex tr
{
	vertical-align: top;
}


table.rolodex tr th
{
	font-style: italic;
	text-align: right;
	font-weight: normal;
}

tr.titleRow
{
	background-color: #aaaaaa;
	vertical-align: middle;
}


div#genericPage
{
	margin: 0 0 0 0em;
	border: 0px solid lime;
	padding: 0 10px 0 200px;
}


.DoNotUseBrowserBackButton 
{
	color: red; background-color: white; font-style: italic; font-weight: bold;
}

.PageCommands
{
	margin: 1em 0;
	text-align: right;
}


.pageMenu
{
	margin-top: 1em;
}

.pageMenu a
{
	padding-right: 1em;
}

.pendingDevelopment
{
	color: red; 
	background-color: white; 
	font-style: italic;
}

.Chapter 
{
	background-color: #8da1ff;
	color: black;
	padding: 0 0 0 .3em;
}


table.embeddedRowDisplay
{
	border-collapse: collapse;
	
	margin: 0;
	border: 1px solid black;
	padding: 0;
}

table.embeddedRowDisplay td
{
	margin: 0;
	border: 1px solid black;
	padding: .1em .2em .1em .2em;
}

table.embeddedRowDisplay tr.centerAllCellData td
{
	text-align: center;
}



table.embeddedRowDisplay th,
table.embeddedRowDisplay tr th
{
	margin: 0;
	border: 1px solid black;
	padding: .1em .2em .1em .2em;
	font-style: italic;
	font-weight: normal;
	font-size: .9em;
	text-align: center;
}

.hangingIndentWrapper
{
	margin-left: 3em;
}

.hangingIndent { 
	text-indent: -3em; 
} 

/* 
---------------------
Generic Styles
---------------------
*/

span.smallItal
{
    font-size: x-small; 
    font-style: italic;
}


dl.inLeftNav {
}

dl.inLeftNav dt {
	font-weight: bold;
}

dl.inLeftNav dd {
	margin-left: 1em;
	padding-left: 0em;
}



.embeddedRight
{
	float: right;
	width: 241px;
}

.embeddedLeft
{
	float: left;
	width: 241px;
}



ul.links { list-style: none; margin: 0; padding: 0; }
ul.links li { display: inline; }
ul.links li:after { content: ","; } 
ul.links li:last-child:after { content: ""; }


.embeddedLabelInSearchCriteria {
	font-style: italic; 
	font-size: .9em;	
}


.validationErrorLine
{
	color: red; 
	background-color: white;
}


.printerFriendly-img { 
font-size: 10px;
text-decoration: none;
}


.printerFriendly-img img { 
vertical-align: middle;
}


/* 
---------------------
Page Footer - start
---------------------
*/

#pageFooter {
	clear: both;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid black;
	background-color: #e8e9ee;	
}

#pageFooter #bottomDivider {
	padding-top: 2px;
	background: #e8e9ee url("/AmagaviSite/img/amagavi/topShadow3.gif") repeat-x bottom left;
	height: 7px;
}



#pageFooter .amagaviAttribution
{
	padding: 2px 0px 0px 10px;
	font-size: .8em;
	font-style: italic;
}


#pageFooter .amagaviLogo {
	border: 0px solid blue; 		/* remove border placed by surrounding anchor */
	padding-right: 5px;
	vertical-align: middle;
}


/* 
---------------------
Page Footer - end
---------------------
*/


/* 
---------------------
RowDisplay html Table
---------------------
*/

table.RowDisplay {
	border: 1px solid black;
}

table.RowDisplay tr.headerRow {
	background-color: #90a1ff;
	color: black;
	font-style: italic;
	font-family: sans-serif;
    white-space: nowrap;
}

table.RowDisplay td {
    white-space: nowrap;
    padding: 0em .3em 0em .3em;
    border: 1px solid gray;
}

table.RowDisplay td.rightAlign {
    text-align: right;
}

table.RowDisplay tr.headerRow th {
	font-weight: normal;
	font-size: .9em;
	padding: 0em .3em 0em .3em;
	border: 1px solid gray;    
}

table.RowDisplay tr.headerRow th.rightAlign {
    text-align: right;
}

    
/* 
---------------------
END OF RowDisplay entries
---------------------
*/


.timehint {
	font-size: .9em;
	font-style: italic;
}

span.developerOnly {
	color: red;
	font-style: italic;
}

div.developerOnly {
	border: 1px solid red;
	font-style: italic;
	margin: 1em;
	padding: 1em;
}



/* 
---------------------
For use with CMSUtilities - MMToManyRelationship with useCSS binding = true
---------------------
*/

div.ItemChooser {
	padding-top: .5em;
	padding-bottom: .5em;
}

div.ItemChooser table {
	border: 1px solid black;
	border-collapse: collapse;
}


div.ItemChooser table tr.headerRow {
	background-color: #aaaaaa;
}

div.ItemChooser table tr.headerRow th {
	font-weight: bold;
	font-size: .9em;  
}

div.ItemChooser tr.contentRow td
{
}


div.ItemChooser td.middle
{
	vertical-align: middle;
}


div.ItemChooser .divider
{
	border: none;
}

div.ItemChooser .topButton,
div.ItemChooser .bottomButton
{
}

div.ItemChooser .left select
{
	height: 20em;
}

div.ItemChooser .right select
{
	height: 20em;
}

.html4 .leftBar
{
	width: 150px;
	/* background: transparent url("/AmagaviSite/img/amagavi/left_bg.gif") repeat-y top left; */
	
	background: transparent url("/AmagaviSite/img/amagavi/menuBar-left.gif") no-repeat top left;
		
}

.html4 table
{
	width: 100%;
}


div.AmagaviSitePage div.contentArea
{
	padding-left: 170px;	/* must match width of upper logo */
	background: transparent url("/AmagaviSite/img/amagavi/left_bg.gif") repeat-y top left;
}


div.AmagaviSitePage div.testimonials li
{
	padding-top: 1em;
}

div.AmagaviSitePage div.testimonials dl
{
	width: 66%;
}




div.AmagaviSitePage div.address table,
div.AmagaviSitePage div.headquarters table
{
	background-color: #ccccff;
	border: 1px solid gray;
}




div.AmagaviSitePage div.testimonials dl dd
{
	font-style: italic;
}


div.AmagaviSitePage div.testimonials dl dt
{
	padding-top: 1em;
}



/* AmagaviSite contact page */
div.contact
{
	margin-top: 1em;
	border-top: 1px solid gray;
}

div.contact .bio p
{
	font-family: Times, Helvetica, serif, sans-serif;
    line-height: 100%;
    font-size: 1em;
}


div.contact .entry .name
{
	font-weight: bold;
}

div.contact .entry .title
{
}

div.contact .contactMethod
{
}

div.contact .contactMethod table
{
	margin-left: auto; 	/* right-justify  whole table */
}

div.contact .contactMethod th
{
	text-align: right;
	font-weight: normal;
	font-style: italic;
}

div.contact .contactMethod td
{
	text-align: left;
}


div.contact .address table
{
	margin: 0 auto;
}

div.headquarters,
div.headquarters table
{
	margin: 0 auto;
}

div.headquarters .jumpLinks
{
	margin-top: 1em;
	text-align: center;
}

div#ErrorPage table.RowDisplay 
{
	border-collapse: collapse;
}

div#ErrorPage table.RowDisplay tr.headerRow th,
div#ErrorPage table.RowDisplay tr.headerRow td
{
	text-align: left;
	border-bottom: 1px solid black;
}


div#ErrorPage table.RowDisplay td,
div#ErrorPage table.RowDisplay th
{
	border: 0;
}


/* 
----------------------------------------------------------------------------

Client: CANABE-specific entries

----------------------------------------------------------------------------
*/

.CanabeBookList table.RowDisplay td.BookTitle,
.CanabeBookList table.RowDisplay td.BookAuthor
{
	white-space: normal;
}