/***********************************************************************
  Copyright Acrotect LLC 2005.  All rights reserved.

  3-column fluid layout based on http://www.pmob.co.uk/temp/3colfixedtest_4.htm
***********************************************************************/

/***********************************************************************
  Structure and General Placement
***********************************************************************/
div {
	margin-top: 0;			/* Gecko workaround */
}

/* mac hide\*/
html, body {
	height: 100%;
}
/* end hide*/

html, body {
	padding: 0;
	margin: 0;
	position: relative;
	min-height: 100%;
}

html > body #main {			/* W3C */
	border-style: 0px solid transparent;
	border-left-width: 12em;	/* = width(div.navigation) */
	min-height: 100%;
	height: auto;
}
#main {
	/* IE will not render anything on borders, so we render into the
	   coloured margin instead */
	margin-right: 0;
	margin-left: 12em;		/* = width(div.navigation) */
	height: 100%;			/* In IE, height means min-height */
	position: relative;
	z-index: 0;
}

div.banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 141px;
	/* Safari tiles image when there is an x-offset, so the offset is
	   built into the image instead */
	/* background: url(reflection-stripes.gif) no-repeat 0 60%; */
	border-width: 0;
	z-index: 1;
	text-align: center;
}
* html div.banner {
	width: 100%;
}
#bannerlink {
	display: block;
	width: 100%;
}
div.navigation {
	float: left;
	width: 12em;
	margin-left: -12em;		/* = width */
	margin-right: 1px;		/* Pushes footer down */
	position: relative;		/* IE needs this to show float */
}

div.content {
	margin: 2em 5% 2em 5%;
	padding-bottom: 40px;		/* Else Safari swallows bottom */
}
div.content p, div.content ol, div.content ul,
  div.content blockquote, div.content table {
	margin-right: 1em;
}

div.footer {
	width: 100%;
	clear: both;
	/* Drags footer back into page*/
	margin-top: 0px;		/* = border height */
	border-top: 0px solid #00386B;
	height: 0;
	position: relative;
	z-index: 1;
}
* html div.footer {			/* IE only... */
	\height: 0px;			/* IE5, = border height */
	he\ight: 0;			/* IE>5, = height */
}
#clearbanner {				/* Makes room for banner */
	height: 141px;			/* = height(div.banner) */
	border-bottom: 0px solid transparent;	/* = border-top(div.banner) +
						   border-bottom(div.banner) */
}
#clearfooter {				/* Makes room for footer */
	clear: both;
	height: 1px;			/* = border height(div.footer) */
}

/* mac hide\*/
* html div.content {
	height: 1%;			/* Combats IE 3px jog */
}
/* end hide*/

html > body #minHeight {		/* KHTML wrapper thanks to Tim Connor */
	float: left;
	width: 0px;
	height: 100%;
	margin-bottom: -0px;		/* = border-height(div.footer) */
					/* Opera needs an addition -20px */
}
div.banner, div.navigation, div.footer {
	overflow: hidden;		/* Prevent spillage, just in case */
}

/***********************************************************************
  Structural colours
***********************************************************************/
html, body, div.banner, div.navigation, #main {	/* Colours of sidebars */
	/*OLD > background-color: #00386B; */
	background-color: #002748;
	color: white;
}
#main, div.footer {
	background-color: #fffff3;
	color: black;
}
table {					/* IE workaround */
	background-color: #fffff3;
	color: black;
}
div.navigation a,
  div.navigation a:visited, div.navigation a:hover, div.navigation a:active {
	color: white;
}

/***********************************************************************
  Document-wide styles
***********************************************************************/
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 94%;
}

h1 {
	margin-top: 1.2em;
	font-size: 160%;
}
h2 {
	margin-top: 1.2em;
	font-size: 144%;
}
h3 {
	margin-top: 1.5em;
	font-size: 120%;
}
h4, h5, h6 {
	margin-bottom: 0;
}
a {
	color: #175A99;
	text-decoration: none;
}
a:visited {
	color: #444499;
}
a:hover, a:active, a.hover {
	color: #6666aa;
	text-decoration: underline;
}
a.pdf {
	padding-right: 18px;
	background: url(/images/icons/pdf.png) no-repeat right center;
}

abbr, acronym {
	font-style: normal;
}

img {
	border-width: 0;
}
address {
	margin-left: 3.5em;
	font-style: normal;
}
ul {
	list-style-image: url(reflection-bullet.png);
}
table {
	border-collapse: collapse;
}

/*sem border*/
.Table{
	border-collapse : separate;
}

.TableMax{
	border-collapse : separate;
	width : 100%;
}

/*border*/
.TableB{
	border-collapse : collapse;
}

.TableBMax{
	border-collapse : collapse;
	width : 100%;
}

.EscuroC{
	font-family : "Tahoma", sans-serif;
	font-size : .8em;
	background-color: #DDDDDD;
	text-align : center;
	padding-left : 4px;
	padding-right : 4px;
	white-space : nowrap;
}


th, td {
	vertical-align: top;
	border: 0.25em solid #fffff3;
}
th {
        text-align: left;
}
td p {
	margin-top: 0;
}
form th {
        text-align: left;
}
th, .field .question {
	background-color: #00386B;
	color: white;
	font-weight: bold;
}
.field .question {
	display: block;
	padding: 0.35em 0.5em 0.25em 0.5em;
}
label.choice {
	display: block;
	padding-right: 1em;
	white-space: nowrap;
}
div.submitcontainer {
	width: 70%;
	text-align: center;
}
span.errormessage {
	display: block;
	color: #c60000;
	font-weight: bold;
	font-style: italic;
}

.address {
	white-space: nowrap;
}

.error input, .error select, .error textarea {
	background-color: #ffeeee;
}
.error input.checkbox, .error input.radio {
	border: 1px solid #c60000;
}
.devel {
	background-color: yellow;
	color: green;
}


/***********************************************************************
  Specific styles
***********************************************************************/
div.banner span.oakfoundation, div.banner span.oakfoundation-country {
	display: block;
	margin: 8px;
	line-height: 100%;
	font-family: Palatino Linotype, Big Caslon, Times New Roman, Times;
	font-variant: small-caps;
	font-size: 300%;
}
div.banner span.oakfoundation {
	width: 7em;			/* Force line break after "Oak" */
}
div.banner span.oakfoundation-country {
	width: 11em;			/* Line break after "Oak Foundation" */
}
div.navigation {
	padding-top: 1.6em;
	padding-bottom: 1.6em;
}
div.navigation ul, div.navigation ul ul ul {
	margin: 0;
	padding: 0 0.1em 0 0.5em;
	list-style: none;
	list-style-image: none;
	font-weight: bold;
	font-size: 96%;
}
div.navigation ul ul {
	padding: 0;
}
div.navigation li {
	margin: 0.4em 0;
	padding: 0;
}
/* Hide second- and third-level menu... */
div.navigation ul ul ul {
	display: none;
}
/* ... unless it is or it contains the currently selected item. */
div.navigation ul.navcurrent, div.navigation li#navcurrent ul {
	display: block;
}
div.navigation li#navcurrent ul ul {
	display: none;
}
/* Highlight the currently selected item... */
div.navigation li#navcurrent {
	background-color: #103b60;
}
/* ... but not the deeper levels nested within the currently selected item. */
div.navigation ul {
}
div.navigation a {
	text-decoration: none;
}
div.navigation ul ul ul a {
	font-weight: normal;
}
div.navigation a:hover, div.navigation a:active {
	text-decoration: underline;
}
#navcont-home, #navchild-home {
	display: inline-block;		/* IE needs this to eliminate padding */
	padding: 0;
}
#navlink-home {
	display: none;
}

div.footer {
	text-align: center;
color: #fffff3;
}
.date, .phone {
	white-space: nowrap;
}

tr.office {
	border-top: 2em solid #fffff3;
}
td.address {
	padding-bottom: 2.5em;
}

ul.oakupdate {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
ul.oakupdate li {
	margin: 1em 0;
	border: 1px solid #00386B;
	padding: 1em;
}
ul.oakupdate li h3 {
	margin: 0;
	padding: 0;
	font-size: 108%;
	color: #00386B;
}
ul.oakupdate li p {
	margin: 0.25em 0 0.5em 0;
}

ul.grants li {
	list-style: none;
	list-style-image: none;
}


ul.grants li {
	position: relative;
	padding-bottom: 1em;
}


ul.grants p.grantname {
	display: inline;
	font-weight: bold;
}
ul.grants p.grantplace {
	display: inline;
}