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

/*
TABLE OF CONTENTS

ZERO OUT - Sets most everything to ZERO, so there's a clean slate to start with - set any defaults here (Lists especially)
BODY - sets the base font
POSITIONING - generic tags for positioning
LINKS - default and other link styling
#HEADER - Ontario logo, #arc, #arcf, #search, #navbar (main menu/navigation), #banner
#right_column - Main content area (Many layouts - see style guide)
#left_column - .left_nav (left hand navigation group), .menu (menu list)  
#FOOTER - #full_footer, Copyright, Site Map, Contact Us, Privacy Notices
*/


/* -ZERO OUT EVERYTHING - * ---------------------------------------------------------------- */
/* -this css sets all padding, margins, defaults to 0 - * ---------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
td, th{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;

}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px solid #000000;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -ZERO OUT EVERYTHING - END * ---------------------------------------------------------------- */



















/* ----------- ZERO OUT LISTS - set your default list styles here ---------------- */
ol, ul { /* this is the default style - change at will - */
	list-style: none; /* no bullets */
	margin-left: 20px; /* indented from side */
	margin-bottom: 20px; /* space after */
}

li a { 
	zoom: 1 
} /* fix for IE list bug - which wil sometimes interpret a new li as a line break - raises flag since it's IE specific */
/* BASELINE ** ADDITION ** REMOVES Margins from LISTS - nested lists have no top/bottom margins - remove to use default margins*/ 
/*ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
	margin-top: 0;
	margin-bottom: 0;
}*/
/* --------------------------------------------------------------- */ 

/* DEFAULT focus styles - for accessibility */
:focus {
	outline: 0;
}
/* sets the base font to approx 10pt */
body { 
	background-color: #FFF; 
	color: #000; 
	font: 62.5% Verdana, Helvetica, Arial, sans-serif; 
	text-align: center; 
	line-height: 1.5em;
}
 
/* default sizing for standard elements -------------------------- */   /* SET text attributes here */
a {
	text-decoration: none;
	/*color: #000000;*/
}

/*a:visited {
	color: #666;
}*/


a:hover {
	text-decoration: underline;
}

p {
	margin: 0.5em 0 1.5em 0; /* sets default margins for all paragraphs */
}


/* -------- HEADERS --------- */
h1, h2, h3 { font-weight: bold; } 	/* must set explicitly, it is zeroed out above */

h1 {
	color: #000000; /* replace h tags colour with your own */
	font-size: 1.4em;
	margin: 0.8em 0 0.5em 0; /* default margins for h tags: in this order: top, right, bottom, left */ 
}
h2 {
	color: #415616;
	font-size: 1.2em;
	padding-bottom: 6px; /* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class  */
}
h3 {
	color: #0e3d67/*#690707*/;
	font-size: 1.1em;
	margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}
h4 {
	/*color: #aa3d12;*/
      color: #000000;
	font-size: 1.0em;
}

img {
	border: 0;
}
/* --------------------------------------------------------------- */ 


/* ------ GRID - ------------ */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_8plus, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}

/* common/generic styles ------------------------------------------------- */ 

/* positioning */
.right { /* aligns - floats right */
	float: right;
	margin-left: 20px;
	text-align: right;
}

.left { /* aligns - floats left */
	float: left;
	margin-right: 20px;
}


.top { /* removes top margin */
	margin-top: 0;
}
.bottom { /* removes bottom margin */
	margin-bottom: 0;
}

.center { /* centers */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.clear { /* to clear floats */
	clear: both;
}
/* other */

.small { /* smaller text */
	font-size: 0.85em;
	line-height: 140%;
}
.large { /* larger text */
	font-size: 1.4em;
	margin-top: 20px;
	display: block;
}

.indent { /* use to indent text in a pragraph */
	margin-left: 2em;
}

.label {
	display: block;
	width: 5em;
	float: left;
}

.submit { /* styles the submit / GO button -- */
	background-color: #aa3d12;
	color: #fff;
	font-weight: bold;
	border: none;
	float: left;
	width: 100%;
	border: 1px solid #000; /* when BGimages are turned off there is no search box visible - adding a border will make it visible - coloud also add a bgcolor instead */
}

hr { 
	height: 1px; 
	color: #bfbfbf; 
	background-color: #bfbfbf; 
	border: none; 
	float: left; 
	clear: both; 
	width: 100%; 
	margin: 1em 0; 
}

hr.thick { 
	height: 3px; 
	color: #666; 
	background-color: #666; 
} /* thicker separator line - change colour if desired for greater emphasis */

/* --------------------------------------------------------------- */ 
/* tables still need 'cellspacing="0"' in the markup - CSS2 does not yet have proper table support */
/* ---- LINKS ---------------------------------------------------- */
/* default link style */








#language a {
	text-decoration: none;
	font-weight: bold;
	/*color: #003399*/ /*#660000*/
}
a:link,  a:active {
	text-decoration: none;
	font-weight: bold;
	color: #184f80;/*color: #003399*/ /*#660000*/
}

a:hover {
	color:#009933 !important;
	text-decoration:underline;
}

/* default link style */

/* PAGE LAYOUT STYLES --------------------------------------------- */
#wrapper { /* wraps the whole page and centers it */
	width: 980px;
	margin: 13px auto 0 auto;
	text-align: left;
}

#wrapperSplash {
  width: 710px;
  margin-left: auto;
  margin-right: auto;
}

#header1 { /* holds the header area Ontario logo, div>arc, div>search, div>navbar (main menu/navigation), #banner */
	width: 100%;
	position: relative;
}
#header { /* holds the header area Ontario logo, div>arc, div>search, div>navbar (main menu/navigation), #banner */
	width: 980px;
    position: relative;
}


#left_column { /* holds menu - side nav */
	width: 250px;
	float: left;
	font-size: 1.2em;
	line-height: 160%;
}


#right_side { /* holds menu - side nav */
	width: 270px;
	float: right;
	font-size: 1em;
	line-height: 160%;
	margin:0px 0px 10px 10px;
	background-color:#EEEEEE; 
	background-image:url('righhand_bg_image.jpg'); 
	background-position:bottom;
}

#left_navigation { /* holds menu - side nav */
	width: 250px;
	vertical-align:top;
}

#left_navigation #osaplogin {
	margin-bottom:6px;
	padding:0px;
}
#content_area { 
	width:730px;
	vertical-align:top;
}

#findhelp_area { 
	width:100%;
	vertical-align:top;
	font-size: 1.3em;
	line-height: 160%;
}

#right_column { /* content area */
	width: 710px;
	float: right;
	font-size: 1.2em;
	line-height: 160%;
}

#footer {
	clear: both;
	width: 980px;
	padding-top: 20px;
}

#trapper, #trap {
	display:none;
}



/* HEADER LAYOUT STYLES --------------------------------------------- */

#textlinks a.last, #navbar p a.last { 
	border: none; 
	padding-right: 0; 
}
#textlinks {
	position: absolute;
	right: 0px;
	top: 5px;
	text-align: right;
}

#textlinks a {
	padding: 0 1em 0 0.75em;
	border-right: 1px solid #999;
	color:#333;
	font-weight:bold;
}


a#skipNav:link, a#skipNav:visited, a#skipNav:hover { 
	color: #FFF; 
	border: none; 
}

a#skipNav:active, a#skipNav:focus { 
	color: #17397d; 
	border-right: 1px solid #999;  
}

#arc, #arcf {
	width: 100%;
	height: 92px;
	float: left;
	background-image: url('fao_header_arc_image.gif');
	border-bottom:1px solid #FFF;
}

#arc form, #arcf form { /* search form */
	float: right;
	margin: 40px 0 0 0;
	padding-right: 20px;
}

#mainsearch { /* search box */
	width: 20em;
	height: 1.8em;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	float: left;
}

#search {/* search box */
  width: 23em;
  height: 1.5em;
  padding: 3px;
  border: 0;
  background-color: #fff;/* COLOUR CHANGE */
}

#submit { /* submit (go) button */
	width: 2.5em;
	height: 2.5em;
	padding: 3px 0;
	border: 0;
	background: #d8e9ec/*transparent*/ url('arrow_right_blue_image.png') no-repeat left center;
	color: rgba(0,0,0,0) transparent;
    cursor:pointer;
}


#submit:hover { /* submit (go) button hover state */
  border: 1px solid #fff
}

#submit1 { /* submit button */
  /*background-color: #EFE7C9;*/
  background-color: #F7F3E6;
  border: 0;
  color: #660000; /* COLOUR CHANGE */
  font-weight: bold;
  vertical-align:top;
  padding-top: 2px;
}
.submit1 { /* submit button */
  background-color: #F8FFEC;
  border: 0;
  color: #0E3D67; /* COLOUR CHANGE */
  font-weight: bold;
  vertical-align:top;
  padding-top: 2px;
}

.submitbutton
{
  text-align:center;
  vertical-align:middle;
  background:#F8FFEC none repeat scroll 0 0;
  /* background:#F7F3E6 none repeat scroll 0 0;*/
  padding: 5px 5px 5px 5px;
}


#submit2 { /* submit button */
  	width: 2.5em;
	height: 2.5em;
	padding: 0px 0px 0px 7px;
	border: 0;
	/*background: #d8e9ec/transparent/ url('arrow_right_blue_image.png') no-repeat left center;*/
	color: rgba(0,0,0,0) transparent;
	cursor:pointer;
}


#nav { 
	width:980px;
	background: #004760 /*#3c1922*/ url('osap_navbar.jpg') no-repeat left center;
}

#navbar { /* the main nav bar */
	width: 100%;
	height: 3.75em;
	float: left;
	border-bottom: 8px solid #FFF;
	background: #004760 /*#3c1922*/ url('osap_navbar.jpg') no-repeat left center;  /* CHANGE Background colour with your colour that matches the graphic */
}


#navbar p { /* text in navbar */
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top:10px;
	margin-bottom:12px;
}

#navbar p a { /* links in navbar */
	color: #FFF;
	padding: 0 10px 0 8px;
	border-right: 2px solid #FFF;
}

#banner { /* holds flash banner or static banner */
	width: 980px;
	height: 185px;
    overflow: hidden; /* Necessary for IE6 */
	clear:both;
	margin-bottom: 10px;
	border-bottom: 4px solid #2d4962/*#453617*/;
}

#rssbanner {	
	vertical-align:middle;
	margin-bottom:1em;
	background:#fcfdf4;
}
#rssbanner p { 
	font-size:70%;
	text-transform:uppercase;
	color:#666;
	font-weight:bold;
	margin:0px auto 0px auto;
}

#getstarted {
	background: url('/eng/news/rss_image.gif') no-repeat left;
	height:24px;
	line-height:24px;
	margin-right:2em;
	padding:5px 0px 5px 53px;
	font-size:80%;
}

#flashcontainer {
	padding:0;
}















/* RIGHTT NAV STYLES --------------------------------------------- */

#right_side ul { margin: 0; padding: 0; }

.rightnav {
	border:1px solid #666;
	background:#fbf9f4;
	padding:10px;
	font-size:.95em;
	margin-bottom:20px;
}

.rightnav h3 {
	font-size:1.2em;
	color:#000;
	padding:0px !mportant;
	margin-top:0px;
	margin-bottom:15px;
}

.rightnav .smalltext {
	font-size:90%;
	line-height:1.3em !important;
	margin-bottom:10px;
}

.rightnav .title a {
	font-size:1.1em;
	text-decoration:underline;
}

.rightnav a {
	font-weight:bold !important;
}

/* LEFT NAV STYLES --------------------------------------------- */
#left_column ul { 
	margin: 0; 
	padding: 0; 
}

.leftnav {
	width: 100%;
	/*float: left;*/
	margin-bottom: 10px;
	overflow:hidden;
}










/* -- First colour of Header bar for Menu titles -- */
.leftnav .header { 
	width: 100%;
	/*height: 1.5em;*/
	border-bottom: 1px solid #9eb180;
	float: left;
	position: relative;
	background: #dcecc1 url('fao_arc_left_image.gif') no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */  
}

.leftnav .headergovt { 
	width: 100%;
	/*height: 1.5em;*/
	border-bottom: 1px solid #bfbfbf;
	float: left;
	position: relative;
	background: #622B1E url('arc_govt_red.gif') no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */  
	
}

.leftnav .header a { 
	color: #333;
	font-weight: bold;
	display: block;
	padding: 3px 5px 0px 5px; 
}

.leftnav .headergovt a { 
	color: #333;
	font-weight: bold;
	display: block;
	padding: 3px 5px 0px 5px; 
}

.leftnav .header img, .leftnav .headergovt img, .downarrow {
	position: absolute;
	left: 230px;
	top: 6px;
}









/* -- Second colour of Header bar for Menu titles -- */

.leftnav .mycolour .headergovt {
	border-bottom: 1px solid #000000;
	background: #622B1E url('arc_govt_red.gif') top left no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */
	/*height: 1.5em;*/
}

.leftnav .mycolour .headergovt a { 
	color:#fff; /* update font to contrast w BG color (above in .leftnav .mycolour .header) */ 
	font-weight: bold;
	display: block;
	padding: 3px 5px; 
}
.leftnav .mycolour .header {
	border-bottom: 1px solid #000000;
	background: #2d4962/*#004760*/ url('arc_left_mycolour.gif') top left no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */
	/*height: 1.5em;*/
}

.leftnav .mycolour .header a { 
	color:#fff; /* update font to contrast w BG color (above in .leftnav .mycolour .header) */ 
	font-weight: bold;
	display: block;
	padding: 3px 5px; 
}

.leftnav .explorecolour .header {
	background:#4A1910 url(osap_explore_government_image.gif) no-repeat scroll left top;
	border-bottom:1px solid #000000;
}
.leftnav .explorecolour .header a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:3px 5px;
}
.leftnav h2 { font-size: 0.96em; line-height:1.4em; }

.leftnav_button {  margin-top:3em; }
.leftnav_button img {  margin-bottom:1em; }

/* EXPANDING MENU STYLES --------------------------------------------- */


.menu {
	width: 100%;
	float: left;
	overflow:hidden;
	font-size:94%;
}
.menu a.osap{
	background: #F0FBDB url('fao_triangle_down_image.gif') no-repeat /*8px center*/12px 11px !important;
}
.menu li {
	display: inline;
	line-height:1.3em;	
}

.menu a:link, .menu a:visited, .menu a:active {	
color: #444;
}

.menu #subheading { 	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 24px; 
	border-bottom: 1px dotted #666; 
	background:#ecfdd2; }

.menu #subheading1 { 	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 24px; 
	border-bottom: 1px dotted #666; 
	background:#F0FBDB; }
/*	
.menu #subheading2 { 	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 36px; 
	border-bottom: 1px dotted #666; 
	background:#f8ffec; }
*/

.menu #subheading2 {
	background:#F8FFEC url(fao_triangle_right_image.gif) no-repeat scroll 23px 13px;
	border-bottom:1px dotted #666666;
	color:#444444;
	display:block;
	font-weight:bold;
	padding:8px 4px 8px 36px;
}

.menu #subheading,.menu .subheadingnew {
	color: #454545;
	font-weight: 700;
	display: block;
	padding: 8px 4px 8px 24px;
	border-bottom: 1px dotted #666;
	background: #F0FBDB;
}
			
.subarrow { 	
	position:absolute;
	cursor:hand;
	margin:13px 12px;
	background:#f5f9ed;
	}
				
.subarrow2 { 	
	position:absolute;
	cursor:hand;
	margin:13px 12px 13px 24px;
	background:#f5f9ed;
	}

.menu .tool { 
	text-transform: uppercase;
	font-size:0.9em;
	font-family:arial;
	color:#003399;
	text-decoration:none !important;
	font-weight:bolder;
	margin-left:5px;
}
.menu a {	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: #F0FBDB url('fao_triangle_right_image.gif') no-repeat /*8px center*/12px 13px;
}

.menu a.findch, .menu a.findcp, .menu a.choosecp, .menu a.schoolsprogramssp, .menu a.studyis, .menu a.studysa, .menu a.issa, .menu a.sasa, .menu a.newosapos, .menu a.whatos, .menu a.overviewos, .menu a.tipsos, .menu a.helpos {
	background: #F0FBDB url('fao_triangle_down_image.gif') no-repeat /*8px center*/12px 11px !important;
}

ul.menu li a {	
	color: #444;
}
#current { 
	background-color: #f8f6d7; 
} /* not in use */

.menu li li a {
	/*font-size: 0.9em;*/
	padding: 8px 4px 8px 36px;
	background: #f8ffec url('fao_triangle_right_image.gif') no-repeat 23px 13px; /* sub menu styling - positions the arrow graphic in a bit more */
}
.menu li li li a {
	/*font-size: 0.9em;*/
	padding: 8px 4px 8px 48px;
	background: #fbfdf7 url('fao_triangle_right_image.gif') no-repeat 36px 13px; /* sub menu styling - positions the arrow graphic in a bit more */
}

.nav25lang li { display:inline; list-style-type:none; }

#nav25 ul li a { color:#666; text-decoration:none; }

#colleges, #univ, #subnav, #etsubnav, .sublist { display: none; }
#nav25language { display: none; } /* closes the menu by default */

.row { /* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
	width: 100%;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
}


.row2 {/* a style to contain other elements on the page in a mini table */
  width: 100%;
  float: left;
  display: inline;
  margin-right: -3px;/* IE 6 duplicate text fix */
}

.rownews {/* a style to contain other elements on the page - gives a solid border at the bottom of the area */
  width: 100%;
  float: left;
  display: inline;
  margin-right: -3px;/* IE 6 duplicate text fix */
  /*margin-bottom: 10px;*/
  border-bottom: 1px solid #E5E5E5;
}
/* added chwang new osap */
.midtitle {
	width: 100%;
	float: left;
	overflow:hidden;
}

.midtitle p {
	/*display: inline;*/
	display:table-row;
	height:110px;
	margin:0px 0px 5px 0px;
	/*border-bottom: 1px dotted #666; 
	background: #f5f9ed url('/graphics/edu/small_buttons_08.gif') no-repeat 5px 10px*/;
}

.midtitle p * {
	vertical-align:middle;
}

.midtitle a:link, .midtitle a:visited, .midtitle a:active {	
color: #444;
}
		
.midtitle a {
	font-weight: bold;
	/*display: block;*/
	display:inline-block;
	line-height:1.3em;
	margin-left:1em;
	/*padding: 6px 4px 6px 50px;  this creates the size of the menu item box - last value is the distance of the text from the side */
}
		
.midtitle img {	
	border:1px solid #666;
}

/*FEATURE SECTION*/


.feature {
	width: 100%;
	float: left;
	overflow:hidden;
	font-size:94%;
}

.feature li {
	/*display: inline;*/
	display:table-row;
	width:100%;
	height:40px;
	border-bottom: 1px dotted #666; 
	background: #F0FBDB /*url('/graphics/edu/small_buttons_08.gif') no-repeat 5px 10px*/;
}

.feature li * {
	vertical-align:middle;
}

.feature a:link, .feature a:visited, .feature a:active {	
color: #444;
}
		
.feature a {	
	color: #1b324a !important; 
	font-weight: bold;
	/*display: block;*/
	display:inline-block;
	line-height:1.3em;
	width:10em;
	padding: 6px 4px 6px 64px;  /*this creates the size of the menu item box - last value is the distance of the text from the side */
}
		
.feature img {	
	border:1px solid #666; 
	margin:15px -50px 15px 10px;
}

/* end added chwang new osap */



/* SPLASH STYLES */
#container, #splash_page #container {
	width: 720px;
	text-align: center;
	margin: 0 auto
}

#splash {
  width: 710px;
  margin-top: 50px;
  float: left;
 /* margin: 2.6em 0px 0 0px;*/
  padding-bottom: 80px;
  font-size: 1.3em;
  text-align: left;
  background: url('osap_header_arc_image.gif') no-repeat bottom left;/* re-uses HEADER ARC image no need to change */
  border: 1px solid #606060;/* COLOUR CHANGE this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */
  border-bottom: 2em solid #004760;/* COLOUR CHANGE this is a colour that matches the MAIN NAVIGATION BAR  */
}

#splash .two_cols {
  background: url('osap_splash_line_image.gif') no-repeat top center;/* this line matches the outline of the border above - Graphic in file: Splash_Master.psd */
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 3em;
}

#splash .splash_services {
  background: none;
  padding-top: 0;
}
/* added from master css ver 1.49  */

#splash .two_cols .column {
  width: 354px;
  float: left;
  position: relative;
  /*padding: 75px 0px 0px 0px;*/
  padding-top: 3em;

}

#splash .two_cols .column_services {
  width: 354px;
  float: left;
  position: relative;
  padding: 11px 0px 0px 0px;
}

#splash .two_cols .column .button {
  margin: 20px auto;
  width: 210px;
}

#splash .two_cols .column .arrow {
  vertical-align: middle;
}

#splash h2 a {
  font-size: 110%;
  font-weight: bold;
  color: #000000;/* COLOUR CHANGE - match if you like */
}

.button { margin: 20px auto; width: 210px; }



/* FOOTER STYLES */

#footer {
	clear: both;
	width: 980px;
	padding-top: 20px
}

#full_footer { /* changed from orginal to make the footer span the whole bottom area */
	border-top: 1px solid #7f7f7f;
	padding-bottom: 1em;
	width: 100%;
}

#footer p { 
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	font-size: 0.9em;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active { 
	color: #666; 
}


/* --- list of links footer - new nov2009 ---- */
#footer ul.right { width: 490px; margin-top: 0.7em; }
#footer ul.left { width: 485px; margin-left: 0; }
#footer ul {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	font-size: .9em;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	margin: 0 0 0.7em 0;
	} 
#footer ul li {
	margin-left: 0;
	margin-top: 0.7em;
	padding: 0 10px;
	border-left: 1px solid #666;
	list-style: none;
	display: inline;
	line-height:1.3em;
	}
#footer ul li.noborder { border: 0 none}
#footer ul.left li { float: left}
#footer p.last-mod { text-transform: none; clear: right; float: right; width: 490px; text-align: right; margin: 0 10px 10px 0;}
/* --- list of links footer - new nov2009 ---- */
/* --- ACCESSIBILITY ---- ncs EDITED nov4/09 (bug fix, add h2) use to hide h1s or h2s you don't want visible to the sighted, but would like to have read by screen readers */
h1.accessible,h2.accessible{position:absolute;left:-10000px;top:auto;width:0.1em;height:0.1em;overflow:hidden}
/* generic LAYOUT styles --------------------------------------------- */

caption {position:absolute;left:-10000px;top:auto;width:0.1em;height:0.1em;overflow:hidden;display:none} /* Hide table caption from display*/

#insidetable { 
	background:#efe7c9; 
}

#insidetable td, #insidetable th { border-bottom:1px solid #666666; }
.two_cols { 
	background: url('osap_two_cols_image.gif') repeat-y; 
}

.three_cols { 
	background: url('osap_three_cols_image.gif') repeat-y; 
}

.four_cols { background: url('osap_four_cols_image.gif') repeat-y; }
.two_cols .column { /* when a .column is placed inside a two_cols row you get 2 equal columns of 354px that fill the right_column */
	width: 342px;
	float: left;
	position: relative;
}

.three_cols .column, .box .column { /* when a .column is placed inside a three_cols row you get 3 equal columns of 236px that fill the right_column */
	width: 236px; 
	float: left;
	position: relative;
}


.four_cols .column, .box .column { /* when a .column is placed inside a four_cols row you get 4 equal columns of 177px that fill the right_column */
	width: 171px; 
	float: left;
	position: relative;
}
.two_thirds .column { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
	width: 456px;
	float: left;
	position: relative;
}

.two_thirds .other { /* used to hold content other than text */
	width: 228px; 
	float: left;
	position: relative;
}

.single_column {
  width: 228px;
  float: left;
  position: relative;
}

.subheadold {
  background: #EFE7C9;
  COLOR: #4f0035;
  FONT-SIZE: 1.0em;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}

.subhead {
  /* background: #EFE7C9;*/
  background: #F0FBDB;
  /*COLOR: #4f0035;*/
  COLOR:#0E3D67;
  FONT-SIZE: 1.0em;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
}

.subcategory {
  FONT-SIZE: 1.0em;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
}

.subnavigation {
  FONT-SIZE: 1.0em;
  padding: 5px 5px 5px 10px;
}
#right_column ul { 
	list-style-type:none;
	margin-top:5px;
}
#right_column p a, #right_column a p  { 
	text-decoration: underline; 
}

#right_column a  { 
	/*color:#660000;*/ 
	font-weight:normal; 
}

#right_column ul li a { text-decoration: underline; padding:0; margin:0; }
#right_column ul li {
	vertical-align:top;
	background: url("bullet_new_image.gif") no-repeat;
	background-position:0px 3px;
	color:#000000;
	padding-left: 10px;
	/*line-height: 200%;
	margin-left: 5px;
	margin-top:8px;*/
	margin-bottom:6px;
}

	
#right_column ol ul li {
	list-style-type:none;
	vertical-align:top;
	background: url("bullet_new_image.gif") no-repeat;
	background-position:0px 3px;
	color:#000000;
	margin-left:-20px;
	padding-left: 20px;
	/*line-height: 200%;
	margin-left: 5px;
	margin-top:8px;*/
	margin-bottom:6px;
}

#right_column ol li {
	list-style-type:decimal;
	color:#000000;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 155%;
	text-align:left;
	margin-bottom: 8px;
}

#right_column ol.alphalist li {
	list-style-type:lower-alpha;
	color:#000000;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 155%;
	text-align:left;
	margin-bottom: 8px;
}
#right_column ol.romanlist li {
	list-style-type:lower-roman;
	color:#000000;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 155%;
	text-align:left;
	margin-bottom: 8px;
}

#right_column div.sideBox {background:#efe7c9; padding-bottom: 14px; width: 50%;}

#right_column ul.shortlist li { line-height:1.5em; margin-bottom:10px; }

#right_column table td { vertical-align:top; }

#right_column table td h3 { margin-top:0px; }

#right_column table td h3 a { color:#660000;font-weight:bold; text-decoration:underline; }

#right_column table th { vertical-align:top; }

#right_column table th h3 { margin-top:0px; }

#right_column table th h3 a { color:#660000;font-weight:bold; text-decoration:underline; }

#right_column .content .large p a { text-decoration:none; }

#right_column h2 a:link, h2 a:active, h2 a:hover, h2 a:visited { color: #184f80; text-decoration: none; }

#rtl li { text-align:right; margin-right: 2em; }
.date  { 
	color: #000; 
	font-weight:bold; 
} /* CHANGE COLOUR OF NEWS DATES here */
.promo { 
	margin-bottom: 10px; 
	float: left; 
}


.content {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}

.content1 {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}

.contentnews {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

.contentspotlight {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
  width:580px;
}

.contentcolumns {
  PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}

.tablecontainerleft {
  PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.tablecontainerright {
  PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}	
.column li a { 
	font-weight: bold; 
}
.column ul   { 
	margin: 0; 
	padding: 0; 
}

.two_cols .column .header { /* 2 seperate headers - USE: class="row two_cols" nest .content div inside, then nest .header div inside that */
	width: 350px;
	height: 100%;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #DCDCDB url('arc_right_half_image.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
	float: none;
	position: relative;
	margin: 0 2px;
}

.three_cols .column .header { /* 2 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
	width: 230px;
	height: 2.5em;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #DCDCDB url('arc_right_third_image.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
	float: none;
	position: relative;
	margin: 0 3px;
}

.four_cols .column .header { /* 2 seperate headers - USE: class="row four_cols" nest .content div inside, then nest .header div inside that */
	width: 171px;
	/*height: 2.5em;*/
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #DCDCDB url('arc_right_fourth_image.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
	float: none;
	position: relative;
	margin: 0 3px;
}

.two_thirds .column .header { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
	width: 460px;
	height: 2.5em;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	float: none;
	position: relative;
	margin: 0;
}

.two_thirds .other .header {
	width: 236px; 
	height: 2.5em;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	float: none;
	position: relative;
	margin: 0 0 0 3px;

}

.header h1 {
	color: #333;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
	float: none;
}
.header h2 {
	color: #1b324a/*#333*/;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 0px;
	font-size: 1.1em !important;
	float: none;
}
.leftnav .header a, .headergovt a {
	font-size:0.92em !important;
}
.header .mycolour {
	
} /* in case you need it - not currently used */
.headertitle {
  font-size: 2.0em;
  color: #690707;
  float: right;
  position: relative;
  top: 50px;
  right: 5px;
  padding: 5px 5px 5px 5px;
}

.fao_breadcrumb {
  color: #690707;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  white-space: nowrap;
  text-decoration: none;
}
a.fao_breadcrumb:link {
  color: #690707;
}
a.fao_breadcrumb:hover {
  color: #690707;
}

.more { /* style for the more> links pulls the more out 30px from the right side of the block */
	right: 26px;
	float: right;
	position: relative;
	top: 5px;
	padding: 0px 0px 0px 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.more img { /* positions the chevron/arrow after the MORE link */
	position: absolute;
	top: 5px;
	right: -15px;
}

.box {
	float: left;
	width: 100%;
	background-color: #f8f6d7;
	border-bottom: 1px solid #666;
	margin: 10px 0 20px 0;
}

.box h3, .box p, .box ul, .box table { 
	margin-left: 20px; 
	margin-right: 20px; 
}

.box table td { 
	border-top: 1px dotted #666; 
}
.box table th { 
	border-top: 1px dotted #666; 
}
/* PHOTO STYLES --------------------------------------------- */
.minister p { height:1.3em; padding:5px; }
.minister p a, .minister p a:link, .minister p a:active, .minister p a:visited { color:#ffffff; font-weight:bold; font-size:90%;}
.minister p a:hover { text-decoration:underline; }
.frame  { border: 1px solid #ccc; padding: 8px; }
.inline { vertical-align: middle; } /* won't work for IE mac (not supported) */
.ministercap  { background-repeat: no-repeat; } /* used for the left floated series of images - you can put a caption below - this style that caption */




.photocap  { 
	background-repeat: no-repeat; 
	height: 6px; 
	line-height: 6px; 
	font-size: 0.1em; 
	clear: left; 
} /* used for the left floated series of images - you can put a caption below - this style that caption */


#left_column .photocap { 
  margin-left:0;
}





div.photo  { 
	width: 210px; 
	height: 190px; 
	float: left; 
	margin: 0 13px; 
} /* this is for the gallery ONLY - note that it will make the div that holds the photo 190px tall! */
div.portrait  { width: 125px; } /* this is for the gallery ONLY - note that it will make the div that holds the photo 190px tall! */
img.photo  { 
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	width: 100%; float: left; 
}
img.portrait  { border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 100%; float: left; }






.photolink{ 
	width: 100%; 
	float: left; 
}

.photolink a     { 
	font-weight: bold; 
}

.photolink .text {
	float: left;
	padding: 5px 0 0 5px;
	color: #FFFFFF; /* set colour of link text under photos here */
}
.row three_cols .column .content .large a {	text-decoration: none;}
.row four_cols .column .content .large a {	text-decoration: none;}

.nav_top      { 
	background-image: url('fao_corner_nav_top_image.gif'); 
	background-position: top left; 
	background-repeat:no-repeat; 
}
.nav_bottom   { 
	background-image: url('fao_corner_nav_bottom_image.gif'); 
	background-position: bottom left; 
    background-repeat:no-repeat; 
}
.main_top     { background-image: url('corner_main_top_image.gif'); background-position: top left; background-repeat:no-repeat; }
.photo_top    { 
	width: 210px; 
	background-image: url('osap_corner_photo_top_image.gif'); 
	background-position: top left; 
	background-repeat:no-repeat; 
    margin-top: 10px;
}
.photo_bottom { 
	width: 210px; 
	background-image: url('osap_corner_photo_bottom_image.gif'); 
	background-position: bottom left;
	background-repeat:no-repeat; 
}

.portrait_top    { width: 125px; background-image: url('corner_portrait_top_image.gif'); background-position: top left; background-repeat:no-repeat; }
.portrait_bottom { width: 125px; background-image: url('corner_portrait_bottom_image.gif'); background-position: bottom left; background-repeat:no-repeat; }

.icon_top     { 
	background-image: url('corner_icon_top_image.gif'); 
	background-position: top left; background-repeat:no-repeat; 
}
.icon_bottom  { 
	background-image: url('corner_icon_bottom_image.gif'); 
	background-position: bottom left; 
	background-repeat:no-repeat; 
}


.noborder	  { 
	border: 0; 
}

.nomargin     { 
	margin: 0; 
}

.photo_long { width: 426px; background-image: url('corner_photo_long_image.gif'); background-position: top left; border-bottom: 1px solid #fff;}

.blue { background-color: #2d4962; }
.red  { background-color: #50152d; }

.grey { background: /*url('nav_top_grey_image.gif')*/ #868686;}
.grey2 { background-color: #868686;}


.mycolour { 
	background-color: #374559; 
} /* this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */





.icon { 	
	width: 125px; 	
	float: left; 	
	padding: 10px 0;
}






.spacer { 
	float: left; 
	width: 40px; 
}

.half_spacer { 
	float: left; 
	width: 20px; 
}

/*(NOELLE - note to self) from TCU - is this standard? */.two_thirds .photo { height: 100px; /* specify image height here */ width: 210px; float: left; padding: 12px 20px 20px 20px; /* pulls image down same amount as the paragraph 16px and adds a pad under the image */}



.two_thirds .photo {
	height: 85px; /* specify image height here */
	width: 210px;
	float: left;
	padding: 0; /* puts padding all around the image */
}

.three_fourths .photo {
  height: 85px;/* specify image height here */
  width: 75px;
  float: left;
  padding: 13px 0px 13px 13px;/* puts padding all around the image */
  margin-left: 0px;
}

/* NEWS STYLES - MAA specific - can be re-used --------------------------------------------- */

.news p { 
	clear: left; 
	float: left; 
	width: 20%; 
	height: 2em; 
	margin: 0; 
	padding: 2px 0 0 0; 
	border-top: 1px dotted #ccc;
}

#right_column .news ul { 
	margin: 0; 
	padding: 0 0 1em 0; 
}
#right_column .news ul li { 
	display: block;
	list-style-type: none; 
	background: none; 
	margin: 0; 
	padding: 0; 
	border-top: 1px dotted #ccc;
}

/* End NEWS STYLES - MAA specific - can be re-used --------------------------------------------- */

.bar{/* a full length header that spans all columns -USE: wrap .header in a .row */
  width: 100%;
  position: relative;
  border-top: 3px solid #666;
  border-bottom: 1px solid #999;
  background: #DCDCDB url('fao_arc_right_main_image.gif') no-repeat;
}

.bar .header {/* a full length header that spans all columns -USE: wrap .header in a .row */
  width: 100%;
  height: 100%;
  position: relative;
  /*border-top: 3px solid #666;*/
  /*border-bottom: 1px solid #999;*/
  background: #efe7c9 url('fao_arc_right_main_image.gif') no-repeat;
}

.bar .two_cols .column .header {/* 2 seperate headers - USE: class="row two_cols" nest .content div inside, then nest .header div inside that */
  width: 350px;
  height: 100%;
  border-top: 3px solid #666;
  border-bottom: 1px solid #999;
  background: #f0e5c1 url('arc_right_half_image.gif') no-repeat;
  float: none;
  position: relative;
  margin: 0 2px;
}

.bar .three_cols .column .header {/* 2 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
  width: 230px;
  height: 2.5em;
  border-top: 3px solid #666;
  border-bottom: 1px solid #999;
  float: none;
  position: relative;
  margin: 0 3px;
}

.bar .two_thirds .column .header {/* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
  width: 460px;
  height: 2.5em;
  border-top: 3px solid #666;
  border-bottom: 1px solid #999;
  float: none;
  position: relative;
  margin: 0;
}

.bar .two_thirds .other .header {
  width: 236px;
  height: 2.5em;
  border-top: 3px solid #666;
  border-bottom: 1px solid #999;
  float: none;
  position: relative;
  margin: 0 0 0 3px;
}



/* NOELLE - note to self may not need - check */
h2 a.large {
margin-top: 20px;
display:block;
}

.box h3 .attention {
	background: url(images/chevron_pointingright.gif) no-repeat left top;
	padding: 0 0 0 30px;
}

/* ------ overide styles ---- */
.nomargin { 
	margin: 0; 
} /* removes all margins */

.noborder { 
	border: 0; 
} /* removes all borders */

.content: after {
	clear: both;
}


/* Start----additional customized css fields*/

.row .header {/* a full length header that spans all columns -USE: wrap .header in a .row */
  width: 100%;
  height: 100%;
  margin-top:0px
  position: relative;
  border-top: 3px solid #666;
  border-bottom: 1px solid #999;
  background: #DCDCDB url('fao_arc_right_main_image.gif') no-repeat;
}

.rowheader
{
  padding-left: 5px;
  padding-right:5px;
  font-weight:bold;
  text-align:right;
  vertical-align: top;
  background:white;
  color:black;
  white-space: nowrap;
}

.actionbuttoncolour {
  text-align: center;
  vertical-align: middle;
  /*background: #EFE7C9;*/
  background: #F8FFEC;
  padding: 5px 5px 5px 5px;
}

.actionbutton
{
  text-align:center;
  vertical-align:middle;
  background:white;
}

.strongSpan{
  font-weight: bold;
}

.column h2{
  color: #1B324A;
}

.result_content {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}

input 
{ 
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1.1em;
} 
.manual_more {/* similar style for the more> links pulls the more out 30px from the right side of the block */
  background:transparent url(fao_print_friendly_icon_image.gif) no-repeat scroll 5px 6px !important;
  right: 26px;
  float: right;
  position: relative;
  /*top: 5px;*/
  top: 2px;
  padding: 0px 0px 0px 20px;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  margin:0 !important;
}

.columntext {
  position: relative;
  float:left; 
  width:225px;
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top;
  /*padding-left:20px;
  */
}
.columntext h3 {
  color: #690707; /* COLOUR CHANGE */
  /*color:#0E6789;*/
  font-size: 1.1em;
  margin: 0 0 0.5em 0;/* default margins for h tags: in this order: top/bottom, right/left */
  
}
.columntext h3 a{
  text-decoration:underline;
}
.columntext h3 a:visited{
  text-decoration:underline;
}

.two_cols_dash {
 background: url(osap_two_cols_dash.gif) repeat-y;
}

.two_cols_dash .column {/* when a .column is placed inside a two_cols row you get 2 equal columns of 354px that fill the right_column */
  width: 354px;
  float: left;
  position: relative;
}
.rowlist {/* a style to contain other elements on the page - gives a solid border at the bottom of the area */
  width: 100%;
  float: left;
  display: inline;
  margin-right: -3px;/* IE 6 duplicate text fix */
  /*margin-bottom: 10px;*/
}

.searchtips {
  float:right;
  position:relative;
}

#searchBox { /* search box */
  width: 200px;
  height: 1.2em;
  padding: 3px;
  border: 0;
  background-color: #fff; 
  border: 1px solid #1d2d44
}
	
#searchBox:hover {
  border: 1px solid #fff
}

#manager_column {/* contributor manager content area */
  width: 710px;
  float: right;
  font-size: 1.3em;
  line-height: 160%;
}

#sub_ad_banner {
  cursor:pointer;
  height:153px;
}
#osap_print_identification{
  display: none;	
}
.aidFinderFieldSet{
  vertical-align:bottom;
}
/* End----additional customized css fields*/
/* --- Table styles --*/

.addborder {
  BORDER-RIGHT: #ccc 1px solid;
  BORDER-TOP: #ccc 1px solid;
  BORDER-LEFT: #ccc 1px solid;
  BORDER-BOTTOM: #ccc 1px solid;
}

.paddropdown {
  padding: 5px 5px 5px 5px;
}

.subheaddropdown2 {
  background: #F8FFEC;
  COLOR: #0E3D67;
  FONT-SIZE: 1.0em;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
}

.columnheading {
  font-weight: bold;
  FONT-SIZE: 1.1em;
  MARGIN: 0.5em 0px;
  color: #000;
  text-align: center;
  background-color: white;
}

.subhead2 {
  /*background: #f7f3e6;*/
  background: #F0FBDB;
  COLOR:#0E3D67;
  FONT-SIZE: 1.0em;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}

.subhead3 {
  COLOR: #93264F;
  FONT-SIZE: 1.0em;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}

.datadisplay {
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 2px;
  background: white;
  color: black;
  font-weight: normal;
  word-wrap: break-word;
  display:block, inline;
}

.datadisplay1 {
  padding: 5px 5px 5px 5px;
  background: white;
  color: black;
  font-weight: bold;
}

.tbrborder						/* This adds the border to top bottom and right side of a table cell */
{ border-style:solid;
  border-right: 1px;
  border-top: 1px;
  border-bottom:1px;
}
.tbborder						/* this adds the border to the top and bottom of a table cell */
{
  border-top: 1px;
  border-bottom:1px;
  border-style:solid;
}

.tdhrefont
{
  color:#660000;
  font-weight: bold;
  line-height:160%;	
  font-family:Verdana,Helvetica,Arial,sans-serif;
}

.custom_form_table{
  width:344px;
}

.custom_search_result_table{
  width: 680px;
}

.table_result{
  width:100%;
}

.tabletext{
  padding-left:6px;
  padding-top:2px;
  padding-bottom:2px;
}

/* ----End Table styles--*/

/* ---OSAP Site Map ---*/
.osap_sitemap-level2,
.osap_sitemap-level2 A:link,
.osap_sitemap-level2 A:visited
{
  color: #4f0035;/* COLOUR CHANGE */
  font-size: 1.1em;
  padding-bottom: 6px;/* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class  */
  font-weight: bold;
}

.osap_sitemap-level2hover,
.osap_sitemap-level2hover A:link,
.osap_sitemap-level2hover A:visited
{
  color: #4f0035;/* COLOUR CHANGE */
  font-size: 1.1em;
  padding-bottom: 6px;/* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class  */
  text-decoration:underline;
  font-weight: bold;
}

.osap_sitemap-level3,
.osap_sitemap-level3 A:link,
.osap_sitemap-level3 A:visited
{
  margin:5px 0 5px 10px;
  padding-left:15px;
  color:#000;
  margin-left: 10px;
  padding-left: 15px;
  line-height: 150%;
}

.osap_sitemap-level3hover,
.osap_sitemap-level3hover A:link,
.osap_sitemap-level3hover A:visited
{
  margin:5px 0 5px 10px;
  padding-left:15px;
  color:#000;
  margin-left: 10px;
  padding-left: 15px;
  text-decoration:underline;
  line-height: 150%;
}

/* ---End OSAP Site Map ---*/
/* --- Dynamic Converter Styles---*/
#rowdynamicconverter {/* a style to contain other elements on the page - gives a solid border at the bottom of the area */
  width: 100%;
  float: left;
  display: inline;
  margin-right: -3px;/* IE 6 duplicate text fix */
  /*margin-bottom: 10px;*/
}
#rowdynamicconverter table td {
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  BORDER-LEFT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}
#rowdynamicconverter table td p{
  margin:0.2em;
}
#rowdynamicconverter table th {
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  BORDER-LEFT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}
#rowdynamicconverter table th p{
  margin:0.2em;
}


#rowdynamicconverter a {
  /* text-decoration: underline;*/
}

#rowdynamicconverter h1 {
  color: #333 /* COLOUR CHANGE */ /* replace H tags colour with your own */
}

#rowdynamicconverter h2 {
  color: #1B324A;/* COLOUR CHANGE */
  /*padding-bottom: 0px ;*/
  padding-bottom: 6px ;
}
#rowdynamicconverter h3 {
  color: #0e3d67/*#690707*/;
  /*margin: 0.5em 0em 0em 2em;*/
}
#rowdynamicconverter h4 {
  font-size: 1.0em;
  color: #000000;/* COLOUR CHANGE */
  /* margin: 1.3em 0em 0em 2em;*/
  
}
#dynamicconvertercontent {
  PADDING-RIGHT: 13px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
#dynamicconvertercontent1 {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 5px
}
#rowdynamicconverter1 a {
  /* text-decoration: underline;*/
}

#rowdynamicconverter1 h1 {
  color: #333 /* COLOUR CHANGE */ /* replace H tags colour with your own */
}

#rowdynamicconverter1 h2 {
  color: #1B324A;/* COLOUR CHANGE */
  /*padding-bottom: 0px ;*/
  padding-bottom: 6px ;
}
#rowdynamicconverter1 h3 {
  color: #0e3d67/*#690707*/;
}
#rowdynamicconverter1 h4 {
  font-size: 1.0em;
  color: #000000;/* COLOUR CHANGE */
  /* margin: 1.3em 0em 0em 2em;*/
  
}
#rowdynamicconverter1 h5 {
  color: #000000;/* COLOUR CHANGE */
  margin: 1.3em 0em 0em 2em;
}

#rowdynamicconverter1 ul li{
  /*list-style-type:disc;
  margin:5px 0 5px 0px;
  padding-left:2px;*/
}

.row_heading2 .content {
  PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
#rowdynamicconverter ul li{
  /*list-style-type:disc;
  margin:5px 0 5px 0px;
  padding-left:2px;*/
}

p.Heading3and4text, li.Heading3and4text, div.Heading3and4text {
  font-family:Verdana;
  /*margin: 0.5em 0 1.5em 2em; sets default margins for all paragraphs */
}

p.Heading5Text, li.Heading5Text, div.Heading5Text {
  font-family:Verdana;
  margin: 0.5em 0 1.5em 2em;/* sets default margins for all paragraphs */
}

p.AddressText{
  font-family:Verdana;
  margin: 0 ;
}

p.AddressStartLine{
  font-family:Verdana;
  margin: 0.5em 0 0 0/* sets default margins for all paragraphs */
}

p.AddressEndLine{
  font-family:Verdana;
  margin: 0 0 1.5em 0;/* sets default margins for all paragraphs */
}
p.accordian{
  font-weight: bold;
}
div.TableHeader1{
  /*background: #EFE7C9;*/
  background: #DCECC1;  
  /*COLOR: #4f0035;*/
  COLOR: #1B324A;
  FONT-SIZE: 1.0em;
  text-align:center;
  vertical-align:middle;
  padding: 0;
  margin:0;
  font-weight: bold;
}
div.DLTableHeader1{
  /*background: #EFE7C9;*/
  background: #DCECC1;  
  COLOR: #1B324A;
  FONT-SIZE: 1.0em;
  text-align:center;
  vertical-align:middle;
  padding: 0;
  margin:0;
  font-weight: bold;
  height:45px;
}

div.DLTableHeader2{
  /* background:#F7F3E6 none repeat scroll 0 0; */
  /*background:#FBFDF7 none repeat scroll 0 0;*/
  background:#ECFDD2 none repeat scroll 0 0;
  text-align:center;
  vertical-align:middle;
  margin:0;
  padding: 0;
  height:40px;
}

div.TableHeader2{
  /* background:#ECFDD2 none repeat scroll 0 0;*/
  background:#ECFDD2 none repeat scroll 0 0;
  text-align:center;
  vertical-align:middle;
  margin:0;
  padding: 0;
}

#dynamicconverteraddborder {
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  BORDER-LEFT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}

#dyn_subhead {
  background: #EFE7C9;
  COLOR: #4f0035;
  FONT-SIZE: 1.0em;
  margin:0.5em 0 0.5em 0;
  padding:5px;
  padding-top:5px;
  padding-bottom:5px; 
  font-weight: bold;
}
#dyn_subhead a {
  text-decoration:none;
}
#dyn_subhead a:hover {
  text-decoration: underline;
}

#dyn_detailhead {
  background:  #D2D2D1; /*#EFE7C9;*/
  COLOR: #1B324A;/*#4f0035;*/
  FONT-SIZE: 1.0em;
  margin:0.5em 0 0.5em 0;
  padding:5px;
  padding-top:5px;
  padding-bottom:5px; 
  font-weight: bold;
  width:690px;
}
#dyn_detailhead a {
  text-decoration:underline;
}
#dyn_detailhead a:hover {
  text-decoration: underline;
}

#dyn_facthead {
  background: #D2D2D1;/* #EFE7C9;*/
  COLOR: #1B324A;/*#4f0035;*/
  FONT-SIZE: 1.0em;
  margin:0.5em 0 0.5em 0;
  padding:5px;
  padding-top:5px;
  padding-bottom:5px; 
  font-weight: bold;
  width:690px;
}
#dyn_facthead a {
  text-decoration:underline;
}
#dyn_facthead a:hover {
  text-decoration: underline;
}
.row_heading2 {/* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
  width: 100%;
  float: left;
  display: inline;
  margin-right: -3px;/* IE 6 duplicate text fix */
  margin-bottom: 15px;
  border-bottom: 1px dotted #666;
}
.tag_heading2 {/* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
  /*width: 100%;*/
  width:710px;
  float: left;
  display: inline;
  margin-right: -3px;/* IE 6 duplicate text fix */
}
/* --- End Dynamic Converter Styles---*/
/* ---Error Message --- */
.red_text {
  color:#ED1C24;
}
.error_message {
  color:#0000FF !important;
}
/* ---End Error Message --- */

/* bookmark*/
#left {float: left;}
#p_actions ul li { 
	list-style-type:none; 
	padding-left:6px; 
}
#right_bookmark {/* bookmark area*/
  width: 710px;
  float: right;
  line-height: 160%;
  position: relative;
}


/* Page Actions Styles */
/* Page Widgets */
#p_actions { width:710px !important; margin: 0 0 0 0; }
.pageActions {margin: 0 !important; padding: 0; float: right; text-transform: uppercase;}
.searchtips {margin: 0 !important; padding: 0; float: right;}
#right_column .pageActions a { 
	text-decoration:none; 
}
#right_column .pageActions a:hover {
	text-decoration: underline;
}
.pageActions {
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none;
}

.pageActions li {
	float:left; 
	font-weight: bold;
}

.pageActions li.email {
	background: url('osap_icon_email_image.gif') no-repeat left !important; 
	font-size: 0.8em; 
	font-family: arial; 
	margin: 0px 0px 0px 20px !important;
}
#right_column .pageActions .email a {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 10px; 
	color:#333; 
}
.pageActions li.print {
	background: url('osap_print_friendly_icon_ima.gif') no-repeat left !important; 
	font-size: 0.8em; 
	font-family: arial; 
	margin: 0px 0px 0px 20px !important;
}
#right_column .pageActions .print a {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 10px; 
	color:#333;
}
.pageActions li.accessibility {
	background: url('aa_image.gif') no-repeat left !important;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 20px !important; 
	font-size: 0.8em; 
	font-family: arial;
}

.pageActions li.twitter {
	background:transparent url('tweet.png') no-repeat scroll left center !important;
	font-family:arial;
	font-size:1em;
	line-height:10px !important;
	margin:0 3px 0 10px !important;
	text-transform:none;
}

#right_column .pageActions .accessibility a {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 21px; 
	color:#333;
}
.accessibility { display:none; }
.line {clear: both; border-bottom: 1px solid #BFBFBF; padding: 6px 0px 0px 0px;}
.bookmarks {float: right; margin: 15px 0px 5px 0px;}
.share {
	float: left; 
	color: #680302; 
      display:none;
	font-size: 1em; 
	text-transform: uppercase; 
	padding: 0px 0px 0px 14px;
}
.pageActions li.delicious {
	background: url('delicious_image.gif') no-repeat left !important;
      display:none !important;
	text-transform: none; 
	font-size: 1em; 
	font-family: arial; 
	margin: 0px 3px 0px 4px !important;
}
.pageActions li.delicious a {
	padding: 0px 0px 0px 19px; 
	color: #680302;
}
.pageActions li.digg {
	background: url('digg_image.gif')no-repeat left !important; 
      display:none !important;
	text-transform: none; 
	font-size: 1em; 
	font-family: arial; 
	margin: 0px 3px 0px 4px !important;
}
#diggf { display:none; }
.pageActions li.digg a {
	padding: 0px 0px 0px 21px; 
	color: #680302;
}
.pageActions li.facebook {
	background: url('facebook_image.gif') no-repeat left !important;
	text-transform: none; 
	font-size: 1em; 
	font-family: arial; 
	margin: 0px 3px 0px 4px !important;
      text-transform:uppercase;
}
.pageActions li.facebook a {
	padding: 0px 0px 0px 19px; 
	color: #680302;
}
h3 a{
 	font-weight: bold !important;
	text-decoration:underline !important;
}
.list_checkmark ul {
	background:transparent none repeat scroll 0 0;
	padding:0;
}
.list_checkmark ul li {
	list-style-image:url('ucont139339.jpg');
	list-style-position:outside;
	list-style-type:disc;
	margin-left:25px;
}
.list_otg{
	color: #004861 !important; 
	font-weight: bold;
}
#noLine {
	border-bottom:medium none;
	float: none;
}
.two_cols_noLine {
}
.two_cols_noLine .column { /* when a .column is placed inside a two_cols row you get 2 equal columns of 354px that fill the right_column */
	width: 354px;
	float: left;
	position: relative;
}
.greenDiv{
	background-color:#ECFDD2;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	text-align:center;
}
.style2 {
color:#004861;
font-weight:bold;
}
.midtext {
float:left;
font-size:100%;
overflow:hidden;
width:100%;
}
.midtext li {
background:transparent none repeat scroll 0 0 !important;
display:table-row;
height:70px;
padding-left:0 !important;
width:100%;
}
.midtext li * {
vertical-align:middle;
}
.midtext a:link, .feature a:visited, .feature a:active {
color:#444444;
}
.midtext span {
display:inline-block;
line-height:1.3em;
padding:6px 4px 6px 5px;
width:180px;
}
.midtext img {
border:0 solid #666666;
margin:5px 0;
}
#otg {
background:transparent url('ucont139449.jpg') no-repeat scroll right center;
cursor:pointer;
height:147px;
}
#otg_twitter {
background-attachment:scroll;
background-color:transparent;
background-image:url('ucont139346.jpg');
background-position:left center;
background-repeat:no-repeat;
margin-right:10px;
padding-bottom:5px;
padding-left:30px;
padding-right:5px;
padding-top:10px;
}
#otg_fb{
background-attachment:scroll;
background-color:transparent;
background-image:url('ucont139347.jpg');
background-position:left center;
background-repeat:no-repeat;
margin-right:10px;
padding-bottom:5px;
padding-left:30px;
padding-right:5px;
padding-top:10px;
}