@charset "UTF-8";
/* CSS Document */

html, 			body, 
div,			span, 
object, 		iframe, 
h1, h2, h3, h4, h5, h6, 
p, 				blockquote, 
pre, 			a, 
abbr, 			acronym, 
address, 		code, 
del, 			dfn, 
em, 			img, 
q, 				dl, 
dt, 			dd, 
ol, 			ul, 
li, 			fieldset, 
form, 			label, 
legend, 		table, 
caption, 		tbody, 
tfoot, 			thead, 
tr, 			th, td { 
margin : 0; 
padding : 0; 
border : 0; 
font-size : 99%; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.3em;
vertical-align : top; }  /* original was set at baseline */


/* Containers ---------------------------------------------------- */

#wrapper {
width:940px;
height:100%;
border-width: 0em;
border-style: solid;
border-color: #d7dc47;
background-color: #d7dc47;
/* background-attachment:fixed; */   /* supposedly firefox and opera have a problem with background positioning unless 'fixed' is used */
}

#wrappergrey {
width:940px;
height:100%;
border-width: 0em;
border-style: solid;
border-color: #767989;
background-color: #767989;
/* background-attachment:fixed; */   /* supposedly firefox and opera have a problem with background positioning unless 'fixed' is used */
}

#banner {
width:920px;
height:91px;          /* will change when banner is placed */ 
background-color: #d7dc47;
}

#bannergrey {
width:920px;
height:91px;          /* will change when banner is placed */ 
background-color: #767989;
}

#header {
width:920px;
height:102px;
background-color: #d7dc47;
}


#headergrey {
width:920px;
height:102px;
background-color: #767989;
}

#nav {
width:159px;
float:left;
background-color: #d7dc47;
/*background-image:url(../images/JOF_nav_bkg.jpg);
 background-repeat:repeat-y;                may need if nav extends down */
}

#navgrey {
width:159px;
float:left;
background-color: #767989;
/*background-image:url(../images/JOF_nav_bkg.jpg);
 background-repeat:repeat-y;                may need if nav extends down */
}

#main {
width:780px;
float:right;
background-color: #d7dc47;
}

#maingrey {
width:780px;
float:right;
background-color: #767989;
}

.mainContent {
padding-left: 23px;
padding-right: 23px;
}

#breadcrumb {
font-size:11px;
padding: 12px 0 12px 30px;
}

#bottomnav {
font-size:9px;
padding: 12px 0 12px 0px;
width:910px;
}

a.bread:link {color: #766d22; text-decoration: none; }
a.bread:visited {color: #766d22; text-decoration: none;  }
a.bread:hover {color: #766d22; text-decoration: underline;  }


#footer {
width: 920px;
height: 23px;
background-color:#d7dc47;
}

#footergrey {
width: 920px;
height: 23px;
background-color:#767989;
}

#table1 {
	padding-bottom: 12px;
	vertical-align:middle;
}

#table2 {
	width : 259px;
}

#table3 {
	width : 333px;
}

#table4 {
	width : 763px;
}

#table5 {
	width : 320px;
	float:right;
	padding-right: 23px;
}

#tdb {
	vertical-align:bottom;
	
}

#tdm {
	vertical-align:middle;
}

#tdt {
	vertical-align:top;
	
}

#tdpadG {
	padding-left: 23px;
	padding-right: 23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style:normal;
	color:#01843e;
	line-height : 1; 
}

#tdpadG ul {
	padding-left: 18px;
}


#tdpadO {
	padding-left: 23px;
	padding-right: 23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style:normal;
	color:#f47b20;
	line-height : 1; 
}

#tdpadO ul {
	padding-left: 18px;
}

#ulpad ul {
	padding-left: 47px;
}

#greentext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	font-size : 1em;
	font-style:normal;
	color:#01843e;
	line-height : 1; 
}

#greenhead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	font-size : 2em;
	font-style:normal;
	color:#01843e;
	line-height : 1;
}

#brownhead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	font-size : 2em;
	font-style:normal;
	color:#766d22;
	line-height : 1;
}

#orangetext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	font-size : 1em;
	font-style:normal;
	color:#f47b20;
	line-height : 1; 
}

#orangetexts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	font-size : .9em;
	font-style:normal;
	color:#f47b20;
	line-height : 1;
	vertical-align:middle;
}

#greentexts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	font-size : .9em;
	font-style:normal;
	color:#01843e;
	line-height : 1;
	vertical-align:middle;
}



.clear {
clear:both;
}

/* Body ---------------------------------------------------- */

body {
background :  #fff;
font : 88% Verdana, Arial, Helvetica, sans-serif;
line-height : 1.4;
color : #766d22; 
}


/* LINK STYLES
-----------------------------------------------------------------------------*/
a {text-decoration:none;}

a:link, a:visited {color:#F58123;}
/* .linkWhite a:link, a:visited {color:#FFF; text-decoration:none;} */
 
a:hover, a:active {text-decoration:underline;}
.linkWhite a:hover, a:active {color:#FFF; text-decoration:underline;}
.linkGray a:hover, a:active {color:#4D4D4D; text-decoration:underline;}


/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
font-weight : bold; }

h1 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 0;
font-size : 1.2em;
font-style:normal;
color:#F58123;
line-height : 1; /* works for both safari and firefox...no issues on pc side */
}


h2 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 0 0 7px;
font-size : 1.1em;
color:#F58123;
line-height : 1; 
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
/*color:#000;*/
line-height : 1; 
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : .85em;
color:#F58123;
line-height : 1; 
}

h5 { 
}

h6 { 
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; }

/* Text elements -------------------------------------------------------------- */

.TITDbody {
	font-size: 1.2em;
	padding-right: 20px;
}

.TITDbullet {
	font-size: 1em;
}

p { 
margin : .75em 0 .75em; }

a img {
border : none; }

strong { 
font-weight : bold; }

em, dfn { 
font-style : italic; }

dfn { 
font-weight : bold; }

sup, sub { 
line-height : 0; }

abbr, acronym { 
border-bottom : 1px dotted #666; }

address {
margin : 0 0 1.5em;
font-style : italic; }

del { 
color : #666; }

pre, code, tt {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px dotted #666;
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

pre { 
white-space : pre; }

code { 
display : block; }


/* Lists -------------------------------------------------------------- */

li ul, li ol { 
list-style-type : circle;
margin : 0 1.5em .75em 1.5em; }

ul, ol {
margin : 0 1.5em 1.5em 0; }

ul { 
list-style-type : disc; }

ol {
list-style-type : decimal; }

dl {
margin-bottom: 1.5em; 
padding-top: 1.5em; 
border-top : 1px solid #ccc; }

dl dt {
margin-bottom : .75em;
font-size : 1.2em;
line-height : 1.25; }

dd {
margin-bottom: 1.5em; 
padding-bottom: 1.5em; 
border-bottom : 1px solid #ccc; }

/* Tables -------------------------------------------------------------- */

table {
border-collapse : separate; 
border-spacing : 0;
width : 100%; }

th, thead th {
font-weight : bold; }

th, td, caption {
padding : 0; 
text-align : left; 
font-weight : normal; 
}

tfoot { 
font-size : .9em; }

caption {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

/* Forms -------------------------------------------------------------- */

label { 
font-weight : bold; }

fieldset { 
margin : 0 0 1.5em 0; 
padding : 1.4em 1.4em 0 1.4em; 
border : 1px solid #ccc; }

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

textarea { 
width : 390px; 
height : 250px; 
padding : 5px; }




/* Lt Green:	#d7dc47 -----*/
/* Orange:		#f47b20 -----*/
/* Brown:		#766d22 -----*/