/* 
canabe.css 

by Marco A. Gonzalez (MAG)
email: marco@amagavi.com
web: www.amagavi.com

Amagavi: Developer of database-driven functional web sites

*/

	/* border: 2px solid #b3b3b3; */	/* light gray */
	/* background-color: #c3d9ff; */	/* light blue */
		
	/* 	#e81820 is the red in the A's in CANABE */ 

body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	
	color: #000066;
	
	background-image:url('../images/OnSabbatical.png');
	background-repeat:repeat;
	background-position: top left;
}



h1
{
	font-size: 1.2em;
	margin-left: .5em;
}

h2
{
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}


img.align-right { float:right; margin: 0 0 15px 15px; }
img.align-left { float:left; margin: 0 15px 15px 0; }
img.frame { padding: 5px; border: 1px solid #aaa; }


ul.rightGutter180
{
	float: right; 
	list-style-type: none;
}

ul.rightGutter180 li
{
	 margin-bottom: 1em;
}

ul.rightGutter180 li img
{
	width: 160px;
	border: 1px solid #aaa;
	padding: 5px; 
}
	


table
{
	border-collapse: collapse;
	border: 2px solid black;
}

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

table.rolodex tr.headerRow
{
	background-color: #ccc;
	vertical-align: top;
}

table.rolodex td
{
	border: 1px solid gray;
	padding: .2em;
	white-space: nowrap;
}


table.rolodex th
{
	border: 1px solid gray;
	text-align: left;
	padding: .2em;
	
	white-space: nowrap;
	font-style: italic;
	font-weight: normal;
}


.evenRow {
	background-color: #efefff;
}

.oddRow {
	background-color: #ffffef;
}



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


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


div.canabePageLogo
{
	padding-left: 1em;
	background-color: #fff;
	padding-bottom: 0em;
}


.publicationTitle
{
	font-style: italic;
}

table.membershipDues
{
	border: 0;
}

table.membershipDues td
{
	padding-right: 1em;
}



/* 2008-0913 MAG - don't know where this is used */
#TopNavMenu
{
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #e81820; /* #ffcc33; */
	
	/* border-bottom: 1px solid blue; */
}

#TopNavMenu table
{
	width: 100%;
	
	border: 0;
	margin: 0;	
}

#TopNavMenu table tr
{
	height: 2em; 
	background-color: #cccccc;
}


#TopNavMenu table td a
{
	margin-left: 1em;
}

#TopNavMenu table td a:hover
{
	background-color: #e81820; /* #ffcc33; */
}


#TopNavMenu table td.general
{
}

#TopNavMenu table td.audience
{
	text-align: right;
}

#TopNavMenu table td.audience a
{
	margin-left: 0;
	margin-right: 1em;
}

#TopNavMenu .selectedMenuItem
{
	margin-left: 1em;
	margin-right: 1em;
	background-color: #ccccff;
	display: inline;
}



#TopNavMenu table td
{
}




div#TopNavMenuAsList
{
	margin: 0;
	padding: 0;
	
	padding-top: .4em;
	padding-bottom: .4em;
	
	padding-left: 1em;
	
	background-color: #ccc;
	/* border: 1px solid #ffcc33; */
	
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

div#TopNavMenuAsList ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#TopNavMenuAsList ul li
{
	display: inline;
	padding-left: .5em;
	padding-right: .5em;
	/* height: 2em; */
}


#TopNavMenuAsList ul li:hover
{
	background-color: #aaf; /* #f99; salmon */	/* #ffcc33; */
	padding-top: .2em;
	padding-bottom: .4em;
}


#TopNavMenuAsList ul li.selectedMenuItem
{
	color: black;
	
	padding-top: .2em;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	
	background-color: white;

	padding-bottom: .45em;
}



#languageSwitcher
{
	float: right;
	margin-right: 1em;
	margin-top: -1.1em;
}

#languageSwitcher ul
{
	list-style-type: none;
}

#languageSwitcher ul li
{
	margin: 0;
	
	display: inline;
	font-size: .8em;
	background-color: #fec;
	
	border-bottom: 1px dotted gray;
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
	
	padding-left: .3em;
	padding-right: .3em;
}

#languageSwitcher ul li.selected
{
	font-weight: bold;
	font-size: .9em;
	background-color: #ccc;
	
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid #ccc;
}


table.officerList
{
	border: .1em dotted gray;
	margin-top: 1em;
}

table.officerList td
{
	padding-left: .5em;
	padding-right: .5em;
}

table.officerList td.name
{
	white-space: nowrap;
}

table.officerList td.title
{
	white-space: nowrap;
}

tr.headerRow
{
	background-color: #eee;
}

tr.headerRow th
{
	text-align: left;
	font-size: .9em;
	font-style: italic;
}




#content
{
	margin: 1em;
	margin-right: 22em;
	
}

#content h1
{
	margin: 0;
	padding: 0;

}

#content p
{

}

#content .entry
{
	border-top: 2px solid #e81820;	/* #cc0033; */	/* #ffcc33;  */
	margin-bottom: 1em;

}


#content .entry .box
{
	margin-top: 1em; 
	margin-left: 1em;
	border: .2em solid #e81820; 
	background-color: #eeeeee;
}

#content .entry .box h1
{
	background-color: #ccc;
	font-style: italic; 
	padding: .5em .5em .5em .5em; 
	font-weight: bold;
	font-size: 1em;
}



#LeftNavWithContent
{

}

#LeftNavWithContent table#structure
{
	border: 0;
	margin: 0;
	border-collapse: collapse;
}

#LeftNavWithContent table#structure td.leftNav
{
	vertical-align: top;
	width: 10em;
	border-left: 0px solid #e81820; 	/* #ffcc33; */
	border-right: 2px solid #e81820; 	/* #ffcc33; */
	border-top: 2px solid #e81820; 	/* #ffcc33; */
}

#LeftNavWithContent table#structure td.leftNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;	
}

#LeftNavWithContent table#structure td.leftNav ul li
{
	margin-top: .5em;
	margin-bottom: .5em;
}




#LeftNavWithContent table#structure td.leftNav a
{
	margin-left: .5em;
}

#LeftNavWithContent table#structure td.leftNav ul li.selected
{
		margin-left: .5em;
	font-style: italic;
}





#LeftNavWithContent table#structure td.leftNav h1
{
	margin: 0;
	padding: 0;
	background-color: #99f;	/* #ffcc33; yellowish */
	font-size: 1.1em;
	text-align: center;
}

#LeftNavWithContent table#structure td.content
{
	vertical-align: top;
	padding-left: 1em;
	padding-right: 1em;
}

#LeftNavWithContent table#structure td.content h1
{
	margin: .5em 0em 0 0;
	padding: 0;
}


.membershipApplicationForm
{
	margin: 1em;
}

.membershipApplicationForm h1
{
	text-align: center;
	font-size: 1.2em;
}

.membershipApplicationForm h2
{
	font-size: 1.1em;
	border-top: 1px solid gray;
}


.membershipApplicationForm table
{
	border: 0;
	border-collapse: collapse;
}

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


.membershipApplicationForm table td
{
	padding-left: .5em;
}



.membershipApplicationForm table td.checkbox
{

}

.membershipApplicationForm table td.description
{

}

.membershipApplicationForm table td.price
{
	text-align: right;
}



ul.webSiteLinks
{
	list-style: none;
	padding: 0;
	margin: 1em;
}


ul.books
{
	list-style: none;
	
	padding: 0;
	margin: 1em;
}

ul.books li
{
	padding-bottom: .5em;
}

ul.books li .title
{
	font-style: italic;
}


ul#ListOfBooks
{
	list-style: none;
	
	padding: 0;
	margin: 1em;
}


ul#ListOfBooks li
{
	padding-bottom: .5em;
}

ul#ListOfBooks li .title
{
	font-style: italic;
}

ul#ListOfBooks li span.title:after
{
	font-style: normal;
	content: ', by ';
}

ul#ListOfBooks li span.year:before
{
	content: ' (';
}

ul#ListOfBooks li span.year:after
{
	content: ')';
}


#News
{
	clear: both;
	float: right;
	width: 20em;

	margin: 1em;
	margin-top: 0em;
	border: 1px solid black;
	
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
}

#News h1
{
	background-color: #ffcc33;
	
	margin: 0;
	padding: .2em;
	margin-bottom: .5em;
}

#News .entry 
{
	/* border: 1px solid red; */
	
	margin-left: .5em;
	margin-right: .5em;
	border-top: 1px solid gray;
	padding-top: .2em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .5em;

}

table#DualLanguageSchoolList
{

}

table#DualLanguageSchoolList tr
{
	vertical-align: top;
}


table#DualLanguageSchoolList tr.header
{
	vertical-align: bottom;
	background-color: #aaf;	/* #ffeebb; */
}

table#DualLanguageSchoolList tr.header th
{
	padding-left: .5em;
	padding-right: .5em;
	text-align: left;
}


table#DualLanguageSchoolList tr td
{
	border-top: .1em solid gray;
	padding-left: .5em;
	padding-right: .5em;
}

table#DualLanguageSchoolList tr td span.title
{
	font-style: italic;
}

table#DualLanguageSchoolList tr td .name
{
	white-space: nowrap;
}


#footer
{
	border-top: .15em solid #cc0033;
	padding-left: 1em;
	
	font-style: italic;
	font-size: .9em;
}

#footer .lastUpdate
{
	float: right;
	margin-right: 1em;
}


.articleBox
{
	margin: 0;
	padding: 0;
	border: .15em solid #e81820; 
	background-color: #eeeeee;
}


.articleBox .title
{
	background-color: #ccc;
	
	margin: 0;
	padding: .5em .5em .5em .5em;
	
	font-style: italic; 	
	font-weight: bold;
	font-size: 1em;
}

.articleBox .content
{
	padding: .5em; 
	font-size: 1em;
}

.articleBox .content .articleDate
{
	font-size: .8em; 
	font-style: italic;
}