@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{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;

}
body {
	line-height: 1;
}
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;*/
}

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;
	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, a:link,  a:visited,  a:active {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

.row a:link, .row a:visited, .row a:active {
	border-bottom: 1px solid #639000; 
	text-decoration: none;
	font-weight: bold;
	color: #3B5600;
}

.row a:hover, #footer a:hover {
	border-bottom: 1px solid #8b1716;
	text-decoration: none;
	color: #8b1716;
}

a.no_underline {border-bottom: none !important;}
a.li {border-bottom: none !important;}

a:hover {
	text-decoration: underline;
	color: #8b1716;
}
/* 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%;
}


#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('ministry_header_arc.jpg');
	border-bottom:1px solid #463519;
}

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

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

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

#submit {
	width: 2.5em;
	padding: 3px 0px 3px 0px;
	border: 0;
	background-color: #ADBB8C;
	color: #2A2201;
}


#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: 27px;
	height: 27px;
	padding: 3px 0;
	border: 0;
	background: #d8e9ec/*transparent*/;/*missing image url('arrow_right_blue_image.png') no-repeat left center*/
	color: rgba(0,0,0,0) transparent;
      cursor:pointer;
}

#navbar {
	width: 100%;
	float: left;
	background: #463519 url('ministry_navbar_image.jpg') no-repeat left center;
}

#navbar p {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 0px 6px 0px;
	margin: 0;
	overflow: hidden;
}

#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;
}


#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;
	margin-right: -3px;
}









/* -- First colour of Header bar for Menu titles -- */
.leftnav .header {
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	float: left;
	position: relative;
	background: #e4f0c3 url('grants001987.gif') no-repeat;
}

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

.leftnav .header a { 
	color: #333333;
	font-weight: bold;
	display: block;
	padding: 3px 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;
}



.dark {background: #66810c url('grants001989.gif') no-repeat;}
.dark a {color: #FFFFFF;}

.leftnav .dark .header {
	border-bottom: 1px solid #000000;
	background: #66810c url('grants001989.gif') top left no-repeat;
}

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




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

.leftnav .mycolour .header {
	border-bottom: 1px solid #000000;
	background: #8b1716 url('grants001988.gif') top left no-repeat;
}

.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 h2 { font-size: 1.1em; } 

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

/* EXPANDING MENU STYLES --------------------------------------------- */
#language a, a:link, a:visited, a:active {
	text-decoration:none;
}

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

.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 18px; 
	border-bottom: 1px dotted #666; 
	background:#ecfdd2; }

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

.menu #subheading,.menu .subheadingnew {
	color: #454545;
	font-weight: 700;
	display: block;
	padding: 8px 4px 8px 12px;
	border-bottom: 1px dotted #666;
	background: #F7F7EF;
}
			
.subarrow { 	
	/*position:absolute;*/
	cursor:hand;
	/*margin:12px;*/
	background:#f5f9ed;
	}
				
.subarrow2 { 	
	/*position:absolute;*/
	cursor:hand;
	/*padding: 0 0 0 0;*/
	/*margin: 0 0 0 0;*/
	/*margin:12px 12px 12px 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 14px; /* 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: #F7F7EF
	
}

ul.menu li a {	
	/* color: #444;*/
}

ul.menu li a {
	background-color#F0FBDB;
	background-image:url(grants001990.gif);
	background-position:12px 13px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #666666;
	color:#333333;
	display:block;
	font-weight:bold;
	padding:8px 4px 10px 24px;
}

#current { 
	background-color: #f8f6d7; 
} /* not in use */

.menu li li a {
	/*font-size: 0.9em;*/
	padding: 8px 4px 8px 38px;
	/*background: #f8ffec;*/
	background: #ffffff url('grants001990.gif') no-repeat 25px 10px; 
	/* 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*/
	background: #fbfdf7 url('grants001990.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; }

#contacts { display: none; } /* closes the menu by default */
#explore { 	display: none; } /* closes the menu by default */
#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 solid border at the bottom of the area */
	border-bottom:1px solid #BFBFBF;
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-right:-3px;
	width:100%;
}

/* added chwang new osap */
.midtitle {
	width: 100%;
	float: left;
	overflow:hidden;
}

.midtitle p {

	display:table-row;
	height:110px;
	margin:0px 0px 5px 0px;

}

.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;
}

.feature li {
	/*display: inline;*/
	display:table-row;
	width:100%;
	height:40px;
	border-bottom: 1px dotted #666; 
	background: #F0FBDB 
}

.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:180px;
	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;
	float: left;
	margin: 2.6em 0px 0 0px;
	padding-bottom: 85px;
	font-size: 1.3em;
	text-align: left;
	background: url('grants001991.jpg') no-repeat bottom left;
	border: 1px solid #463519;
	border-bottom: 2em solid #463519;
}

#splash .two_cols { 
	background: url('grants001992.gif') no-repeat top center; 
	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;
}

#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;}
.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: 470px; 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:1px;height:1px;overflow:hidden}
/* generic LAYOUT styles --------------------------------------------- */

#insidetable { 
	background:#efe7c9; 
}

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

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

.four_cols { background: url('osapqa007521.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: 354px;
	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 */
	float:left;
	height:100%;
	position:relative;
	width:234px;
}


.four_cols .column, .box .column { /* when a .column is placed inside a four_cols row you get 4 equal columns of 236px that fill the right_column */
	width: 177px; 
	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: 450px;
	float: left;
	position: relative;
}

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

.single_column {
  width: 236px;
  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 ul li a { text-decoration: underline; padding:0; margin:0; }
#right_column ul li {
	vertical-align:top;
	background: url("osapqa007522.gif") no-repeat;
	background-position:0px 3px;
	color:#000000;
	padding-left: 20px;
	/*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("osapqa007522.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 .content .large p a { 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;
}
.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('osapqa007523.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('osapqa007524.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('osapqa007525.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;
}

.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; 
}
/* 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('grants002000.gif'); 
	background-position: top left; 
	background-repeat:no-repeat; 
}

.nav_bottom   { 
	background-image: url('osapqa007526.gif'); 
	background-position: bottom left; 
    background-repeat:no-repeat; 
}
.main_top     { background-image: url('osapqa007527.gif'); background-position: top left; background-repeat:no-repeat; }
.photo_top    { 
	width: 210px; 
	background-image: url('grants002065.gif'); 
	background-position: top left; 
	/*background-repeat:no-repeat; */
    /*margin-top: 10px;*/
}
.photo_bottom { 
	width: 210px; 
	background-image: url('grants002066.gif'); 
	background-position: bottom left;
	/*background-repeat:no-repeat; */
}

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

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


.noborder	  { 
	border: 0; 
}

.nomargin     { 
	margin: 0; 
}

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

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

.grey { background-color: /*#666*/ #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('grants001994.jpg') 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('grants001994.jpg') 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('osapqa007532.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 {
	/*missing image 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('grants001994.jpg') 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:120%;
} 
.manual_more {/* similar style for the more> links pulls the more out 30px from the right side of the block */
  background:transparent;/*missing image 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 {
 /*missing image 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: 6px;
  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 caption{
  display:none;
}
#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 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 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: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; 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 solid 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 solid #BFBFBF;
}
.tag_heading2 {/* 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 */
}
/* --- End Dynamic Converter Styles---*/
/* ---Error Message --- */
.red_text {
  color:#ED1C24;
}
.error_message {
  color:#0000FF;
}
/* ---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;}
#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('osapqa007534.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('osapqa007533.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;
}
#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; 
	font-size: 1em; 
	text-transform: uppercase; 
	padding: 0px 0px 0px 14px;
}
.pageActions li.delicious {
	/*missing image background: url('delicious_image.gif') no-repeat left !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 {
	/*missing image background: url('digg_image.gif') no-repeat left !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 {
	/*missing image background: url('facebook_image.gif') no-repeat left !important;*/
	text-transform: none; 
	font-size: 1em; 
	font-family: arial; 
	margin: 0px 3px 0px 4px !important;
}
.pageActions li.facebook a {
	padding: 0px 0px 0px 19px; 
	color: #680302;
}