/* 	MichaelAngeles; 10/30/02 */
/*	Asilomar believes in web standards
	3 column layout sort of inspired by Eric Costello (glish.com) */


/* CORE CSS */

/* ================================================================== */
/* body margins and color */
/* ================================================================== */

body {
	margin: 0;
	padding: 0;
	background: #f7f7e8;
}

/* ================================================================== */
/* text, colors, backgrounds, borders, link indication */
/* ================================================================== */

/* font, text size and weight
  - base font about 12 px using 85% or x-small|small keywords. 
  - increase from there using ems. */

/* % strategy */
body {
	font-size: 85%;
	color: #000;
}

/* Mark Pilgrim strategy
not being used because of Opera
body {
	color: #000;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body {
	color: #000;
	font-size: small;
}
*/

#Header, #Search, #Title, #Content, #ContentFull, td, dt, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#GlobalNav, #NavSidebar, #Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5 {
	color: #005826;
}

h1 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
}

h3, h4, h5 {
	font-size: 1em;
	font-weight: bold;
}

/* lists */
ul {
	list-style-type: disc;
}

li {
	padding-bottom: .5em;
}

/* text -- based on 1em = 12pt */

.t10 { font-size: .95em; }
.t14 { font-size: 1.15em; }
.t16 { font-size: 1.35em; }
.t18 { font-size: 1.5em; }
.t20 { font-size: 1.675em; }

/* links */
/* text-decoration: underline because of Opera */
a, a:link {
	color: #c30;
	text-decoration: underline;
}

a:visited {
	color: #930;
	text-decoration: underline;
}

a:hover {
	color: #f60;
}

/* ID's */
#Content {
	font-size: 1em;
}

#Search .searchlabel {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#Search .searchitem {
}

#GlobalNav a {
	font-weight: bold;
	text-decoration: none;
	color: #930;
}

#GlobalNav a.selected {
	color: #ffc;
	font-weight: bold;
}


#GlobalNav a:hover, #GlobalNav a.selected:hover {
	color: #ffc; 
}

#NavSidebar a {
	font-weight: bold;
	color: #930;
}

#NavSidebar a:hover, #NavSidebar .selected a:hover {
	color: #f60; 
}

#NavSidebar .NavSidebar1selected a, #NavSidebar .NavSidebar2selected a, #NavSidebar .NavSidebar3selected a {
	color: #f60;
}

#QuoteSidebar {
	font-family: Georgia;
	font-style: italic;
	font-size: .9em;
	color: #663;
}

/*	Added by Austin 11/21/2003 for update home page layout.
	Also edited below to add HomeSidebar to same positioning as QuoteSidebar */
#NewSidebar { 
	font-family: verdana, sans-serif;
	font-style: normal ! important;
}

#Footer {
	color: #ffc;
}

#Footer a {
	text-decoration: none;
	color: #ffc;
}

#Footer .selected a {
	color: #930;
}

#Footer a:hover, #Footer .selected a:hover {
	color: #930; 
}

/* error and alert text */
.error, .red {color: red; font-weight: bold;}

/* ================================================================== */
/*  box properties (exclusive of borders), positioning, alignments, list types, text-indent */

/* box margins and padding */

blockquote {
	margin: .667em 0 .667em 1.8em;
}

img, a.imgLink {
        border: 0;
}

img.imgRight {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}

#Logo {
	padding: 8px 0 0 15px;
}

#GlobalNav a {
	display:inline; 
 	float:left; 
	list-style-type: none;
	margin: 0;
	padding: .4em 1em 0 1em; 
}

/* don't use 'a' here because of Opera overline bug when using display block */
#NavSidebar .NavSidebar0, #NavSidebar .NavSidebar0selected { 
	padding-left: 0; 
	padding-bottom: .5em;
	display: block;
}
#NavSidebar .NavSidebar1, #NavSidebar .NavSidebar1selected { 
	padding-left: 15px; 
	padding-bottom: .5em;
}

/* Added by Austin for updated home page */
#NewSidebar .NavSidebar1, #NewSidebar .NavSidebar1selected { 
	font-size: .9em;
	padding-bottom: .5em;
}

#NavSidebar .NavSidebar2, #NavSidebar .NavSidebar2selected { 
	padding-left: 25px;  
	padding-bottom: .5em;
	display: block;
}
#NavSidebar .NavSidebar3, #NavSidebar .NavSidebar3selected { 
	padding-left: 30px; 
	padding-bottom: .5em;
	display: block;
}

#NavSidebar div.hilite {
	/* in case we need to style it */
}
#NavSidebar div.hilite h1, #NavSidebar div.hilite h2, #NavSidebar div.hilite h3, #NavSidebar div.hilite b {
	padding: 0 0 0 15px;
	margin: 0;
}

#QuoteSidebar .Item1 {
	padding-bottom: .5em;
}

#NewSidebar .Item1 {
	padding-bottom: .5em;
}

/* layout / box positioning */
#Header {
	background-color: #990;
	margin: 0;
	padding: 0;
	height: 63px;
}

#Search {
	position: absolute;
	top: 0;
	left: 75%;
	width: 20%;
	margin: 15px 15px 0 0;
	padding-left: 17px;
	z-index: 1;
	white-space: nowrap;
}

#GlobalNav {
	position: relative;
	width: 100%;
	background-color: #990;
	border-bottom: 4px solid #f93;
	margin: 0;
	height: 30px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 26px;
}
html>body #GlobalNav {
	height: 26px;
}

#GlobalNav div.padder {
	height: 26px;
	margin: 0 0 0 160px;
	padding: 0;
	background-color:  #c90;
	white-space: nowrap;
}

#Title {
	/* top: px from last rel pos, #Header */
	/* right: px from last rel pos -- #Header */
	/* bottom: inherits h1 */
	/* left: px from #NavSidebar */
	margin: 15px 27% 0 175px;
	z-index: 1;
}

#Content {
	/* top: px from last rel pos, #Header */
	/* right: px from last rel pos -- #Header */
	/* bottom: px to #Footer */
	/* left: px from #NavSidebar */
	margin: 0 27% 15px 175px;
	z-index: 1;
}

#ContentFull {
	/* top: px from last rel pos, #Header */
	/* right: px from last rel pos -- #Header */
	/* bottom: px to #Footer */
	/* left: px from #NavSidebar */
	margin: 0 0 15px 175px;
	z-index: 1;
}



#Content .col, #ContentFull .col {
        float: left;
        padding: 0;
        margin: 0 3em 0 0;
        text-align: left
        }

#NavSidebar {
	position: absolute;
	left: 0px;
	top: 93px;
	width: 160px;
	z-index: 1;
	height: 160px;
}

#NavSidebar div.secnav {
	width: 160px;
	padding: 15px 0px 15px 0px;
	background-color: #fc6;
}       

#NavSidebar div.persnav {
	width: 160px;
	padding: 15px 0 15px 0;
	background-color: #fadeaa;
}

#NavSidebar div.hilite {
	width: 160px;
	padding: 15px 0 15px 0;
}

#QuoteSidebar {
	position: absolute;
	top: 95px;
	left: 75%;
	width: 20%;
	margin: 15px 15px 15px 0;
	padding-left: 15px;
	border-left: 2px solid #fc6;
	z-index: 1;
}

#NewSidebar {
	position: absolute;
	top: 95px;
	left: 75%;
	width: 20%;
	margin: 15px 15px 15px 0;
	/* padding-left: 5px; */
	/* border-left: 1px solid #fc6; */
	z-index: 1;
}

#FooterPadder {
	height: 75px;
}

#Footer {
	/* position is relative to #Content */
	height: 1.5em;
	position: relative;
	text-align: center;
	background-color: #990;
	width: 100%;
}

#Footer ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}
#Footer li {
	display:inline;
	padding:0 1.5em;
	}
#Footer ul>li {
	display:inline-block;
	width:130px;
	padding:0;
	} /*IE5 Mac*/
@media all {
	#Footer ul>li {display:inline;  padding:0 2em; width:auto}
	} /*for mozilla, Opera*/

/* /CORE CSS */

/* ================================================================== */
/* Additional styles */
/* ================================================================== */

/* ================================================================== */	
/* added styles for kludgy membership form - jhm */


       th, td {
            font-family: Verdana, sans-serif;
            font-size: 1em;
        }
        input, textarea {
            font-family: Verdana, sans-serif;
            font-size: 1em;
        }
        .hdr {
            color: #707070;
            font-size: 1.3em;
            font-weight: bold;
            text-align: center;
        }
        .hedit {
            background-color: #F0F0F0;
        }
        .hedit td {
            padding: 5px;
            background-color: #E0E0E0;
        }
        .hedit th {
            padding: 5px;
            background-color: #C0B9C0;
        }
        .vedit {
        }
        .vedit td {
            padding: 5px;
        }
        .vedit th {
            padding: 5px;
            text-align: right;
            font-weight: normal;
        }
        .hedit {
            font-size: 1em;
        }
        .hedit td {
            padding: 5px;
        }
        .hedit th {
            padding: 5px;
        }
		input{}
		.txt {
		border:1px solid black;
		}

/* ADDED STYLES FOR UPDATED HOME PAGE */
div#translations {
	font-family: verdana, sans-serif;
	margin: .5em 0 0 0;
	padding: .5em .5em 0 .5em;
	border: 1px solid #fc6; }
div#translations h2 {
	font-size: .9em; 
	margin: 0 0 .5em 0;
	padding: 0; }
div#translations p, div#translations ul, div#translations li {
	font-size: .9em; }
div#loginform {
	font-family: verdana, sans-serif;
	margin: .5em 0 0 0;
	padding: .5em;
	border: 1px solid #fc6; }
div#loginform h2 {
	margin: 0 0 .5em 0;
	padding: 0; }
div#loginform p, {
	font-size: .9em; 
	padding: 0px 0px 0px 5px;}
div#loginform li {
	font-size: .9em; }

acronym, abbr, .tooltip {
	speak : normal;
	cursor: help;}
	
/* The following inserts the english.gif to signal a link
   pointing to English content -- has problems with MSIE
   Windows sometimes! */

a.en {
	padding-right: 10px;
	background: url("http://aifia.org/img/english.gif") 100% 75% no-repeat; 
	} 





/* JOB BOARD STYLES */


#jobtitle {
	margin: 0 10% 15px 175px;
	z-index: 1; }

#jobtitle h1 {
	font-family: verdana, sans-serif;
	font-size: large; }

#jobcontent {
	margin: 0 10% 15px 175px;
	z-index: 1; }

#jobcontent h2 {
	font-family: verdana, sans-serif;
	font-size: medium; }

#jobcontent p {
	font-family: verdana, sans-serif;
	font-size: small; }

#jobcontent label {
	display: block;
	font-family: verdana, sans-serif;
	font-size: smaller; }

#jobcontent li {
	font-family: verdana, sans-serif;
	font-size: small; }